:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbfaf5;--bg-subtle:#f2efe9;--surface:#fff;--plate:#ece7e0;--line:#e2ded7;--line-control:#9a9088;--line-strong:#655;--ink:#333;--ink-muted:#666;--ink-faint:#6d6d6d;--heading:#655;--accent:#7a4a94;--accent-ink:#fff;--accent-soft:#f4eff8;--action:#3f3644;--action-ink:#fff;--sel-bg:#7a4a94;--sel-ink:#fff;--focus:#2f6bff;--space-section:56px;--space-field:26px;--label-col:136px;--shell:1180px;--font-display:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:13px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17140f;--bg-subtle:#1f1b16;--surface:#221d18;--plate:#2b2620;--line:#35302a;--line-control:#6f665b;--line-strong:#d8c9c0;--ink:#ece7e0;--ink-muted:#a89e94;--ink-faint:#9a9086;--heading:#dcccc2;--accent:#c3a0dc;--accent-ink:#241a2b;--accent-soft:#251d2e;--action:#ece7e0;--action-ink:#221d18;--sel-bg:#c3a0dc;--sel-ink:#241a2b;--focus:#7aa2ff}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit;border-radius:0}button{color:inherit;text-align:center}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}header{z-index:10;padding:14px max(16px, calc((100% - var(--shell)) / 2 + 16px));border-bottom:1px solid var(--line);background:var(--surface);will-change:transform;justify-content:space-between;align-items:center;gap:14px;transition:transform .18s ease-out;display:flex;position:sticky;top:0;transform:translateY(0)}.site-header.is-hidden{transform:translateY(calc(-100% - 1px))}.brand{align-items:center;gap:12px;min-width:0;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.mark{color:var(--accent-ink);background:var(--accent);letter-spacing:.14em;padding:7px 8px;font-size:10px;font-weight:700}.brand h1{color:var(--heading);font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:18px;font-weight:600}.brand p{color:var(--ink-faint);letter-spacing:.1em;margin:2px 0 0;font-size:10px}main{max-width:var(--shell);padding:24px 16px calc(56px + env(safe-area-inset-bottom,0px));margin:auto}.baseline-note,.ai-guide{flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin:0;line-height:1.8;display:flex}.baseline-note{background:var(--accent-soft);padding:12px 14px}.baseline-note strong{color:var(--accent);font-size:14px;font-weight:700}.baseline-note span{color:var(--ink-muted);font-size:12px}.ai-guide{padding:14px 2px var(--space-section);color:var(--ink-muted);font-size:12px}.ai-guide span{color:var(--accent-ink);background:var(--action);letter-spacing:.12em;white-space:nowrap;padding:4px 8px;font-size:9px;font-weight:700}.workspace{gap:var(--space-section);align-items:start;display:grid}.builder{gap:var(--space-section);min-width:0;display:grid}.category-group{min-width:0}.group-heading{border-left:4px solid var(--accent);border-bottom:1px solid var(--line-strong);align-items:baseline;gap:12px;padding:0 0 14px 12px;display:flex}.group-number{color:var(--accent);letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.group-heading h2{color:var(--heading);font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:19px;font-weight:600}.group-heading p{color:var(--ink-muted);margin:6px 0 0;font-size:11px;line-height:1.7}.group-body{min-width:0}.field{padding:var(--space-field) 0}.field-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.field-heading-text{min-width:0}.field-heading h3{color:var(--heading);letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.field-heading p{color:var(--ink-muted);margin:6px 0 0;font-size:11px;line-height:1.7}.auto-button{border:1px solid var(--accent);min-height:32px;color:var(--accent);cursor:pointer;background:0 0;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:700}.auto-button:hover{color:var(--accent-ink);background:var(--accent)}.chips{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;display:grid}.option-dependent{border-left:3px solid var(--accent);background:var(--surface);grid-column:1/-1;margin:4px 0 2px;padding:14px}.option-dependent .field{padding:0}.chip{border:1px solid var(--line-control);background:var(--surface);text-align:center;cursor:pointer;min-height:44px;padding:10px 15px;font-size:13px;line-height:1.4;transition:border-color .12s,background .12s,color .12s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{border-color:var(--sel-bg);color:var(--sel-ink);background:var(--sel-bg);font-weight:700}.chip.active:hover{color:var(--sel-ink)}.visual-chips{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:16px 10px;display:grid}.icon-chips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.visual-chip{text-align:center;background:0 0;border:0;flex-direction:column;justify-content:flex-start;min-width:0;padding:3px;display:flex}.visual-chip:hover .option-label{color:var(--accent)}.visual-chip.active{color:var(--sel-ink);background:var(--sel-bg)}.visual-chip.active .option-label{color:var(--sel-ink);font-weight:700}.visual-chip.active .option-label:before{content:"✓";margin-right:5px}.icon-chip{border:1px solid var(--line-control);background:var(--surface);grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:60px;padding:3px;display:grid}.icon-chip.active{border-color:var(--sel-bg);background:var(--sel-bg)}.icon-chip .icon-image{width:52px}.option-image{background-color:var(--plate);width:100%;display:block;position:relative;overflow:hidden}.option-image-sprite{display:block;position:absolute;inset:0}.option-label{text-align:center;flex:1;justify-content:center;align-items:center;min-height:42px;padding:7px 6px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.custom{margin-top:12px}.custom-toggle{min-height:36px;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:flex}.custom-toggle:hover{color:var(--accent)}.custom-toggle span[aria-hidden]{color:var(--accent);font-weight:700}.custom-badge{color:var(--accent-ink);background:var(--accent);padding:2px 7px;font-size:10px;font-weight:700}.custom input{border:1px solid var(--line-control);width:100%;min-height:44px;color:var(--ink);background:var(--surface);margin-top:4px;padding:11px 12px;font-size:13px}.custom input:hover{border-color:var(--accent)}.custom input::placeholder{color:var(--ink-faint)}.field-outfit_top,.field-outfit_bottom,.field-outfit_shoes,.field-outfit_full{background:var(--bg-subtle);margin:14px 0;padding:18px}.prompt-panel{border:1px solid var(--line-strong);background:var(--surface);padding:22px;scroll-margin-top:80px}.prompt-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:10px;font-weight:700;display:block}.prompt-head h2{color:var(--heading);font-family:var(--font-display);letter-spacing:.02em;margin:6px 0 0;font-size:23px;font-weight:600}.prompt-head p{color:var(--ink-muted);margin:6px 0 0;font-size:11px;line-height:1.7}.copy{min-height:46px;color:var(--action-ink);background:var(--action);letter-spacing:.06em;cursor:pointer;border:0;flex-shrink:0;padding:11px 24px;font-size:14px;font-weight:700}.copy:hover{background:var(--accent);color:var(--accent-ink)}textarea{resize:vertical;border:1px solid var(--line-control);width:100%;min-height:300px;color:var(--ink);background:var(--bg-subtle);padding:16px;font-size:13px;line-height:1.95}.status-line{min-height:17px;color:var(--accent);margin:10px 0 0;font-size:12px;font-weight:700}.hint{color:var(--ink-muted);margin:6px 0 0;font-size:11px;line-height:1.7}.reset-area{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:flex}.reset-area p{gap:3px;margin:0;display:grid}.reset-area strong{color:var(--heading);font-size:12px;font-weight:700}.reset-area span{color:var(--ink-muted);font-size:11px;line-height:1.6}.reset{border:1px solid var(--line-control);cursor:pointer;background:0 0;flex-shrink:0;min-height:44px;padding:10px 16px;font-size:12px;font-weight:700}.reset:hover{border-color:var(--action);color:var(--action-ink);background:var(--action)}.header-actions .jump{min-height:44px;color:var(--accent);text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.copy-mini{min-height:44px;color:var(--action-ink);background:var(--action);white-space:nowrap;cursor:pointer;border:0;padding:8px 16px;font-size:13px;font-weight:700}.suggestion-backdrop{z-index:30;background:#17140f96;align-items:end;padding:0;display:grid;position:fixed;inset:0}.suggestion-dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(100%,500px);margin:0 auto;padding:26px}.suggestion-dialog h2{color:var(--heading);font-family:var(--font-display);margin:8px 0 18px;font-size:21px;font-weight:600}.suggestion-dialog>p{color:var(--ink-muted);margin:16px 0 0;font-size:11px;line-height:1.9}.suggestion-result{background:var(--accent-soft);text-align:center;gap:7px;padding:18px;display:grid}.suggestion-result span{color:var(--accent);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:11px}.suggestion-result strong{color:var(--heading);font-family:var(--font-display);font-size:23px;font-weight:600}.suggestion-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.suggestion-actions button{border:1px solid var(--line-control);cursor:pointer;background:0 0;min-height:46px;padding:10px 12px;font-size:12px;font-weight:700}.suggestion-actions button:hover{border-color:var(--action);color:var(--action-ink);background:var(--action)}.suggestion-actions .suggestion-accept{border-color:var(--accent);color:var(--accent-ink);background:var(--accent);grid-column:1/-1}.suggestion-actions .suggestion-accept:hover{border-color:var(--action);color:var(--action-ink);background:var(--action)}@media (width>=720px){.field{grid-template-columns:var(--label-col) minmax(0, 1fr);align-items:start;column-gap:22px;display:grid}.field-heading{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:0}.auto-button{align-self:start}.chips,.custom{grid-column:2}.custom{margin-top:10px}.field-outfit_top,.field-outfit_bottom,.field-outfit_shoes,.field-outfit_full{padding:18px 20px}.suggestion-backdrop{align-items:center;padding:24px}}@media (width>=1180px){:root{--shell:1240px;--label-col:148px}.workspace{grid-template-columns:minmax(0,1fr) 372px;gap:40px}.prompt-panel{max-height:calc(100dvh - 112px);position:sticky;top:84px;overflow-y:auto}.prompt-panel textarea{min-height:240px}.header-actions{display:none}}@media (width<=719px){:root{--space-section:40px;--space-field:22px}header{padding-top:10px;padding-bottom:10px}.brand p,.mark{display:none}.brand h1{white-space:nowrap;font-size:15px}.header-actions .jump{padding:0 6px;font-size:11px}.copy-mini{padding:8px 12px}main{padding-top:16px}.chips{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.field-outfit_top,.field-outfit_bottom,.field-outfit_shoes,.field-outfit_full{padding:14px}.visual-chips{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 8px}.icon-chips{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}.prompt-head{flex-direction:column;align-items:stretch}.copy{width:100%}.reset-area{flex-direction:column;align-items:flex-start}.reset{align-self:flex-end}textarea{min-height:260px}}@media (width<=380px){.visual-chips{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.icon-chips{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.icon-chip{grid-template-columns:44px minmax(0,1fr)}.icon-chip .icon-image{width:44px}.icon-chip .option-label{padding:6px 5px;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip,.site-header{transition:none}}