:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#30352e;background:#e7e9e2;font-synthesis:none;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:12px;--line: #e1e4da;--muted: #68765b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;border-radius:4px}button:hover:not(:disabled){background:#e5e9df}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #9baf84;outline-offset:3px}h2,p{margin:0}h2{font-size:11px;font-weight:550}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.5}.loading-editor{padding:24px;font-size:18px}.topbar{height:56px;display:flex;align-items:center;gap:22px;padding:0 22px;border-bottom:1px solid #dadfd1;background:#f7f8f3}.brand{font-weight:600;font-size:16px;letter-spacing:-.6px}.board-tabs{display:flex;align-items:center;gap:3px;overflow:auto;max-width:45%}.board-tabs button{padding:9px 13px;white-space:nowrap;color:#68765b;font-size:11px}.board-tabs button[aria-pressed=true]{background:#e6ebdd;color:#45503a}.save-status{margin-left:auto;color:#68765b;font-size:9px;white-space:nowrap}.history-buttons{display:flex;gap:2px}.history-buttons button{height:32px;width:30px;font-size:20px;color:#6b775c}.preview-button{border:1px solid #ccd4bf;padding:8px 16px;font-size:11px}.preview-button.active{background:#3b4932;color:#fff;border-color:#3b4932}main{height:calc(100dvh - 56px);display:grid;grid-template-columns:minmax(0,1fr) 298px}.workspace{position:relative;min-width:0;overflow:hidden;background:#e8ebe3}.workspace-top{position:absolute;z-index:3;inset:18px 24px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.workspace-top>*{pointer-events:auto}.segment{display:flex;padding:3px;gap:2px;background:#dde2d5bd;border-radius:6px}.segment button{height:30px;padding:0 14px;font-size:11px;color:#68765b}.segment button[aria-pressed=true]{background:#f8faf3;color:#48553a;box-shadow:0 1px 2px #00000009}.field-dimensions{font-size:10px;color:#68765b}.board-stage{position:absolute;inset:65px 22px 43px;display:flex;align-items:center;justify-content:center}.board-canvas{width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.board-paper{filter:drop-shadow(0 1px 2px #0000000a)}.selection{pointer-events:none}.selection circle,.selection rect[data-testid=scale-handle]{pointer-events:all}.canvas-add{position:absolute;padding:12px 16px;color:#68765b;font-size:12px}.workspace-bottom{position:absolute;inset:auto 25px 15px;display:flex;justify-content:space-between;font-size:9px;color:#68765b;pointer-events:none}.scene{position:absolute;inset:0}.garment-view{height:100%;width:100%;position:relative}.garment-view canvas{display:block;width:100%;height:100%;touch-action:none}.garment-controls{position:absolute;bottom:44px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.garment-controls>button{font-size:20px;padding:4px 10px;background:#f6f9efaa}.fabric-palette{display:grid;gap:9px}.fabric-palette>a{font-size:10px;color:#66705e;text-align:center}.colors{display:flex;flex-wrap:wrap;max-width:380px;gap:8px}.colors button{width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000012;position:relative}.colors button:hover:not(:disabled){background:var(--swatch)}.colors button[aria-pressed=true]:after{content:"";position:absolute;inset:-3px;border:1px solid #889977;border-radius:50%}.sidebar{background:#f9faf5;border-left:1px solid #dce3d2;display:flex;flex-direction:column;min-height:0}.sidebar-scroll{padding:19px 17px 0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#d5dfc8 transparent}.layers-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.add-images{font-size:10px;color:#68765b;padding:5px 0}.layer-list{max-height:210px;overflow:auto;margin-bottom:5px}.layer-row{display:flex;align-items:center;gap:1px;border-radius:4px;min-height:45px;padding:3px}.layer-row.selected{background:#e8efdf}.layer-row.hidden-layer .layer-select{opacity:.4}.layer-select{display:flex;gap:8px;align-items:center;flex:1;min-width:0;padding:0;text-align:left}.layer-select img{height:32px;width:32px;object-fit:contain;background:#fff;border-radius:3px;padding:3px}.layer-select span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row>button:not(.layer-select){width:25px;height:30px;flex-shrink:0;color:#68765b;font-size:14px}.layer-actions{display:flex;align-items:center;gap:5px;padding:8px 0 11px}.layer-actions button{font-size:9px;color:#68765b;padding:5px 6px}.layer-actions button:last-child{margin-left:auto;font-size:16px}.no-selection{color:#68765b;font-size:10px;padding:24px 0 30px;text-align:center}section{border-top:1px solid var(--line);padding:16px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.text-button{font-size:9px;color:#68765b;padding:3px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.number-field>span{display:block;font-size:9px;color:#68765b;margin-bottom:5px}.number-field>div{display:flex;align-items:center;background:#edf1e6;border-radius:4px;padding-right:7px}.number-field input{min-width:0;width:100%;padding:8px;border:0;background:none;color:#566847;font-size:12px;appearance:textfield}.number-field input::-webkit-inner-spin-button{appearance:none}.number-field small{font-size:9px;color:#68765b}.resolution{display:flex;align-items:center;justify-content:flex-end;color:#68765b;font-size:10px}.effect-mode{margin-bottom:14px}.effect-mode label{display:flex;align-items:center;justify-content:space-between;color:#68765b;font-size:10px}.effect-mode select{border:0;background:#edf2e5;padding:6px 8px;color:#697d54;font-size:10px;max-width:170px;border-radius:4px}.range-heading{display:flex;justify-content:space-between;color:#68765b;font-size:10px;margin-top:10px}input[type=range]{width:100%;height:3px;margin:11px 0 7px;accent-color:#819969;cursor:ew-resize}.check-row{display:flex;gap:7px;align-items:center;color:#68765b;font-size:10px;margin-top:11px;cursor:pointer}.check-row input{margin:0;width:13px;height:13px;accent-color:#78975e}.frame-settings,.crop-settings{border-top:1px solid var(--line);padding-bottom:12px}summary{cursor:pointer;list-style:none;font-size:10px;color:#68765b;padding:14px 0;display:flex;gap:7px;align-items:center}summary:before{content:"›";font-size:14px;color:#9ab184}details[open]>summary:before{transform:rotate(90deg)}summary>span{margin-left:auto;color:#68765b;font-size:9px}.frame-settings p{font-size:9px;line-height:1.6;color:#68765b;margin-top:10px}.crop-settings .text-button{margin-top:10px}.original-button{font-size:9px;color:#68765b;padding:0 0 13px}.export-panel{padding:16px 17px 15px;border-top:1px solid var(--line);background:#f9faf5}.export-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.export-meta strong{font-size:11px;font-weight:500}.export-meta>span{font-size:9px;color:#68765b}.export-button{display:flex;align-items:center;justify-content:space-between;background:#455936;color:#f7fbed;width:100%;padding:12px;font-size:11px}.export-button:hover:not(:disabled){background:#5e774a}.export-button span{font-size:14px}.export-status{font-size:9px;line-height:1.5;color:#68765b;margin-top:8px;min-height:14px}.confirm-link{margin-top:6px}.message{display:flex;gap:8px;justify-content:space-between;white-space:pre-wrap;font-size:10px;line-height:1.5;margin-bottom:12px;padding:10px;background:#f0e4d8;color:#9d5d37}.message button{padding:0 2px;align-self:flex-start}.webgl-error{position:absolute;inset:45% 20% auto;font-size:11px;color:#99704d;line-height:1.6}.drop-overlay{position:fixed;inset:0;background:#3e5234ee;display:grid;place-items:center;color:#fff;font-size:23px;pointer-events:none;z-index:10}@media(max-width:850px){.topbar{padding:0 16px;gap:12px}.save-status{display:none}.board-tabs{margin-right:auto}main{grid-template-columns:minmax(0,1fr) 270px}.sidebar-scroll{padding:16px 14px}.export-panel{padding:14px}.garment-controls{flex-wrap:wrap;gap:8px;left:16px;right:16px}.colors{gap:7px}.colors button{width:20px;height:20px}.workspace-top{inset:15px 16px auto}.board-stage{inset:62px 5px 40px}}@media(max-width:620px){main{height:auto;display:flex;flex-direction:column}.workspace{height:65dvh;min-height:430px}.sidebar{border-left:0;border-top:1px solid #dce3d2}.sidebar-scroll{overflow:visible;padding:18px}.number-field input{font-size:16px}.preview-button{padding:7px 10px}.topbar{gap:9px}.brand{font-size:14px}.board-tabs button{padding:8px 10px}.history-buttons button{width:24px}.layer-list{max-height:240px}.garment-controls{bottom:38px}.workspace-bottom{font-size:8px;left:16px;right:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.source-resolution{font-size:10px;line-height:1.5;color:#68765b;margin:0 0 12px}.workspace-bottom a{color:inherit;pointer-events:auto;text-underline-offset:2px}.model-notice{position:absolute;left:24px;top:68px;font-size:11px;color:#68765b;pointer-events:none}.effects-panel .check-row{margin-top:14px}.effects-panel .number-field{margin-top:10px}.effect-note,.effect-warning{font-size:10px;line-height:1.5;margin:6px 0;color:#66705e}.effect-warning{color:#95601b}.project-controls{display:flex;align-items:center;gap:2px}.project-controls select{max-width:150px;border:0;border-radius:4px;background:#e8edde;color:#3b4832;padding:8px;font:inherit;font-size:12px}.project-controls button{padding:5px}@media(max-width:800px){.topbar{flex-wrap:wrap;height:auto;min-height:56px;padding-block:8px}.project-controls select{max-width:110px}}.transfer-panel{position:relative;font-size:12px;margin-right:12px}.transfer-panel summary{cursor:pointer;white-space:nowrap}.transfer-popover{position:absolute;top:30px;left:0;z-index:60;width:300px;display:grid;gap:8px;padding:16px;background:var(--panel, #fff);color:var(--text, #222);box-shadow:0 6px 32px #0002;border-radius:8px;max-height:75vh;overflow:auto}.transfer-popover button{text-align:left;padding:8px 10px}.transfer-popover small,.transfer-popover p{font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}.ink-swatches{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:4px;margin-bottom:10px}.ink-swatches button{width:100%;min-width:0;min-height:40px;border:1px solid #aeb2a7;border-radius:4px;position:relative}.ink-swatches button[aria-pressed=true]{outline:2px solid #68765b;outline-offset:2px}.ink-custom{display:flex;gap:10px;align-items:center}.ink-custom input[type=color]{width:48px;height:40px;flex-shrink:0;padding:3px;cursor:pointer}.ink-custom input[type=text]{width:100%;min-width:0;height:40px;font-variant-numeric:tabular-nums;text-transform:uppercase}.ink-custom input[aria-invalid=true]{outline:1px solid #b34e36}.ink-custom input{font:inherit;color:inherit;background:#edf1e5;border:0;border-radius:3px}.ink-custom input[type=text]{padding:0 10px;font-size:16px}