.item-editor[data-panel=photos]{gap:8px}.item-editor[data-panel=photos]>.editor-heading,.item-editor[data-panel=photos]>.editor-footer{display:none}.item-editor[data-panel=photos] .editor-accessory{gap:8px}.item-editor[data-panel=photos] .editor-accessory-heading{min-height:44px}.item-editor[data-panel=photos] .editor-accessory-heading h2{font-size:20px}.photo-workspace{gap:10px}.photo-filmstrip{flex:0 0 72px;align-items:stretch;gap:8px;padding:2px;display:flex;overflow:auto hidden}.photo-filmstrip button{border:1px solid var(--line);background:0 0;border-radius:12px;flex-direction:column;flex:0 0 68px;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:4px;font-size:11px;display:flex;position:relative}.photo-filmstrip button[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#ecf2ec}.photo-filmstrip img{object-fit:contain;width:52px;height:40px}.photo-thumbnail>svg{position:absolute;top:3px;right:3px}.photo-editor-body{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.photo-preview-area{gap:8px}.photo-stage{background-color:#fff;background-image:linear-gradient(45deg,#eef0ec 25%,#0000 25%),linear-gradient(-45deg,#eef0ec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef0ec 75%),linear-gradient(-45deg,#0000 75%,#eef0ec 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #e4e9e3;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.photo-stage-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;max-height:100%;padding:10px;display:block}.photo-stage[data-zoomed=true]{touch-action:none;cursor:grab}.photo-stage[data-zoomed=true]:active{cursor:grabbing}.photo-preview-controls{flex:none;justify-content:center;gap:4px;display:flex}.photo-preview-controls button{white-space:normal;flex:1;min-height:44px;padding:4px 8px;font-size:12px}.photo-preview-controls button[aria-pressed=true]{background:#eaf0e9;border-radius:10px}.photo-tool-controls{flex-direction:column;gap:10px;min-height:0;display:flex}.photo-selected-heading{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.photo-selected-heading>span{color:var(--muted);font-size:11px}.photo-role-row{flex-shrink:0;align-items:end;gap:8px;display:flex}.photo-role-row>label{flex:1}.item-editor .photo-role-row select{min-height:44px;padding:8px;font-size:14px}.photo-role-row .icon-button{min-width:44px;min-height:44px}.photo-role-hint,.photo-price-note{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.photo-edit-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.photo-edit-actions>button,.photo-background-ready{white-space:normal;min-height:48px;padding:6px;font-size:13px;line-height:1.2}.photo-background-ready{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.photo-edit-actions svg{flex-shrink:0}.photo-status{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:auto;font-size:12px;display:flex}.photo-status>span{overflow-wrap:anywhere;align-items:center;gap:6px;display:flex}.photo-status svg{flex-shrink:0}.photo-status>button{flex-shrink:0;min-height:44px;padding:4px;font-size:12px}.photo-undo{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.photo-undo button{min-height:44px}.photo-paid-confirm{flex-direction:column;gap:8px;display:flex}.photo-paid-confirm p{margin:0;font-size:12px}.photo-paid-confirm>div{gap:8px;display:flex}.photo-paid-confirm button{flex:1;min-height:44px;padding:6px;font-size:12px}.photo-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.photo-empty p{margin:0}.photo-device-upload{align-self:center;min-height:44px;padding:4px 8px;font-size:12px}.photo-workspace[data-inspecting=true] .photo-editor-body{display:flex}.photo-zoom{flex:none;align-items:center;flex-direction:row!important;gap:8px!important;font-size:12px!important;display:flex!important}.item-editor .photo-zoom input{min-height:44px;accent-color:var(--green);flex:1;padding:0}.photo-zoom output{font-variant-numeric:tabular-nums;min-width:36px}.item-editor .editor-preview-button{cursor:zoom-in;max-width:none}.item-editor .editor-preview-button img{object-fit:contain;width:100%;height:100%;max-height:100%;padding:8px}.item-editor .editor-studio-shortcut{min-height:44px;color:var(--green);background:#eaf1e9;border:1px solid #b8cdbb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.editor-studio-shortcut>span{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;line-height:1.2;display:flex}.editor-studio-shortcut small{font-size:11px;font-weight:400}.item-editor .editor-photo-tools:has(.editor-studio-shortcut){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 8px;width:100%;display:grid}.editor-studio-shortcut{grid-column:1/-1}@media (max-width:700px) and (min-height:521px){.photo-workspace{gap:6px}.photo-filmstrip{flex-basis:62px}.photo-filmstrip button{min-height:58px}.photo-filmstrip img{height:32px}.photo-editor-body{flex-direction:column;gap:6px;display:flex}.photo-preview-area{flex:1;gap:0;min-height:76px}.photo-tool-controls{flex:none;grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.photo-selected-heading{display:none}.photo-role-row{align-items:center}.item-editor .photo-role-row>label{flex-direction:row;align-items:center;gap:12px}.photo-role-row select{flex:1}.photo-role-hint{font-size:11px}.photo-edit-actions>button,.photo-background-ready{min-height:44px}.photo-price-note{font-size:11px}.photo-status,.photo-device-upload{min-height:32px}.item-editor[data-phone-step="0"] .editor-photo-pane:has(.editor-studio-shortcut){flex:1;max-height:none}.item-editor[data-phone-step="0"] .editor-photo-pane:has(.editor-studio-shortcut) .editor-upload{min-height:56px}}@media (max-height:520px){.photo-workspace{gap:4px}.photo-filmstrip{flex-basis:60px}.photo-filmstrip button{min-height:56px}.photo-filmstrip img{height:30px}.photo-editor-body{grid-template-columns:minmax(0,1fr) minmax(270px,1fr);gap:12px}.photo-selected-heading,.photo-role-hint{display:none}.photo-tool-controls{gap:4px}.item-editor .photo-role-row label{flex-direction:row;align-items:center}.photo-status{min-height:30px}.photo-price-note{font-size:11px}.photo-preview-controls button{padding:4px;font-size:11px}}@media (prefers-reduced-motion:reduce){.photo-workspace *,.editor-studio-shortcut{transition:none}}.item-editor .editor-photo-pane,.item-editor .editor-photo-tools,.item-editor .editor-ai-status,.item-editor .editor-photo-tools>*{min-width:0}@media (max-width:620px){.kiosk .item-editor .editor-photo-pane:has(.editor-studio-shortcut){flex:0 0 132px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(64px,.6fr) minmax(0,1fr);gap:4px 8px;display:grid}.kiosk .item-editor .editor-photo-pane:has(.editor-studio-shortcut) .editor-upload{grid-area:1/1/3;width:100%;max-width:none}.kiosk .item-editor .editor-photo-tools:has(.editor-studio-shortcut){grid-area:1/2;gap:0 4px;width:auto}.kiosk .item-editor .editor-photo-tools:has(.editor-studio-shortcut) button{min-height:36px;padding:4px;font-size:11px}.kiosk .item-editor .editor-photo-tools .editor-studio-shortcut{min-height:44px}.kiosk .editor-studio-shortcut>span{font-size:12px}.kiosk .editor-studio-shortcut small{white-space:normal;font-size:11px}.kiosk .item-editor .editor-ai-status{flex-wrap:wrap;grid-area:2/2;gap:0 4px;width:100%;font-size:10px}.kiosk .item-editor .editor-ai-status .text-button{min-height:36px;padding:2px;font-size:11px}}.editor-photo-details{display:none}.item-editor .editor-photo-pane:has(.editor-studio-shortcut) .editor-ai-status{flex:0 0 36px;height:36px;min-height:36px}.item-editor .editor-photo-pane:has(.editor-studio-shortcut) .editor-ai-status>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:620px){.kiosk .item-editor .editor-photo-tools:has(.editor-studio-shortcut) button{min-height:44px}}@media (max-width:620px) and (max-height:650px){.kiosk .item-editor:has(.editor-studio-shortcut) .editor-description-row{display:none}.kiosk .item-editor:has(.editor-studio-shortcut) .editor-photo-details{order:3;min-height:44px;margin-left:auto;padding:4px 8px;font-size:13px;display:flex}}.photo-filmstrip.scroll-list{scrollbar-gutter:auto;height:72px;max-height:72px;flex:0 0 72px!important}@media (max-width:700px) and (min-height:521px){.photo-filmstrip.scroll-list{height:62px;max-height:62px;flex-basis:62px!important}}@media (max-height:520px){.photo-filmstrip.scroll-list{height:60px;max-height:60px;flex-basis:60px!important}}.kiosk .station-task-card .editor-photo-tools .editor-studio-shortcut>span{display:flex}.kiosk .station-task-card .editor-photo-tools .text-button>span{display:inline}@media (max-width:620px) and (max-height:650px){.kiosk .item-editor:has(.editor-studio-shortcut) .editor-photo-details{order:1}.kiosk .item-editor:has(.editor-studio-shortcut) .editor-heading>.icon-button{order:2;margin-left:0}}
@media (min-height:1100px) and (min-width:601px) and (max-width:1280px){.kiosk .station-task-card:not([data-task=settings]):not([data-task=shop-product]){top:calc(50dvh - 390px);bottom:calc(50dvh - 390px)}.kiosk .outfit-board{align-self:center;height:100%;max-height:960px}.kiosk .outfit-composition{max-height:clamp(480px,90vw,700px)}}@media (min-height:1100px) and (min-width:601px) and (max-width:620px){:is(.kiosk .item-editor .editor-photo-pane,.kiosk .item-editor .editor-photo-pane:has(.editor-studio-shortcut)){flex-basis:240px}.kiosk .item-editor .editor-photo-tools:has(.editor-studio-shortcut){align-content:start}}@media (min-height:1000px) and (min-width:601px) and (max-aspect-ratio:1){.kiosk .outfit-board{align-self:stretch;width:100%;height:100%;max-height:none}.kiosk .outfit-composition{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;max-height:none}.kiosk .outfit-composition .outfit-slots.scroll-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:2px;display:grid;overflow:auto}.kiosk .outfit-composition .outfit-slot{text-align:center;flex-direction:column;justify-content:center;gap:3px;height:82px;min-height:82px;padding:5px}.kiosk .outfit-composition .outfit-picture,.kiosk .outfit-composition .outfit-slot-empty{flex-basis:34px;width:34px;height:34px}.kiosk .outfit-category{width:100%;min-width:0}.kiosk .outfit-category strong{font-size:12px}.kiosk .outfit-category small{font-size:10px}}.kiosk .station-task-card[data-task=detail]:has(.item-detail[data-compact-card=true]){height:auto;max-height:calc(100dvh - 100px);animation-name:compact-item-arrive;top:50%;bottom:auto;transform:translate(-50%,-50%)}.kiosk .item-detail[data-compact-card=true],.kiosk .item-detail[data-compact-card=true] .combined-detail,.kiosk .item-detail[data-compact-card=true] .item-summary,.kiosk .item-detail[data-compact-card=true] .action-view{flex:0 auto}.kiosk .item-detail[data-compact-card=true] .summary-media{flex:none;height:clamp(130px,26dvh,260px)}.kiosk .item-detail[data-compact-card=true] .location-details{flex:none}.kiosk .item-detail[data-compact-card=true] .main-item-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.kiosk .item-detail[data-compact-card=true] .direct-actions{gap:14px}@keyframes compact-item-arrive{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:620px){.kiosk .item-detail[data-compact-card=true] .item-summary{flex-basis:auto}.kiosk .item-detail[data-compact-card=true] .summary-media{height:130px}}@media (max-height:480px){.kiosk .station-task-card[data-task=detail]:has(.item-detail[data-compact-card=true]){max-height:calc(100dvh - 56px);padding:12px}.kiosk .item-detail[data-compact-card=true] .summary-media{height:100px}}.kiosk .main-shell .station-task-card[data-task=detail]:has(.item-detail[data-compact-card=true]){top:50%}.kiosk .item-detail[data-compact-card=true] .action-view{justify-content:flex-end}@media (prefers-reduced-motion:reduce){.kiosk .main-shell .station-task-card[data-task=detail]:has(.item-detail[data-compact-card=true]){animation:none}}@media (min-height:1000px) and (min-width:601px) and (max-aspect-ratio:1){.kiosk .outfit-composition .outfit-slots.scroll-list{grid-template-columns:repeat(var(--outfit-slot-count,7), minmax(0, 1fr));grid-auto-rows:82px;height:86px;max-height:86px;flex:none!important}}@media (min-height:1000px) and (min-width:601px) and (max-width:700px){.kiosk .outfit-category strong{font-size:10px}.kiosk .outfit-category small{font-size:9px}}.kiosk .item-detail[data-compact-card=true] .action-view{min-height:min-content}
.outfit-body-toggle{min-width:0;min-height:44px;color:var(--muted);cursor:pointer;flex-direction:row;align-items:center;gap:5px;margin:0;font-size:10px;line-height:1.2;display:inline-flex;position:relative}.outfit-body-track{background:var(--line);border-radius:20px;flex:0 0 22px;width:22px;height:12px;position:relative}.outfit-body-track:after{content:"";background:var(--surface,#fff);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.outfit-body-toggle input:checked+.outfit-body-track{background:var(--green)}.outfit-body-toggle input:checked+.outfit-body-track:after{transform:translate(10px)}.outfit-body-toggle:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.outfit-inspection>header .outfit-body-toggle{margin-left:auto}.outfit-mannequin{background:radial-gradient(at 50% 42%,#faf9f6 0%,#f1f2ed 76%);border:1px solid #ffffffa8;grid-template-rows:36px minmax(0,1fr)}.outfit-mannequin figcaption{text-align:left;justify-content:space-between;align-items:center;gap:4px;padding-inline:6px;display:flex}.outfit-mannequin figcaption .icon-button{background:0 0;flex:0 0 36px;width:36px;height:36px;min-height:36px}.outfit-figure{width:min(100cqw, calc((100cqh - 40px) * var(--outfit-aspect,.5)));aspect-ratio:1/2;isolation:isolate}.outfit-silhouette{fill:initial;stroke:none;stroke-width:initial;stroke-linecap:initial;stroke-linejoin:initial}.outfit-piece{pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:4px}.outfit-piece img{pointer-events:none;object-fit:contain;filter:drop-shadow(0 1px 1px #132d2214);display:block}.outfit-piece:focus-visible{outline:2px solid var(--green);outline-offset:3px}.outfit-piece:hover img{filter:drop-shadow(0 0 2px #476e4d80)}.garment-unavailable{color:var(--muted);background:#f5f6f0;padding:4px;font-size:9px}.outfit-inspect-dialog{border:1px solid var(--line);background:var(--surface,#fff);border-radius:24px;width:min(720px,100vw - 32px);height:min(900px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:20px;overflow:hidden}.outfit-inspect-dialog::backdrop{background:#183d3280}.outfit-inspection{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.outfit-inspection>header{flex:0 0 44px;justify-content:space-between;align-items:center;gap:12px;display:flex}.outfit-inspection h2{margin:0;font-size:20px}.outfit-inspect-stage{touch-action:none;cursor:grab;background:radial-gradient(at 50% 40%,#fcfbf7,#edeee8);border-radius:16px;flex:1;min-height:80px;position:relative;overflow:hidden;container-type:size}.outfit-inspect-stage:active{cursor:grabbing}.outfit-inspect-canvas{aspect-ratio:1/2;transform-origin:50%;width:min(100cqw,50cqh);position:absolute;top:50%;left:50%}.outfit-inspect-canvas .outfit-figure{width:100%;height:100%;max-height:none}.outfit-inspect-canvas .outfit-piece[data-active=true]{outline-offset:2px;outline:1px dashed #54785d80}.outfit-zoom{flex:0 0 40px;justify-content:center;align-items:center;gap:6px;display:flex}.outfit-zoom .icon-button{width:40px;height:40px;min-height:40px}.outfit-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:12px}.outfit-zoom .text-button{min-height:40px}.outfit-adjustments{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:6px;padding-top:8px;display:flex}.outfit-adjust-heading{gap:8px;min-width:0;display:flex}.outfit-adjust-heading select{flex:1;min-width:0;height:44px;padding:6px 12px}.outfit-adjust-heading .icon-button{flex:0 0 44px}.outfit-adjust-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.outfit-adjust-sliders label{color:var(--muted);flex-direction:column;gap:0;min-width:0;margin:0;font-size:11px;display:flex}.outfit-adjust-sliders input[type=range]{width:100%;height:36px;min-height:36px;accent-color:var(--green);cursor:ew-resize;background:0 0;border:none;padding:0}.outfit-adjust-note{justify-content:space-between;align-items:center;gap:10px;min-height:32px;display:flex}.outfit-adjust-note label{flex-direction:row;align-items:center;gap:6px;min-height:32px;margin:0;font-size:12px;display:flex}.outfit-adjust-note input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--green);margin:0}.outfit-adjust-note small{color:var(--muted);font-size:10px}@media (max-height:700px){.outfit-mannequin{grid-template-rows:32px minmax(0,1fr)}.outfit-mannequin figcaption .icon-button{height:32px;min-height:32px}.outfit-figure{width:min(100cqw, calc((100cqh - 36px) * var(--outfit-aspect,.5)))}}@media (max-height:480px) and (min-width:600px){.outfit-inspection{grid-template-rows:44px minmax(0,1fr) 40px;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:6px 16px;display:grid}.outfit-inspection>header{grid-column:1/-1}.outfit-inspect-stage{grid-row:2/4}.outfit-adjustments{border-top:0;grid-area:2/2;justify-content:center;padding:0}.outfit-zoom{grid-area:3/2}.outfit-adjust-note{flex-wrap:wrap;gap:0}}@media (max-width:420px){.outfit-inspect-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px}.outfit-adjust-note small{text-align:right;max-width:145px}}@media (forced-colors:active){.outfit-silhouette path{fill:canvas;stroke:canvastext}.outfit-mannequin{border:1px solid canvastext}.outfit-piece:focus-visible{outline-color:highlight}}.outfit-shoe-pair{align-items:end;gap:4%;width:100%;height:100%;display:flex}.outfit-piece .outfit-shoe-pair img{object-position:center bottom;width:48%;height:100%}.outfit-shoe-pair img:last-child{transform:scaleX(-1)}.outfit-adjust-note select{width:120px;height:32px;min-height:32px;padding:2px 6px;font-size:12px}@media (min-width:1100px) and (min-height:740px){.outfit-board{gap:12px;width:min(100%,1120px)}.outfit-composition{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px}.outfit-composition .outfit-slot{flex-basis:60px;gap:8px;min-height:60px;padding:4px 8px}.outfit-composition .outfit-picture,.outfit-composition .outfit-slot-empty{flex-basis:46px;width:46px;height:48px}.outfit-category strong{font-size:14px}.outfit-category small{font-size:12px}.outfit-rail-list.scroll-list{gap:8px;height:88px}.outfit-rail-list button{flex-basis:92px;height:80px;padding:5px}.outfit-rail-list img{height:52px}.outfit-rail-list button>span{font-size:11px}}
.outfit-filters .outfit-library-open{flex:0 0 44px;width:44px;min-width:44px;height:44px}.outfit-library-dialog{border:1px solid var(--line);background:var(--surface,#fff);border-radius:24px;width:min(680px,100vw - 24px);height:min(720px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:hidden}.outfit-library-dialog::backdrop{background:#183d3280}.outfit-library{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.outfit-library>header{flex:0 0 44px;justify-content:space-between;align-items:center;gap:12px;display:flex}.outfit-library h2{margin:0;font-size:22px}.outfit-library-tabs{flex:0 0 40px;gap:8px;display:flex}.outfit-library-tabs button{border-radius:12px;min-height:40px;padding:4px 16px}.outfit-library-tabs button[aria-pressed=true]{background:var(--surface-selected)}.outfit-library .outfit-library-list{flex-direction:column;flex:1;gap:8px;min-height:40px;display:flex;overflow:auto}.outfit-library-row{border:1px solid var(--line);border-radius:16px;flex:none;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.outfit-library-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.outfit-library-row strong{overflow-wrap:anywhere;font-size:14px}.outfit-library-row small{color:var(--muted);font-size:11px}.outfit-library-row .secondary{gap:6px;min-height:44px;padding:6px 10px;font-size:12px}.outfit-library-footer{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:4px;padding-top:8px;display:flex}.outfit-library-footer form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.outfit-library-footer input{width:100%;min-width:0;min-height:44px;font-size:16px}.outfit-library-footer .primary{min-height:44px;padding:8px 16px}.outfit-feedback{justify-content:space-between;align-items:center;gap:6px;display:flex}.outfit-feedback button{gap:6px;min-height:44px;padding:6px 10px;font-size:12px}.outfit-feedback button[aria-pressed=true]{background:var(--surface-selected);border-radius:12px}.outfit-library-notice{height:16px;color:var(--muted);font-size:11px}.outfit-library-error{color:var(--error);flex-wrap:wrap;flex:none;align-items:center;gap:2px 8px;font-size:12px;display:flex}.outfit-library-error>span{flex:180px}.outfit-library-error .text-button{min-height:36px;padding:3px 6px;font-size:12px}.outfit-unavailable{min-height:36px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.outfit-unavailable span{overflow-wrap:anywhere;min-width:0}.outfit-unavailable button{flex:none;min-height:36px;padding:4px 6px;font-size:12px}.outfit-rail-list .outfit-add-piece{flex-direction:row;justify-content:center;align-self:center;width:auto;min-width:96px;max-width:160px;height:44px;padding:4px 10px;font-size:12px}.outfit-sync-actions{justify-content:flex-end;gap:8px;min-height:36px;display:flex}.outfit-sync-actions .text-button,.outfit-sync-retry{min-height:36px;padding:4px 8px;font-size:12px}.outfit-photo-view{max-width:150px;height:36px;min-height:36px;padding:4px 8px;font-size:12px}.outfit-inspect-photo{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (max-height:480px){.outfit-library-dialog{padding:12px}.outfit-library{gap:4px}.outfit-library-error{font-size:11px}.outfit-library-error>span{flex-basis:240px}}@media (max-width:420px){.outfit-library-dialog{padding:12px}.outfit-library-row{gap:4px;padding:8px}.outfit-library-row .secondary{padding:4px 8px}}.outfit-inspect-canvas.showing-photo{aspect-ratio:auto;width:100cqw;height:100cqh}@media (max-width:420px){.outfit-photo-view{max-width:100px}.outfit-zoom{gap:2px}.outfit-zoom .text-button{padding:4px}}@media (max-height:480px) and (min-width:600px){.outfit-library{grid-template-rows:44px auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px;display:grid}.outfit-library>header{grid-column:1/-1}.outfit-library-tabs{grid-area:2/1}.outfit-library-list{grid-area:3/1}.outfit-library-error{grid-area:2/2}.outfit-library-footer{grid-area:3/2;align-self:center}.outfit-library-row{grid-template-columns:minmax(0,1fr) auto}.outfit-library-row>div{grid-column:1/-1}.outfit-library-row .icon-button{justify-self:end}}
.closet-workspace{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:clip;flex:1!important}@media (max-width:440px){.kiosk .topbar{gap:4px;padding-inline:8px}.kiosk .kiosk-home-button{flex:0 0 44px;justify-content:center;width:44px;min-width:44px}.kiosk .kiosk-wordmark{display:none}.kiosk .header-status{gap:2px}.kiosk .header-status>svg{display:none}}.closet-body{flex:1;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;display:grid;position:relative}.closet-visual{background:radial-gradient(at 50% 40%,#fafbf7,#e5e9e1);border:1px solid #d6ded5;border-radius:22px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:clip}.closet-stage{perspective:2400px;touch-action:none;cursor:grab;flex:1;min-height:0;position:relative;overflow:clip}.closet-stage:active{cursor:grabbing}.closet-render{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.closet-world,.closet-group,.closet-door-motion,.closet-drawer{width:0;height:0;transform-style:preserve-3d;position:absolute}.closet-drawer{transition:transform .32s cubic-bezier(.2,0,0,1)}.closet-block{transform-style:preserve-3d;position:absolute}.closet-face{transform-origin:0 0;backface-visibility:hidden;background:#b4b6ad;outline:1px solid #8e9489;position:absolute;inset:0}.closet-face.front{background:#d4d5cd}.closet-face.top{background:#dedfd7}.closet-face.right{background:#9a9e94}.closet-face.back{transform-origin:50%}.closet-block.backboard .closet-face{background:#777d72;outline:none}.closet-block.backboard .front{background:linear-gradient(110deg,#81867b,#6a7267)}.closet-block.shelf{cursor:pointer}.closet-part-label{color:#414f40;font:600 13px/14px Arial,sans-serif;position:absolute;top:-2px;left:22px}.closet-block.door .front{background-color:#d0d0c5;background-image:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#454b4110 0 1px,#0000 1px 3px),linear-gradient(110deg,#e0e0d6,#bcbeb2);outline:7px solid #c1c5ba;box-shadow:inset 2px 0 3px #ffffffe0,inset -3px 0 4px #46503d45}.closet-block.door .left,.closet-block.door .right{background:#a1a89c}.closet-door-grip{background:#939d8f;border-radius:3px;width:5px;height:20%;position:absolute;top:42%;right:10px;box-shadow:2px 0 1px #f2f3e8}.closet-block.drawer-front .front{cursor:pointer;background:linear-gradient(115deg,#d4d5cc,#babfb3);box-shadow:inset 0 3px #f2f3e850,inset 0 -3px #7d8a7550}.closet-drawer-label{color:#56634f;font:500 22px Arial,sans-serif;position:absolute;top:32%;left:22px}.closet-block.rail .closet-face{background:#a9b2a2;outline:1px solid #818e79}.closet-block.bin .closet-face{background:#333b31;outline:.7px solid #11190e}.closet-block.bin .top{background:#68705f}.closet-block.bin-floor .closet-face{background:#444c3f;outline:1px solid #2e3827}.closet-block.selected .closet-face.front,.closet-block.selected .closet-face.top{background:#8fab89;outline:3px solid #244c3c}.closet-group{cursor:pointer}.drawer-focus .closet-world>.closet-block,.drawer-focus .closet-door-motion,.drawer-focus .closet-drawer:not(.drawer-is-open){display:none}.closet-reference{color:#61715c;margin:8px 0;font-size:11px;line-height:1.4}.closet-inspector{z-index:5;background:#fcfdf8;border:1px solid #d3ddd0;border-radius:22px;flex-direction:column;gap:12px;width:min(330px,100% - 20px);min-width:0;min-height:0;padding:14px;display:none;position:absolute;top:10px;bottom:10px;right:10px;box-shadow:0 8px 30px #203a2820}.closet-part-heading{flex-shrink:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:4px 6px;padding-right:32px;display:grid}.closet-part-heading .icon-button{min-width:36px;padding:4px}.closet-part-heading h2{text-wrap:balance;margin:0;font-size:19px;line-height:1.2}.closet-part-heading small{color:#61715c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.closet-part-heading .choice-control{grid-column:1/-1}.closet-part-heading .choice-label{display:none}.closet-part-heading .choice-trigger{min-height:40px}.closet-part-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.closet-part-actions button{min-height:40px;padding:6px 9px;font-size:12px}.closet-contents{flex-direction:column;gap:4px;display:flex}.closet-content-row{text-align:left;background:#eff3ec;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 9px;display:flex}.closet-content-row span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.closet-content-row small{color:#61715c;font-size:10px}.closet-content-row span small{display:block}.closet-content-row img{object-fit:contain;border-radius:6px;width:38px;height:38px}.closet-empty{color:#61715c;text-align:center;margin:auto 0;padding:12px;font-size:13px}.closet-inspector-footer{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.closet-inspector-footer button{min-height:40px;padding:6px 10px;font-size:12px}.closet-save-status{color:#456c43;width:100%;min-height:16px;font-size:11px;display:block}.closet-error{color:#8a302b;overflow-wrap:anywhere;margin:4px 0;font-size:12px;line-height:1.4}.closet-dialog{background:#fbfcf8;border:0;border-radius:22px;width:min(500px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:hidden}.closet-dialog[open]{flex-direction:column;gap:12px;display:flex}.closet-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dce6dc80}.closet-dialog header{flex-shrink:0;align-items:center;gap:10px;display:flex}.closet-dialog header h2{flex:1;margin:0;font-size:21px}.closet-dialog form{flex-direction:column;gap:12px;min-height:0;display:flex}.closet-dialog label{text-transform:capitalize;flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.closet-dialog input{width:100%;min-height:42px;padding:8px 10px;font-size:16px}.closet-dialog footer{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.closet-dialog footer button{min-height:44px;padding:8px 12px;font-size:12px}.closet-dialog-context{color:#61715c;margin:0;font-size:12px}.closet-link-mode{gap:6px;display:flex}.closet-link-mode button{border-radius:10px;min-height:40px;padding:6px 10px;font-size:12px}.closet-link-mode button[aria-pressed=true]{background:#e2eadc}.closet-new-location{flex-direction:column;gap:12px;display:flex}.closet-dialog>.choice-browser{height:min(320px,100dvh - 240px);min-height:60px}.closet-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.closet-box-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:650px),(max-height:500px){.closet-workspace{gap:0}.closet-inspector{border-radius:16px;gap:6px;padding:10px}.closet-part-heading h2{font-size:16px}.closet-part-actions{gap:2px}.closet-part-actions button{min-height:36px}.closet-save-status:empty{display:none}}@media (max-height:500px){.screen-content:has(.closet-workspace)>.page-heading{display:none}.closet-new-location{grid-template-columns:1fr 1fr;align-items:end;display:grid}.closet-dialog{padding:12px}.closet-dialog[open],.closet-dialog form{gap:8px}.closet-box-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.closet-dialog .closet-reference{margin:0}}@media (prefers-reduced-motion:reduce){.closet-drawer{transition:none}}@media (forced-colors:active){.closet-face{outline:1px solid canvastext}.closet-block.selected .front{outline:4px solid highlight}}.closet-workspace[data-mobile-panel=contents] .closet-inspector{display:flex}.closet-tools{gap:4px;display:flex;position:absolute;top:10px;left:10px}.closet-tools .icon-button,.closet-selection{background:#fbfcf5ed;box-shadow:0 2px 9px #203a2810}.closet-tools .icon-button{border-radius:12px;width:44px;min-height:44px}.closet-selection{border-radius:12px;align-items:center;gap:16px;max-width:calc(100% - 24px);min-height:44px;padding:8px 14px;font-size:13px;display:flex;position:absolute;bottom:12px;left:12px}.closet-selection span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.closet-panel-close{width:36px;min-height:36px;position:absolute;top:8px;right:8px}.closet-door-control{flex-direction:row;align-items:center;gap:10px;min-height:30px;font-size:12px;display:flex}.closet-door-control input{accent-color:#315d45;flex:1;min-width:0;height:28px;min-height:28px;padding:0}.closet-workspace[data-mobile-panel=contents] .closet-visual{pointer-events:none}@media (max-height:500px) and (min-width:621px){.closet-workspace[data-mobile-panel=contents] .closet-inspector{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:6px 16px;width:calc(100% - 20px);display:grid}.closet-part-heading{grid-area:1/1;grid-template-columns:32px minmax(0,1fr);padding-right:0}.closet-part-heading>div:not(.choice-control){display:none}.closet-part-heading .choice-control{grid-column:2}.closet-part-heading .choice-trigger{min-height:36px}.closet-door-control{grid-area:1/2;margin-right:30px}.closet-part-actions{grid-area:2/2;align-self:start}.closet-contents{grid-area:2/1/4;height:100%}.closet-inspector-footer{grid-area:3/2}}.closet-block,.closet-group,.closet-face{pointer-events:none}.closet-block.shelf>.front,.closet-block.shelf>.top,.closet-block.drawer-front>.front,.closet-block.door>.front,.closet-block.door>.left,.closet-block.door>.right,.closet-block.bin>.front,.closet-block.bin>.top,.closet-block.bin-floor>.top{pointer-events:auto}.screen-content:has(.closet-workspace)>.page-heading{display:none}
