:root{--ink:#17201d;--muted:#67716b;--paper:#f5f5ef;--line:#dce0d7;--olive:#304c3c;--lime:#e0f29c;--orange:#aa5426;--font:Inter,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #608432;outline-offset:3px}button{transition:background .15s,color .15s,border-color .15s}button[disabled]{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.masthead{height:86px;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-size:43px;line-height:.82;letter-spacing:-4px;font-weight:950;text-decoration:none}.brand span{display:block;font-size:6px;letter-spacing:1.3px;margin-top:8px}.private{font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:8px;font-weight:700}.private i{width:6px;height:6px;background:var(--olive);border-radius:50%}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;gap:25px;padding:46px 0 34px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--muted);margin:0 0 14px}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.3;letter-spacing:-.05em;font-weight:850;margin:0 0 16px}.lede{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.mobile-break{display:none}.intro-note{display:flex;gap:14px;align-items:center;padding-bottom:6px;color:var(--muted);font-size:10px;line-height:1.8}.note-number{font-size:35px;font-weight:300;letter-spacing:-2px;color:var(--olive);white-space:nowrap}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.controls{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.control-section{padding:24px 23px}.control-section+.control-section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:10px}.step{font-size:10px;font-weight:700;color:var(--olive);background:#edf0e7;border-radius:50%;height:26px;width:26px;display:grid;place-items:center}.section-heading h2{font-size:15px;margin:0;letter-spacing:-.02em}.subtle{font-size:10px;color:var(--muted);line-height:1.7;margin:9px 0 21px}fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}legend{font-size:11px;font-weight:750;margin-bottom:9px;width:100%}legend small{font-size:9px;font-weight:400;color:var(--muted);margin-left:8px}.segmented{display:flex;gap:5px}.segmented button{flex:1;padding:10px 0;border:1px solid var(--line);border-radius:6px;background:white;font-size:11px;min-height:38px}.segmented button[aria-pressed=true]{border-color:var(--olive);background:var(--olive);color:white}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:11px;font-weight:700}.number-wrap{display:flex;align-items:center;border:1px solid var(--line);background:#fafbf8;border-radius:7px;margin-top:8px;overflow:hidden}.number-wrap:focus-within{outline:2px solid var(--olive);outline-offset:2px}.number-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:11px 0 11px 12px;outline:none;font-size:22px;font-weight:600;appearance:textfield;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button,.number-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-wrap span{font-size:10px;color:var(--muted);font-weight:400;padding:0 11px 0 4px}.number-wrap:has([aria-invalid=true]){border-color:#b14227}.field-help{font-size:9px;color:var(--muted);line-height:1.8;margin:8px 0 18px}.body-types{display:grid;grid-template-columns:1fr 1fr;gap:6px}.body-types button{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 6px;font-size:10px;min-height:37px}.body-types button:nth-child(3){grid-column:1/-1;grid-row:2}.body-types button[aria-pressed=true]{background:var(--lime);border-color:#a9bf6b;font-weight:800}.shape-control label{display:flex;justify-content:space-between;font-size:10px}.shape-control output{font-size:9px;color:var(--muted);font-weight:400}.shape-control input{width:100%;margin:11px 0 2px;accent-color:var(--olive)}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.body-disclaimer{border-left:2px solid #b9cba6;padding-left:10px;font-size:10px;color:#5a645e;line-height:1.8;margin:18px 0 0}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.size-options button{background:#fff;border:1px solid var(--line);border-radius:6px;min-height:42px;font-size:12px;font-weight:750;padding:8px 3px}.size-options button:last-child{font-size:10px}.size-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.dimension-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:17px 0 0}.dimension-cards>div{background:#f5f6f0;border-radius:7px;padding:12px 5px 11px;text-align:center}.dimension-cards span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.dimension-cards strong{font-size:23px;font-weight:600;letter-spacing:-1px}.dimension-cards small{font-size:8px;font-weight:400;letter-spacing:0;margin-left:2px}.garment-controls>.field-help{margin-bottom:0}.reset{width:100%;display:flex;justify-content:space-between;background:#fafbf8;border:0;border-top:1px solid var(--line);padding:16px 23px;font-size:11px}.reset:hover{background:#edf0e7}.reset span{font-size:18px;line-height:12px}.visual-panel{position:sticky;top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.visual-top{padding:23px 26px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.visual-top .eyebrow{font-size:9px;margin-bottom:6px}.visual-top h2{font-size:17px;font-weight:750;margin:0;letter-spacing:-.03em}.view-switch{display:flex;background:#f0f2eb;border:1px solid var(--line);padding:3px;border-radius:8px}.view-switch button{font-size:10px;border:0;border-radius:5px;background:transparent;padding:9px 13px;min-height:34px}.view-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0001;font-weight:800}.comparison-warning{margin:0 25px;display:flex;gap:9px;padding:11px 13px;background:#f9f4e8;border:1px solid #eadfbe;border-radius:8px;align-items:flex-start}.comparison-warning strong{font-size:10px;color:#654d24}.comparison-warning p{font-size:9px;line-height:1.65;color:#78684d;margin:4px 0 0}.warning-icon{margin-top:2px;display:grid;place-items:center;flex:0 0 14px;height:14px;font-size:9px;font-weight:800;border-radius:50%;border:1px solid #977638;color:#977638}.canvas-wrap{background:#fcfcf8;margin:16px 25px 0;border:1px solid #eff1e9;border-radius:8px;overflow:hidden}#comparison{display:block;width:100%;height:auto;max-height:620px;font-family:var(--font)}.visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:19px 25px 15px;gap:10px}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:11px;height:3px}.person-key{background:#7e897b}.shirt-key{background:var(--olive)}.download{background:transparent;border:0;font-size:10px;white-space:nowrap;padding:8px 0 8px 8px}.download span{margin-left:8px;font-size:14px}.snapshot{padding:11px 25px;background:#f2f4ed;border-top:1px solid var(--line);color:#55614f;font-size:9px;line-height:1.8}.error{font-size:10px;line-height:1.7;padding:8px;background:#fff0e9;border:1px solid #eac1ac;border-radius:6px;color:#a1361f;margin:10px 0}.invalid-state{font-size:10px;padding:10px 25px;color:#a1361f;background:#fff0e9;margin-top:10px}.custom-fields{padding-top:12px}.custom-fields>p:first-child{font-size:10px;color:var(--muted);line-height:1.7}.custom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.custom-row input{font-size:16px;padding-left:7px}.custom-row .number-wrap span{padding-right:5px;font-size:8px}.custom-row label{font-size:10px}.custom-fields .field-help{margin-bottom:0}.reading-guide{margin-top:60px;padding:30px 0 38px;border-top:1px solid #ccd2c5}.reading-guide>.eyebrow{margin:0}.reading-guide h2{font-size:23px;letter-spacing:-.03em;margin:0 0 26px;font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-grid article{padding-right:22px;border-right:1px solid var(--line)}.guide-grid article:last-child{border-right:0;padding-right:0}.guide-grid article>span{font-size:9px;color:var(--muted);letter-spacing:.07em}.guide-grid h3{font-size:13px;margin:11px 0}.guide-grid p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}footer{padding:25px 0 35px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:25px;justify-content:space-between;color:var(--muted);font-size:8px;line-height:1.8}footer>span{white-space:nowrap;font-weight:700;letter-spacing:.07em}footer p{margin:0}button:hover{filter:brightness(.97)}@media(min-width:1450px){#comparison{max-height:660px}}@media(max-width:1050px){.workspace{grid-template-columns:295px minmax(0,1fr);gap:15px}.control-section{padding:20px}.intro-note{display:none}.visual-top{padding:20px}.comparison-warning{margin:0 16px}.canvas-wrap{margin:14px 16px 0}.visual-bottom{padding:13px 16px}.legend{gap:6px;flex-direction:column}.snapshot{padding:10px 16px}}@media(max-width:760px){.masthead{height:70px;padding:0 5%}.brand{font-size:34px}.brand span{font-size:5px;margin-top:6px}.private{font-size:8px;letter-spacing:.1em}.intro{padding:30px 0 24px}h1{font-size:32px;line-height:1.4;margin-bottom:11px}.mobile-break{display:block}.lede{font-size:11px}.eyebrow{font-size:8px;margin-bottom:12px}.workspace{grid-template-columns:1fr;gap:16px}.controls{border-radius:13px;display:grid;grid-template-columns:1fr 1fr}.control-section{padding:18px}.control-section+.control-section{border-top:0;border-left:1px solid var(--line)}.reset{grid-column:1/-1;padding:14px 18px}.section-heading{gap:7px}.section-heading h2{font-size:12px}.step{height:22px;width:22px;font-size:8px}.subtle{font-size:9px;margin:8px 0 15px}.visual-panel{position:static;border-radius:13px}.visual-top{padding:19px 17px 15px}.visual-top h2{font-size:16px}.visual-top .eyebrow{font-size:8px}.visual-bottom{padding:13px 16px}.legend{flex-direction:row;gap:12px}.reading-guide{margin-top:35px;padding-top:27px}.reading-guide h2{font-size:20px;margin-bottom:22px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid article{border:0;padding:0}.guide-grid h3{margin:7px 0;font-size:13px}.guide-grid p{font-size:11px}.comparison-warning{padding:10px}.comparison-warning strong{font-size:10px}.comparison-warning p{font-size:9px}.canvas-wrap{margin-top:12px}footer{flex-wrap:wrap;gap:10px}footer p{order:3;flex-basis:100%}#comparison{max-height:none}}@media(max-width:540px){.controls{display:block}.control-section+.control-section{border-left:0;border-top:1px solid var(--line)}.control-section{padding:19px}.section-heading h2{font-size:14px}.step{width:24px;height:24px;font-size:9px}.subtle{font-size:10px}.segmented button{font-size:11px;min-height:40px}.input-row{gap:12px}.number-wrap input{font-size:24px;padding:12px}.field-help{font-size:9px}.body-types{grid-template-columns:repeat(5,1fr);gap:4px}.body-types button{font-size:9px;padding:9px 2px;min-height:43px;line-height:1.6}.body-types button:nth-child(3){grid-column:auto;grid-row:auto}.shape-control{margin-top:2px}.body-disclaimer{font-size:10px}.size-options button{min-height:43px;font-size:13px}.size-options button:last-child{font-size:11px}.dimension-cards{gap:7px;margin-top:13px}.dimension-cards>div{padding:10px}.dimension-cards strong{font-size:25px}.dimension-cards span{font-size:10px}.garment-controls>.subtle{margin-bottom:13px}.legend{font-size:8px;gap:10px}.download{font-size:9px}.snapshot{font-size:9px}.view-switch button{padding:8px 12px}.custom-row input{font-size:20px;padding-left:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.garment-options{margin-top:17px}.garment-options button{font-size:12px;font-weight:700}.measurement-note{padding:11px;background:#f9f4e8;border:1px solid #eadfbe;border-radius:7px;font-size:10px;line-height:1.85;color:#75633f;margin:12px 0 0}.dimension-cards>div>span{min-height:20px;display:flex;align-items:center;justify-content:center;line-height:1.4}

.body-picker{margin:20px 0 18px}.body-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.body-types button{padding:6px 2px 8px;min-width:0;background:#fbfcf7;color:#748369;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px}.body-types button:nth-child(3){grid-column:auto;grid-row:auto}.body-types button[aria-pressed=true]{color:#304c3c;background:#e0f29c;border-color:#a9bf6b}.body-thumb{width:100%;height:auto;display:block;max-height:96px}.body-types button>span{font-size:10px;line-height:1.2;font-weight:750;padding-top:6px}.body-type-label{font-size:10px;color:#4d6241;font-weight:750;margin:10px 0 0}.body-picker .field-help{margin-bottom:0}.body-disclaimer{line-height:1.9}@media(max-width:540px){.body-types{gap:6px}.body-types button{padding:8px 3px}.body-types button>span{font-size:11px}.body-thumb{max-height:108px}}