:root{color-scheme:light dark;--paper:light-dark(#fffefa,#202724);--ink:light-dark(#253b30,#e6eee8);--muted:light-dark(#5b6a60,#b6c4ba);--line:light-dark(#dae2da,#435248);--primary:light-dark(#345f49,#c6dfce);--on-primary:light-dark(#fff,#183627);--stage:light-dark(#f0f1ec,#17221b);--review:light-dark(#f6ecd6,#473e29);--invalid:light-dark(#f9e6e2,#4b2e2b);--valid:light-dark(#e2eee5,#294432);font-family:system-ui,"Segoe UI",sans-serif;color:var(--ink);background:var(--stage)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:22px 16px 40px}button,select,input{font:inherit}button,select{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;min-height:46px}button{padding:10px 14px}button:disabled{opacity:.48;cursor:default}button[aria-pressed="true"]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}select{display:block;width:100%;max-width:100%;min-width:0;padding:8px}label{display:block;font-size:14px}.placement-app{max-width:900px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}.wordmark{font-size:12px;letter-spacing:.18em;color:var(--muted)}h1{font-size:25px;font-weight:500;margin:9px 0}header p{font-size:14px;color:var(--muted);margin:0 0 24px}.selection-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr);gap:14px;margin-bottom:16px}.selection-fields select,.design-label select{margin-top:8px}.view-picker{display:flex;gap:8px;margin-bottom:18px}.view-picker button{flex:1}.editor-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;direction:ltr}.visual-column,.order-column{min-width:0;direction:rtl}.garment-stage{position:relative;width:100%;aspect-ratio:1;background:var(--stage);border-radius:12px;overflow:hidden;direction:ltr}#garment-image{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}#image-pending{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center;color:var(--muted)}.placement-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#axis-guide{stroke:light-dark(#ffffffb8,#def0e4b8);stroke-width:1.5;stroke-dasharray:4 4}#available-points circle{fill:var(--primary);stroke:var(--paper);stroke-width:2;pointer-events:all}#art-handle{position:absolute;transform:translate(-50%,-50%);border:1px dashed light-dark(#ffffffde,#edf7f0de);background:transparent;border-radius:0;padding:0;touch-action:none;cursor:grab;min-width:44px;min-height:44px}#art-handle:active{cursor:grabbing}.preview-note,.control-note,.fine-note{color:var(--muted);font-size:12px}.preview-note{margin:10px 0 17px}.control-label{font-size:13px;margin-bottom:8px}.lock-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lock-picker button{padding:9px 3px}.nudge-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.control-note{margin:8px 0 0}.design-label{margin-bottom:22px}.size-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}.size-label output{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.size-control{display:flex;direction:ltr;gap:8px;align-items:center;margin-top:10px}.size-control button{width:46px;flex-shrink:0;padding:7px;font-size:20px}.size-control input{min-width:0;width:100%;min-height:46px;accent-color:var(--primary)}.range-label{display:flex;justify-content:space-between;direction:ltr;font-size:12px;color:var(--muted);margin:3px 0 20px}.validity{background:var(--review);padding:13px;border-radius:10px}.validity strong,.validity span{display:block}.validity strong{font-weight:500;margin-bottom:6px}.validity span{font-size:13px}.validity[data-status="INVALID"]{background:var(--invalid)}.validity[data-status="VALID"]{background:var(--valid)}#suggestions button{display:block;width:100%;margin-top:8px;text-align:right;font-size:13px}.prices{margin:22px 0}.prices div{display:flex;justify-content:space-between;gap:15px;margin:12px 0}.prices dt,.prices dd{margin:0;font-size:14px}.prices dd{white-space:nowrap;font-variant-numeric:tabular-nums}.prices .total{border-top:1px solid var(--line);padding-top:13px}.prices .total dt,.prices .total dd{font-size:18px;font-weight:500}.primary-action,.secondary-action{width:100%;margin-top:9px}.primary-action{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}#saved-status{font-size:13px;min-height:22px}.fine-note{margin-bottom:0}a{color:var(--primary)}.operator-table{width:100%;border-collapse:collapse;margin:20px 0}.operator-table th,.operator-table td{text-align:right;padding:10px 7px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.operator-content{max-width:1000px;margin:auto;background:var(--paper);padding:22px;border-radius:15px}.operator-content h2{font-size:18px;font-weight:500;margin-top:28px}
@media(max-width:650px){body{padding:12px 8px 25px}.placement-app{padding:14px;border-radius:12px}header p{margin-bottom:18px}.editor-layout{grid-template-columns:minmax(0,1fr);gap:25px}.garment-stage{max-width:470px;margin:auto}.selection-fields{gap:9px}.order-column{border-top:1px solid var(--line);padding-top:20px}.operator-content{padding:12px}.operator-table th,.operator-table td{font-size:12px;padding:9px 4px}}
#retailer-size-note{margin:0 0 16px}