.wardrobe-shell{grid-template-columns:var(--left-rail-width,288px)7px minmax(320px,1fr)7px var(--right-panel-width,310px);background:hsl(var(--background));height:calc(100dvh - 64px);min-height:560px;color:hsl(var(--foreground));display:grid;overflow:hidden}.category-rail,.display-panel{z-index:2;background:hsl(var(--card));flex-direction:column;min-height:0;display:flex;position:relative}.category-grid{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.category-card{border:1px solid hsl(var(--border));background:hsl(var(--muted)/.4);border-radius:12px;min-width:0;transition:border-color .15s;overflow:hidden}.category-card-active{border-color:hsl(var(--ring))}.category-heading{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:9px 9px 7px;font-size:13px;font-weight:700;display:flex}.category-count{background:hsl(var(--secondary));min-width:28px;height:26px;color:hsl(var(--secondary-foreground));border-radius:99px;justify-content:center;align-items:center;padding-inline:7px;font-size:12px;display:inline-flex}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 9px 9px;display:grid}.mini-value{aspect-ratio:1;cursor:pointer;background:hsl(var(--muted));color:inherit;border:0;border-radius:5px;padding:0;position:relative;overflow:hidden}.mini-value img,.value-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.selected-dot{background:hsl(var(--primary));width:9px;height:9px;box-shadow:0 0 0 2px hsl(var(--background)/.65);border-radius:50%;position:absolute;top:4px;right:4px}.download-action{border-top:1px solid hsl(var(--border));background:hsl(var(--card));padding:10px}.workspace{grid-template-rows:minmax(250px,var(--preview-fr,58fr))7px minmax(180px,var(--picker-fr,42fr));background:hsl(var(--background));min-width:0;min-height:0;display:grid}.preview-stage{background-color:hsl(var(--muted));background-image:linear-gradient(45deg,hsl(var(--border))25%,transparent 25%),linear-gradient(-45deg,hsl(var(--border))25%,transparent 25%),linear-gradient(45deg,transparent 75%,hsl(var(--border))75%),linear-gradient(-45deg,transparent 75%,hsl(var(--border))75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.composite-canvas{aspect-ratio:1;width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:block}.composite-canvas-banner{aspect-ratio:3;width:min(100cqw,300cqh);height:min(33.333cqw,100cqh)}.randomize-button{border:1px solid hsl(var(--border));background:hsl(var(--card)/.92);height:42px;color:hsl(var(--foreground));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;bottom:12px;right:12px}.value-picker{border-top:1px solid hsl(var(--border));background:hsl(var(--background));min-height:0;padding:10px;overflow:hidden;container-type:size}.value-track{overscroll-behavior-x:contain;scrollbar-color:hsl(var(--border))transparent;scrollbar-width:thin;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:clamp(132px,14vw,168px);grid-auto-flow:column;gap:10px;height:100%;padding-bottom:5px;display:grid;overflow-x:auto}.value-card{cursor:pointer;border:1px solid hsl(var(--border));background:hsl(var(--secondary));text-align:left;min-width:0;color:inherit;border-radius:10px;grid-template-rows:minmax(0,1fr) 34px;padding:0;display:grid;overflow:hidden}.value-card-selected{border-color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary))}.value-art{background:hsl(var(--muted));min-height:0;position:relative;overflow:hidden}.selected-badge{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:6px;padding:4px 7px;font-size:11px;font-weight:800;position:absolute;top:7px;right:7px}.value-name{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;font-size:12px;overflow:hidden}.display-scroll{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent;flex:1;min-height:0;overflow-y:auto}.display-title{border-bottom:1px solid hsl(var(--border));margin:0;padding:14px;font-size:19px;line-height:1}.display-controls{gap:14px;padding:14px;display:grid}.layer-list{background:hsl(var(--background));gap:6px;padding:8px 10px 12px;display:grid}.layer-row{background:hsl(var(--muted)/.5);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 8px 9px 10px;display:flex}.layer-row p{margin:0}.format-pill{background:hsl(var(--primary-foreground));color:hsl(var(--primary));border-radius:99px;padding:2px 6px;font-size:10px}.status-line{min-height:16px;color:hsl(var(--muted-foreground));text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:7px 4px 0;font-size:10px;line-height:1.25;display:block;overflow:hidden}.mobile-tabs{display:none}.resize-handle{z-index:8;touch-action:none;background:hsl(var(--card));border:0;outline:none;place-items:center;transition:background-color .15s;display:grid;position:relative}.resize-handle:before{content:"";background:hsl(var(--border));transition:background-color .15s,transform .15s;position:absolute}.resize-handle-vertical{cursor:col-resize;width:7px}.resize-handle-vertical:before{width:1px;height:48px}.resize-handle-horizontal{cursor:row-resize;height:7px}.resize-handle-horizontal:before{width:48px;height:1px}.resize-grip{z-index:1;background:hsl(var(--muted-foreground));width:3px;height:3px;box-shadow:0 -6px hsl(var(--muted-foreground)),0 6px hsl(var(--muted-foreground));opacity:0;border-radius:50%;transition:opacity .15s;position:relative}.resize-handle-horizontal .resize-grip{box-shadow:-6px 0 hsl(var(--muted-foreground)),6px 0 hsl(var(--muted-foreground))}.resize-handle:hover,.resize-handle:focus-visible,.is-resizing .resize-handle{background:hsl(var(--accent))}.resize-handle:hover:before,.resize-handle:focus-visible:before,.is-resizing .resize-handle:before{background:hsl(var(--primary));transform:scale(1.15)}.resize-handle:hover .resize-grip,.resize-handle:focus-visible .resize-grip,.is-resizing .resize-grip{opacity:1}body[data-resizing=left],body[data-resizing=right]{cursor:col-resize;-webkit-user-select:none;user-select:none}body[data-resizing=preview]{cursor:row-resize;-webkit-user-select:none;user-select:none}@container (max-height:250px){.value-track{grid-template-rows:minmax(0,1fr)}}@media (max-width:959px){.wardrobe-shell{height:auto;min-height:calc(100dvh - 64px);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:visible}.resize-handle{display:none}.workspace{flex-direction:column;order:-3;width:100%;height:auto;display:flex}.preview-stage{flex:none;width:100%;height:min(72dvh,100vw);min-height:0}.preview-stage-banner{height:min(40dvh,33.3333vw)}.mobile-tabs{z-index:12;border-block:1px solid hsl(var(--border));background:hsl(var(--card)/.96);padding:6px max(8px,env(safe-area-inset-right))6px max(8px,env(safe-area-inset-left));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:sticky;top:64px}.mobile-tab{cursor:pointer;min-height:48px;color:hsl(var(--muted-foreground));background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.mobile-tab-active{border-color:hsl(var(--border));background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.mobile-tab:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.mobile-panel-hidden{display:none!important}.category-rail,.display-panel{border:0;order:-2;width:100%;min-height:0}.category-grid{padding:10px 8px;overflow-y:visible}.category-heading{min-height:44px}.value-picker{border-top:0;flex:none;width:100%;height:clamp(240px,72vw,340px);padding:8px}.value-track{grid-template-rows:minmax(0,1fr);grid-auto-columns:clamp(138px,44vw,190px);gap:8px}.randomize-button{min-height:44px;bottom:10px;right:10px}.display-scroll{overflow-y:visible}.display-title{padding:16px 14px;font-size:20px}.display-controls label,.display-panel .layer-row button{min-height:44px}.display-panel .layer-row button{min-width:44px}.download-action{z-index:10;padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));position:sticky;bottom:0}}@media (max-width:430px){.category-grid{gap:6px}.category-heading{padding-inline:8px;font-size:12px}.category-count{min-width:25px;height:24px;padding-inline:6px;font-size:11px}.mini-grid{gap:4px;padding:0 7px 7px}.mobile-tab{gap:5px;font-size:12px}}@media (prefers-reduced-motion:reduce){.wardrobe-shell *,.wardrobe-shell :before,.wardrobe-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}