:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#15231f;--muted:#69726e;--paper:#f7f4ec;--canvas:#e7e1d6;--line:#d9d4ca;--accent:#ef7653;--teal:#19736b;background:#dcd7cd;font-family:Inter,Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #19736b3d}.app-shell{background:var(--canvas);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffdf8;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 28px;display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:max-content;padding:0;display:flex}.brand>span{letter-spacing:.09em;font-size:14px}.brand-mark{background:var(--ink);border-radius:12px;width:43px;height:43px;padding:7px;transform:rotate(-2deg)}.brand-mark svg{fill:#f8f3e9;width:100%;height:100%}.brand-mark .brand-tick{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.topbar nav{align-self:stretch;gap:4px;display:flex}.topbar nav button{cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 20px;font-size:13px;font-weight:700}.topbar nav button.active{color:var(--teal);border-color:var(--teal)}.prototype-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:100px;justify-self:end;padding:9px 12px;font:500 11px DM Mono,monospace}.prototype-badge span{background:#55a55b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #55a55b1f}.studio-layout{grid-template-columns:minmax(260px,330px) minmax(480px,1fr) minmax(280px,350px);min-height:calc(100vh - 76px);display:grid}.control-panel{background:#fffdf8;min-width:0;padding:34px 28px}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{align-items:flex-start;gap:13px;margin-bottom:28px;display:flex}.panel-heading.compact{margin-top:26px;margin-bottom:22px}.step-number{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font:500 10px DM Mono,monospace;display:grid}.eyebrow{color:var(--teal);letter-spacing:.14em;margin-bottom:5px;font:500 10px DM Mono,monospace;display:block}h1,h2,p{margin-top:0}.panel-heading h2{letter-spacing:-.035em;margin:0;font-size:20px}fieldset{border:0;margin:0;padding:0}legend,.select-field>span,.admin-field>span{color:#46524e;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.select-field{margin-bottom:24px;display:block}.product-reference{color:var(--teal);margin-top:7px;font-size:9px;font-weight:700;display:block}select,.admin-field input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);background:#f9f6ef;border-radius:8px;padding:0 13px}.garment-picker-field{margin-bottom:7px}.garment-picker-trigger{border:1px solid var(--line);width:100%;min-height:86px;color:var(--ink);text-align:left;cursor:pointer;background:#f9f6ef;border-radius:9px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px 11px 7px 7px;display:grid;overflow:hidden}.garment-picker-trigger:hover{border-color:#aebdb6}.garment-trigger-image{background:#eae6dd;border-radius:6px;place-items:center;width:76px;height:70px;display:grid;overflow:hidden}.garment-trigger-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.garment-trigger-image>span{color:var(--muted);font:500 7px DM Mono,monospace}.garment-trigger-copy{min-width:0}.garment-trigger-copy strong,.garment-trigger-copy small{display:block}.garment-trigger-copy strong{font-size:11px;line-height:1.3}.garment-trigger-copy small{color:var(--muted);margin-top:5px;font:400 7px/1.45 DM Mono,monospace}.garment-scale-note{margin:0 0 24px}.garment-picker-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e19169e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.garment-picker-dialog{background:#fffdf8;border:1px solid #fff6;border-radius:14px;width:min(920px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 28px 80px #00000047}.garment-picker-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.garment-picker-heading h2{margin:0;font-size:22px}.garment-category-tabs{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.garment-category-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#f7f3eb;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800}.garment-category-tabs button.active{border-color:var(--teal);background:var(--teal);color:#fff}.garment-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.garment-catalogue-grid>button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#f9f6ef;border-radius:11px;grid-template-rows:180px auto;padding:0;display:grid;overflow:hidden}.garment-catalogue-grid>button.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.garment-catalogue-grid>button:disabled{opacity:.58;cursor:not-allowed}.garment-catalogue-image{border-bottom:1px solid var(--line);background:#eae6dd;place-items:center;display:grid;overflow:hidden}.garment-catalogue-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.garment-catalogue-image>span{max-width:150px;color:var(--muted);text-align:center;font:500 9px/1.5 DM Mono,monospace}.garment-catalogue-copy{padding:12px}.garment-catalogue-copy strong,.garment-catalogue-copy small{display:block}.garment-catalogue-copy strong{font-size:12px}.garment-catalogue-copy small{color:var(--muted);margin-top:5px;font:400 8px DM Mono,monospace}.colour-field{position:relative}.colour-grid{flex-wrap:wrap;gap:8px;display:flex}.colour-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:32px;height:32px;padding:3px}.colour-grid button span{border:1px solid #0000001f;border-radius:50%;width:100%;height:100%;display:block}.colour-grid button.active{border-color:var(--ink)}.colour-field output{color:var(--muted);margin-top:9px;font-size:12px;display:block}.colour-popup-field{margin-bottom:24px;position:relative}.field-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.colour-picker-trigger{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#f9f6ef;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:9px 11px;display:grid}.selected-colour-swatch{border:1px solid #00000024;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 1px 2px #ffffff42}.colour-picker-trigger strong,.colour-picker-trigger small{display:block}.colour-picker-trigger strong{font-size:11px}.colour-picker-trigger small{color:var(--muted);margin-top:3px;font-size:9px}.picker-chevron{color:var(--muted);font-size:17px}.colour-picker-popover{z-index:30;border:1px solid var(--line);background:#fffdf8;border-radius:13px;width:min(430px,100vw - 32px);max-height:min(640px,100vh - 120px);padding:17px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 55px #15231f38}.colour-picker-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:15px;display:flex}.colour-picker-heading strong{margin-top:3px;font-size:15px;display:block}.picker-close{width:30px;height:30px;color:var(--ink);cursor:pointer;background:#eee9df;border:0;border-radius:50%;font-size:20px;line-height:1}.palette-select{margin-bottom:13px;display:block}.palette-select>span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.palette-select select{height:41px}.palette-summary{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.palette-summary strong{font-size:11px}.palette-summary small{color:var(--muted);font:400 8px DM Mono,monospace}.colour-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.colour-choice-grid button{min-width:0;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:#f7f3eb;border:1px solid #0000;border-radius:8px;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:9px;padding:7px 8px;display:grid}.colour-choice-grid button:hover{border-color:#bfc9c4}.colour-choice-grid button.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#edf5f1}.choice-swatch{border:1px solid #00000021;border-radius:50%;width:29px;height:29px}.colour-choice-grid strong,.colour-choice-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.colour-choice-grid strong{font-size:9px}.colour-choice-grid small{color:var(--muted);margin-top:3px;font:400 7px DM Mono,monospace}.colour-picker-note{border-top:1px solid var(--line);color:var(--muted);margin:13px 0 0;padding-top:11px;font-size:8px;line-height:1.5}.divider{background:var(--line);height:1px;margin:31px 0 0}.view-field{margin-bottom:23px}.view-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.view-grid button{border:1px solid var(--line);text-align:center;cursor:pointer;background:#f9f6ef;border-radius:8px;place-items:center;min-width:0;min-height:46px;padding:8px 10px;font-size:10px;font-weight:800;line-height:1.2;display:grid}.view-grid button.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);color:var(--teal);background:#f4faf7}.view-grid button:disabled{opacity:.4;cursor:not-allowed}.placement-field{margin-bottom:12px}.placement-list{gap:6px;max-height:208px;padding-right:3px;display:grid;overflow-y:auto}.placement-list button{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#f9f6ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.placement-list button:hover{border-color:#b9c6c0}.placement-list button.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#f4faf7}.placement-list button span{min-width:0;font-size:10px;font-weight:800;line-height:1.25}.placement-list button small{color:var(--muted);white-space:nowrap;font:500 7px DM Mono,monospace}.placement-list button.active small{color:var(--teal)}.placement-summary{background:#eef4f1;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.placement-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ef765324}.placement-summary strong{font-size:12px;display:block}.placement-summary small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.placement-summary .placement-artwork-state{color:var(--teal);font-weight:800}.mockup-stage{background-color:var(--canvas);background-image:radial-gradient(#15231f1c .75px,#0000 .75px);background-size:16px 16px;min-width:0;padding:24px 28px}.preview-mode-switch{border:1px solid var(--line);background:#fffdf8c7;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;max-width:300px;margin:0 auto 13px;padding:4px;display:grid}.preview-mode-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:10px;font-weight:800}.preview-mode-switch button.active{background:var(--ink);color:#fff}.preview-mode-switch button:disabled{opacity:.35;cursor:not-allowed}.overlap-warning{color:#80341f;background:#fff1ea;border:1px solid #e5a48f;border-radius:8px;max-width:760px;margin:0 auto 10px;padding:9px 12px;font-size:10px;font-weight:750}.special-size-warning{color:#6f460b;background:#fff5de;border:1px solid #d7952f;border-radius:8px;max-width:760px;margin:0 auto 10px;padding:9px 12px;font-size:10px;font-weight:750}.canvas-shell{grid-template-rows:auto 1fr auto;max-width:760px;height:100%;min-height:650px;max-height:calc(100vh - 124px);margin:0 auto;display:grid}.canvas-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.canvas-toolbar strong{text-transform:capitalize;font-size:14px}.source-mode{color:var(--muted);text-transform:uppercase;margin-left:9px;font:500 8px DM Mono,monospace;display:inline-block}.source-mode.photographic{color:var(--teal)}.source-mode.master{color:var(--teal);background:#19736b14;border-radius:100px;padding:4px 7px}.ghost-button{cursor:pointer;background:#ffffff80;border:1px solid #15231f3d;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:700}.toolbar-actions{align-items:center;gap:7px;display:flex}.compact-button{border-radius:7px;padding:9px 13px;font-size:10px}.garment-canvas{filter:saturate(.98);width:100%;height:100%;min-height:0}.three-shell{max-height:calc(100vh - 180px)}.three-viewport{background:#e9e4da;border-radius:26px;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 60px #15231f26}.three-viewport canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-status{z-index:2;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;place-items:center;font:500 11px DM Mono,monospace;display:grid;position:absolute;inset:0}.viewer-status.error{color:#9d3f39}.fixed-editor-shell{overflow:hidden}.fixed-editor-viewport{touch-action:none;background:#e9e4da;border-radius:22px;width:100%;height:min(66vh,720px);min-height:500px;position:relative;overflow:hidden}.fixed-editor-canvas{position:absolute;inset:0}.fixed-editor-canvas canvas{width:100%;height:100%;display:block}.editor-status{color:var(--teal);letter-spacing:.08em;border:1px solid #b8cbc5;border-radius:999px;align-self:center;padding:6px 10px;font-size:9px;font-weight:800}.fixed-placement-guide{z-index:2;box-sizing:border-box;pointer-events:none;transform-origin:50%;border:2px dashed #ef7653e6;border-radius:5px;position:absolute}.fixed-placement-guide:before,.fixed-placement-guide:after{content:"";background:#ef7653bf;position:absolute}.fixed-placement-guide:before{width:1px;height:calc(100% + 10px);top:-5px;left:50%}.fixed-placement-guide:after{width:calc(100% + 10px);height:1px;top:50%;left:-5px}.fixed-artwork{z-index:3;cursor:grab;transform-origin:50%;touch-action:none;background:0 0;border:1px solid #147b6fcc;border-radius:4px;padding:0;display:block;position:absolute}.fixed-artwork:active{cursor:grabbing}.fixed-artwork img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fixed-artwork>span{white-space:nowrap;color:#fff;background:#15231feb;border-radius:999px;padding:3px 7px;font:700 9px/1.2 monospace;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.nudge-pad{z-index:4;background:#ffffffe6;border:1px solid #b8cbc5e6;border-radius:13px;grid-template-rows:repeat(3,34px) auto;grid-template-columns:repeat(3,34px);gap:4px;padding:9px;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 28px #15231f1f}.nudge-pad button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;font-size:17px}.nudge-pad button:first-child{grid-area:1/2}.nudge-pad button:nth-child(2){grid-area:2/1}.nudge-pad button:nth-child(3){color:var(--teal);grid-area:2/2}.nudge-pad button:nth-child(4){grid-area:2/3}.nudge-pad button:nth-child(5){grid-area:3/2}.nudge-pad small{text-align:center;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;grid-area:4/1/auto/4;font-size:8px;font-weight:700}.viewer-hint{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#15231fb8;border-radius:100px;padding:7px 10px;font:500 9px DM Mono,monospace;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.artwork-image{cursor:grab;touch-action:none}.artwork-image:active{cursor:grabbing}.scale-note{letter-spacing:.04em;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:9px;font:500 10px DM Mono,monospace;display:flex}.scale-note span:first-child{color:var(--teal)}.scale-note strong{color:var(--ink)}.upload-zone{cursor:pointer;background:#faf7f0;border:1.5px dashed #a9aca5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:157px;margin-bottom:25px;padding:17px;display:flex}.upload-zone:hover{border-color:var(--teal);background:#f3f8f5}.upload-zone img{object-fit:contain;width:58px;height:58px}.upload-zone strong{font-size:13px}.upload-zone span{color:var(--muted);font-size:10px}.upload-zone small{color:var(--teal);font-size:10px}.existing-artwork-field{margin:-10px 0 20px;display:block}.existing-artwork-field>span{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.existing-artwork-field select{width:100%}.upload-icon{background:#e6efeb;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;color:var(--teal)!important;font-size:24px!important}.segmented-field{margin-bottom:26px}.segmented-control{background:#ebe7de;border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented-control button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 5px;font-size:10px;font-weight:700}.segmented-control button.active{background:#fffdf8;box-shadow:0 2px 8px #15231f17}.segmented-control button:disabled{opacity:.35;cursor:not-allowed}.range-field{margin-bottom:22px}.field-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.field-label label{color:#46524e;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.field-label output{color:var(--teal);background:#e9f1ee;border-radius:5px;padding:5px 7px;font:500 11px DM Mono,monospace}.dimension-input{color:var(--teal);background:#e9f1ee;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font:500 11px DM Mono,monospace;display:flex}.dimension-input input{width:58px;color:inherit;font:inherit;text-align:right;background:0 0;border:0;border-bottom:1px solid #b8cbc5;outline:none}.dimension-input input:disabled{opacity:.55}input[type=range]{appearance:none;background:#d7d4cb;border-radius:3px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.range-limits{color:#8b918e;justify-content:space-between;margin-top:6px;font:400 9px DM Mono,monospace;display:flex}.calculated-dimension{color:var(--muted);margin:8px 0 0;font:400 9px DM Mono,monospace}.switch-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:7px 0 17px;padding:16px 0;display:flex}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px}.switch-row small{color:var(--muted);margin-top:3px;font-size:9px}.switch-row input{appearance:none;cursor:pointer;background:#c8cbc5;border-radius:15px;width:38px;height:21px;transition:all .2s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--teal)}.switch-row input:checked:after{transform:translate(17px)}.special-size-switch{margin-bottom:8px}.special-size-switch.active{border-color:#d7952f}.special-size-switch input:disabled{opacity:.45;cursor:not-allowed}.special-size-panel{color:#6f460b;background:#fff5de;border:1px solid #e2b76e;border-radius:8px;gap:7px;margin:0 0 16px;padding:11px;display:grid}.special-size-panel>strong{font-size:10px}.special-size-panel>span{font-size:9px;line-height:1.45}.special-size-panel label span{text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.special-size-panel input{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #d7bf92;border-radius:6px;padding:8px;font-size:10px}.reset-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:10px;font-size:10px;font-weight:700}.reset-button:disabled{opacity:.4;cursor:not-allowed}.remove-artwork-button{color:#a43e29;margin-top:-8px}.accuracy-note{background:#f5eee3;border-radius:8px;gap:10px;margin-top:20px;padding:12px;display:flex}.accuracy-note>span{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:500 10px serif;display:grid}.accuracy-note p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.accuracy-note strong{color:var(--ink);margin-bottom:2px;font-size:10px;display:block}.admin-layout{max-width:1400px;margin:0 auto;padding:56px 44px 90px}.admin-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:35px;margin-bottom:36px;display:grid}.admin-intro h1{letter-spacing:-.065em;margin-bottom:16px;font-size:clamp(34px,5vw,58px);line-height:.98}.admin-intro p{color:var(--muted);grid-column:1;max-width:640px;line-height:1.6}.admin-metrics{background:var(--ink);color:#fff;border-radius:14px;grid-area:1/2/span 2;grid-template-columns:repeat(3,1fr);padding:25px;display:grid}.admin-metrics div{border-right:1px solid #ffffff24;padding:0 17px}.admin-metrics div:last-child{border:0}.admin-metrics strong,.admin-metrics span{display:block}.admin-metrics strong{font-size:24px}.admin-metrics span{color:#aebbb6;text-transform:uppercase;margin-top:6px;font:400 9px DM Mono,monospace}.admin-grid{grid-template-columns:1.45fr .75fr;align-items:start;gap:18px;display:grid}.admin-card{border:1px solid var(--line);background:#fffdf8;border-radius:14px;padding:25px;box-shadow:0 10px 35px #15231f0f}.image-manager,.colour-manager{margin-bottom:18px}.storage-badge{color:var(--teal);text-transform:uppercase;background:#e8f1ed;border-radius:100px;padding:7px 10px;font:500 9px DM Mono,monospace}.colour-manager-grid{grid-template-columns:330px minmax(0,1fr);gap:28px;display:grid}.colour-form{align-content:start;gap:15px;display:grid}.colour-value-fields{grid-template-columns:54px 1fr;align-items:end;gap:10px;display:grid}.colour-picker{border:1px solid var(--line);cursor:pointer;border-radius:8px;width:54px;height:42px;position:relative;overflow:hidden}.colour-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.colour-picker span{width:100%;height:100%;display:block}.hex-field input{text-transform:uppercase;font:500 11px DM Mono,monospace}.primary-button:disabled{opacity:.45;cursor:not-allowed}.master-note{color:var(--muted);background:#f4f0e7;border-radius:8px;margin:0;padding:12px;font-size:9px;line-height:1.55}.colour-library{border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.colour-library-heading{border-bottom:1px solid var(--line);background:#f4f0e7;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;display:flex}.colour-library-heading strong,.colour-library-heading small{display:block}.colour-library-heading strong{font-size:12px}.colour-library-heading small{color:var(--muted);margin-top:3px;font-size:9px}.master-chip{color:var(--teal);letter-spacing:.08em;border:1px solid #19736b40;border-radius:100px;padding:6px 8px;font:500 8px DM Mono,monospace}.colour-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;max-height:347px;padding:8px;display:grid;overflow:auto}.colour-list-item{border-radius:8px;grid-template-columns:34px minmax(0,1fr) 92px 26px;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.colour-list-item:hover{background:#f7f4ec}.large-swatch{border:1px solid #00000021;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 1px 2px #ffffff2e}.colour-list-item strong,.colour-list-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.colour-list-item strong{font-size:10px}.colour-list-item small{color:var(--muted);margin-top:3px;font:400 8px DM Mono,monospace}.preview-tone-field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.preview-tone-field select{border-radius:6px;width:92px;height:30px;padding:0 7px;font-size:9px}.image-manager-grid{grid-template-columns:290px minmax(0,1fr);gap:24px;display:grid}.image-settings{align-content:start;gap:16px;display:grid}.admin-colours{margin-top:2px}.image-requirements{background:#f4f0e7;border-radius:8px;padding:12px}.image-requirements strong,.image-requirements span{display:block}.image-requirements strong{margin-bottom:4px;font-size:10px}.image-requirements span{color:var(--muted);font-size:9px;line-height:1.45}.source-preview{border:1px solid var(--line);background:#e9e4da;border-radius:10px;grid-template-rows:1fr auto;min-height:340px;display:grid;overflow:hidden}.source-preview>img{object-fit:contain;background-image:radial-gradient(#15231f1c .75px,#0000 .75px);background-size:16px 16px;width:100%;height:300px}.empty-source{min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-source>span{border:1px dashed #8c948f;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:10px;font-size:23px;display:grid}.empty-source strong{color:var(--ink);font-size:13px}.empty-source small{margin-top:4px}.source-preview-footer{border-top:1px solid var(--line);background:#fffdf8;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.source-preview-footer strong,.source-preview-footer small{display:block}.source-preview-footer strong{font-size:11px}.source-preview-footer small{color:var(--muted);margin-top:3px;font-size:9px}.source-preview-footer .primary-button{flex:none;margin:0}.admin-card-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.admin-card-heading h2{letter-spacing:-.03em;margin:0;font-size:20px}.admin-card-heading select{width:190px}.placement-table{width:100%}.placement-table-row{border-bottom:1px solid #e7e2d9;grid-template-columns:1.4fr .8fr .65fr .65fr 30px;align-items:center;gap:10px;min-height:48px;font-size:11px;display:grid}.placement-table-row:last-child{border-bottom:0}.placement-table-row.table-head{min-height:34px;color:var(--muted);text-transform:uppercase;font:500 9px DM Mono,monospace}.placement-table-row em{color:var(--accent);text-transform:uppercase;margin-left:7px;font:500 8px DM Mono,monospace;display:inline-block}.icon-button{cursor:pointer;border:0;border-radius:50%;width:25px;height:25px}.icon-button.danger{color:#a43e29;background:#f6ded8}.placement-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.placement-form .admin-card-heading,.placement-form .wide,.form-section-title{grid-column:1/-1}.admin-field{display:block}.admin-field>span{margin-bottom:6px;font-size:9px;display:block}.admin-field input{height:42px}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:37px}.input-with-suffix small{color:var(--muted);font:400 9px DM Mono,monospace;position:absolute;top:13px;right:11px}.form-section-title{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:4px;padding-top:15px;display:flex}.form-section-title span{font-size:11px;font-weight:800}.form-section-title small{color:var(--muted);font-size:9px}.check-field{align-items:center;gap:8px;font-size:10px;display:flex}.check-field input{accent-color:var(--teal)}.primary-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:10px;padding:13px 17px;font-size:11px;font-weight:800}.toast{z-index:50;color:#fff;background:var(--ink);border-left:4px solid var(--accent);border-radius:8px;padding:13px 18px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000038}@media (width<=1100px){.studio-layout{grid-template-columns:270px 1fr}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.right-panel .panel-heading,.right-panel .upload-zone,.right-panel .accuracy-note{grid-row:span 2}.right-panel .upload-zone{margin:0}.admin-grid{grid-template-columns:1fr}.image-manager-grid{grid-template-columns:230px minmax(0,1fr)}.colour-manager-grid{grid-template-columns:280px minmax(0,1fr)}}@media (width<=760px){.garment-picker-backdrop{padding:12px}.garment-picker-dialog{max-height:calc(100vh - 24px);padding:16px}.garment-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garment-catalogue-grid>button{grid-template-rows:135px auto}.topbar{grid-template-columns:1fr auto;height:auto;min-height:68px;padding:12px 16px}.topbar nav{grid-area:2/1/auto/-1;justify-content:center;height:43px}.prototype-badge{display:none}.studio-layout{display:block}.left-panel,.right-panel{border:0;border-bottom:1px solid var(--line)}.mockup-stage{min-height:620px;padding:18px 12px}.canvas-shell{min-height:580px}.right-panel{display:block}.right-panel>*{margin-bottom:22px}.admin-layout{padding:35px 16px 70px}.admin-intro{display:block}.admin-metrics{margin-top:25px}.admin-card{padding:18px;overflow-x:auto}.image-manager-grid,.colour-manager-grid{grid-template-columns:1fr}.colour-list{grid-template-columns:1fr;max-height:430px}.placement-table{min-width:590px}.placement-form{min-width:0}}