:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light only;--ink:#1f2a5e;--muted:#59617b;--paper:#ffea00;--pink:#ff2d95;--pink-soft:#ffe1ee;--panel:#fff59c;--card:#fffdf0;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--gutter:16px;--header:56px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none;min-width:280px}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:not(:disabled),.action{transition:background .16s,color .16s,box-shadow .16s,scale .16s,opacity .16s}button:active:not(:disabled),.action:active{scale:.97}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.icon-library{position:absolute;overflow:hidden;width:0;height:0}.icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.app{height:100svh;display:flex;overflow:hidden;padding:env(safe-area-inset-top)env(safe-area-inset-right)0 env(safe-area-inset-left);flex-direction:column;height:100dvh;min-height:320px}.site-header{height:var(--header);display:flex;padding:0 var(--gutter);flex:none;justify-content:space-between;align-items: center;gap:12px}.logo-link{display:flex;align-items: center;min-height:44px}.logo{display:block;width:104px;height:auto}.nav{display:flex;gap:8px}.nav-link{display:inline-flex;border:2px solid var(--ink);background:var(--panel);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border-radius:999px;align-items: center;min-height:44px;padding:0 16px;font-size:18px;font-weight:700}.workspace{display:flex;flex-direction:column;flex:1;min-height:0}.stage{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--ink);background:var(--pink);border-bottom:0;border-radius:6px 6px 0 0;flex:1;min-height:0;margin:0 10px}.stage:before{content:"";position:absolute;opacity:.13;mask-image:radial-gradient(at 50% 46%,#0000 20%,#000 90%);pointer-events:none;z-index:-1;background:repeating-conic-gradient(from -8deg at 50% 46%,#1f2a5e 0deg 14deg,#0000 14deg 35deg);inset:0}.stage:after{content:"";position:absolute;background-image:radial-gradient(var(--ink).8px,transparent .9px);mask-image:linear-gradient(135deg,#000,#0000 32% 76%,#000);opacity:.25;pointer-events:none;z-index:-1;background-size:6px 6px;inset:0}.stage canvas{position:absolute;z-index:1;touch-action:none;cursor:grab;top:8px;left:0}.stage canvas:active{cursor:grabbing}.floor{position:absolute;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);z-index:0;pointer-events:none;border-radius:50%;width:min(46%,220px);height:9%;bottom:4%;left:50%;transform:translate(-50%)rotate(-3deg)}.stage-status{position:absolute;z-index:3;color:#fff;background:var(--ink);text-align:center;pointer-events:none;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;font-size:15px;line-height:1.4;top:50%;left:50%;translate:-50% -50%}.stage-status:empty{display:none}.stage-reset{position:absolute;z-index:2;bottom:12px;right:12px}.toast{position:absolute;z-index:4;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#1f2a5ee6;border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:6px 12px;transition:opacity .18s,translate .18s;font-size:14px;line-height:1.4;top:10px;left:50%;translate:-50% -8px}.toast.show{opacity:1;translate:-50%}.icon-button{display:inline-flex;color:var(--ink);background:var(--panel);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex:none;justify-content:center;align-items: center;width:44px;height:44px}.wardrobe{display:flex;padding:10px 0 calc(4px + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid var(--ink);flex-direction:column;flex:none;gap:4px}.wardrobe-controls{padding:0 var(--gutter)}.chips{display:flex;align-items: center;gap:8px}.chips button[data-slot]{white-space:nowrap;border:2px solid var(--ink);color:var(--ink);background:var(--card);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:1;min-width:0;min-height:44px;padding:0 12px;font-size:18px;font-weight:700;line-height:1}.chips button.active{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--pink)}.count{opacity:.75;font-weight:600}.filters{display:flex;margin:4px calc(-1*var(--gutter))0;padding:0 calc(var(--gutter) - 8px);overflow-x:auto;scrollbar-width:none;gap:2px}.filter{position:relative;isolation:isolate;color:var(--ink);white-space:nowrap;flex:none;min-height:44px;padding:0 16px;font-size:15px;font-weight:600}.filter:before{content:"";position:absolute;z-index:-1;border:1.5px solid #1f2a5e66;border-radius:999px;inset:7px 4px}.filter[aria-pressed=true]{color:var(--paper)}.filter[aria-pressed=true]:before{background:var(--ink);border-color:var(--ink)}.clothes-grid{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(92px,26vw,124px);padding:4px var(--gutter)6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:#1f2a5e55 transparent;gap:12px}.clothes-grid:focus-visible{outline-offset:-3px}.card{position:relative;display:flex;text-align:left;scroll-snap-align:start;flex-direction:column;gap:6px;min-width:0;padding:0}.thumb{position:relative;aspect-ratio:1;display:flex;overflow:hidden;background:var(--card);border:2px solid var(--ink);border-radius:4px;flex:none;justify-content:center;align-items: center;width:100%}.thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.card:disabled .thumb{opacity:.55}.garment-icon{fill:var(--piece-color);stroke:var(--piece-color);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:72%;height:72%}.detail{fill:none;stroke:#ffffff80}.demo-badge{position:absolute;color:var(--ink);border:1px solid var(--ink);text-transform:uppercase;background:#fffdf5ee;padding:2px 4px;font-size:13px;font-weight:650;bottom:6px;left:6px}.selection-mark{position:absolute;background:var(--ink);color:var(--paper);display:none;border-radius:50%;justify-content:center;align-items: center;width:26px;height:26px;top:5px;right:5px}.selection-mark .icon{stroke-width:2.6;width:15px;height:15px}.worn .selection-mark{display:flex}.worn .thumb{background:var(--pink-soft);box-shadow:4px 4px 0 var(--pink)}.name{display:none;font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:17px;font-weight:700;line-height:1.1}.empty{grid-column:1/-1;width:calc(100vw - 2*var(--gutter));color:var(--ink);align-self: center;max-width:420px;padding:12px 4px;font-size:15px;line-height:1.5}.text-button{display:inline-flex;color:var(--ink);font-family:var(--display);text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;border-radius:4px;justify-content:center;align-items: center;min-height:44px;padding:0 12px;font-size:18px;font-weight:700}.loading .thumb:after{content:"";position:absolute;animation:1s linear infinite loading;background:linear-gradient(110deg,#0000 20%,#ffffffb3 50%,#0000 80%);inset:0}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.look-actions{display:flex;padding:0 calc(var(--gutter) - 10px);justify-content:flex-end;gap:4px}.look-action{display:inline-flex;color:var(--ink);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items: center;gap:6px;min-height:44px;padding:0 10px;font-size:17px;font-weight:600}.look-action .icon{width:18px;height:18px}.look-action:disabled{color:var(--muted)}.action{display:inline-flex;border:2px solid var(--ink);color:var(--ink);background:var(--card);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items: center;gap:8px;min-width:0;min-height:48px;padding:0 12px;font-size:19px;font-weight:700}.action-primary{background:var(--pink);box-shadow:3px 3px 0 var(--ink)}.action:disabled{color:var(--muted);background:var(--card);box-shadow:none;border-style:dashed}.look-export-dialog{overflow-y:auto;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:16px;width:min(420px,100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:12px}.look-export-dialog[open]{display:flex;flex-direction:column;gap:10px}.look-export-dialog::backdrop{background:#1f2a5ecc}.look-export-dialog img{display:block;aspect-ratio:4/5;object-fit:contain;width:100%;height:auto;max-height:min(56dvh,490px)}.export-side{display:flex;flex-direction:column;gap:10px}.export-code{font-size:15px}.export-code strong{display:block;font-family:var(--display);letter-spacing:.02em;padding-right:52px;font-size:32px;line-height:1.1}.export-close{position:absolute;z-index:1;top:18px;right:18px}.export-side .action{flex:none}@media (hover:hover){.card:hover:not(:disabled) .thumb{outline:2px solid var(--ink);outline-offset:2px}.icon-button:hover,.action:not(:disabled):hover,.look-action:not(:disabled):hover,.nav-link:hover{background:var(--paper)}.action-primary:not(:disabled):hover{background:#ff57aa}}@media (max-width:359px){:root{--gutter:12px}.logo{width:92px}.action{gap:6px;padding:0 8px;font-size:17px}.chips button[data-slot]{padding:0 8px;font-size:16px}}@media (max-height:640px) and (orientation:portrait){:root{--header:50px}.wardrobe{padding-top:8px}.filters{margin-top:0}.clothes-grid{grid-auto-columns:84px}}@media (min-width:900px),(orientation:landscape) and (max-height:560px){.workspace{display:grid;grid-template-columns:minmax(0,1fr)var(--side,400px);grid-template-rows:minmax(0,1fr);gap:20px;padding:0 20px 20px}.stage{border:2px solid var(--ink);border-radius:6px;margin:0}.wardrobe{border:2px solid var(--ink);border-radius:16px 4px 4px;min-height:0;padding:16px 0}.clothes-grid{grid-auto-flow:row;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-auto-columns:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:none;flex:1;align-content: start;gap:18px 14px;min-height:0}.name{display:block}.empty{text-align:center;width:auto}.look-actions{padding-top:4px}}@media (min-width:900px){:root{--gutter:20px;--header:76px}.logo{width:136px}}@media (min-width:1280px){.workspace{--side:520px;--cols:3}}@media (orientation:landscape) and (max-height:560px){:root{--header:48px;--gutter:12px}.logo{width:84px}.workspace{--side:46%;--cols:3;gap:12px;padding:0 12px 10px}.wardrobe{gap:8px;padding:10px 0}.name{font-size:15px}.clothes-grid{gap:12px 10px}.action{min-height:44px;font-size:17px}.look-export-dialog{width:min(680px,100% - 24px)}.look-export-dialog[open]{flex-direction:row;align-items: center}.look-export-dialog img{width:auto;height:calc(100dvh - 52px);max-height:none}.export-side{flex:1;padding-right:52px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.loading .thumb{opacity:.55}}.photo-dialog{border:2px solid var(--ink);background:var(--panel);color:var(--ink);overflow:auto;border-radius:20px;width:min(92vw,540px);max-height:90dvh;margin:auto;padding:20px}.photo-dialog::backdrop{background:#1f2a5e99}.photo-dialog h2{font-family:var(--display);text-transform:uppercase;padding-right:52px;font-size:24px}.photo-dialog p{font-size:15px;line-height:1.4}.photo-dialog>img{display:block;object-fit:contain;max-width:100%;max-height:55dvh;margin:auto}.photo-close{position:absolute;color:var(--ink);border:2px solid var(--ink);background:var(--paper);border-radius:50%;min-width:44px;min-height:44px;font-size:28px;top:10px;right:10px}.photo-views{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.photo-views button{border:2px solid var(--ink);color:var(--ink);background:#fffdf5;border-radius:12px;min-height:44px;padding:8px 12px}