:root{color:#1d1d1b;background:#f4f2ee;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--color-dough: #FBFAF5;--color-ember: #A6431D;--color-ink-black: #232023;--color-petrol: #064564;--color-dough: color(display-p3 .984 .98 .961);--color-ember: color(display-p3 .651 .263 .114);--color-ink-black: color(display-p3 .137 .125 .137);--color-petrol: color(display-p3 .024 .271 .392);--line: var(--color-petrol);--ink: var(--color-ink-black);--muted: var(--color-ember);--surface: var(--color-dough);--panel: var(--color-dough)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,select,input{font:inherit}body{overflow:hidden}.app{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:100vh;background:var(--surface)}.product-stage{position:relative;min-width:0;min-height:100vh}.viewer-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-dough);background-position:center;background-size:cover;image-rendering:pixelated}.viewer-artwork-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-size:cover;image-rendering:pixelated;opacity:0;pointer-events:none}.viewer-artwork-backdrop[data-visible=true]{opacity:1}.viewer-shell canvas{position:relative;z-index:1;cursor:grab}.viewer-shell[data-initial-ready=false] canvas{visibility:hidden}.viewer-shell canvas:active{cursor:grabbing}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#2d2d2d4d;pointer-events:none}.viewer-spinner{width:64px;height:64px;border:8px solid rgba(200,200,200,.2);border-top-color:var(--color-petrol);border-radius:999px;animation:viewer-spin .72s linear infinite}@keyframes viewer-spin{to{transform:rotate(360deg)}}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);cursor:pointer}.icon-button[aria-pressed=true]{color:var(--color-petrol)}.icon-button[aria-pressed=true] .background-toggle-off,.icon-button[aria-pressed=false] .background-toggle-on{display:none}.viewer-actions{position:absolute;z-index:6;right:22px;bottom:22px;display:flex;gap:10px}.control-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:100%;min-height:100vh;max-height:100vh;padding:0;background:var(--panel);overflow-y:auto}.panel-heading{position:sticky;top:0;display:grid;gap:8px;background:var(--panel);padding:16px}h1{margin:0;color:var(--ink);font-size:1rem;font-weight:560;line-height:1.2;letter-spacing:0}h6{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.artwork-list{display:grid;align-content:start;gap:24px;padding:16px}.artwork-list-item{width:100%;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;margin:0;border:none;background:transparent}.artwork-list-item[aria-selected=true],.artwork-list-item:focus-visible{outline:2px solid var(--line);outline-offset:4px}.artwork-list-item img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;image-rendering:pixelated;background:#eeeae1;margin-bottom:8px}.artwork-list-item span{overflow:hidden;font-size:.82rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.knit-debug-panel{display:grid;gap:14px;max-height:min(52vh,520px);overflow:auto;border-top:1px solid var(--line);padding-top:16px}.knit-debug-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.knit-debug-heading h2{margin:0;font-size:.86rem;font-weight:620;letter-spacing:0}.knit-debug-heading button{min-height:30px;border:1px solid var(--line);border-radius:4px;padding:0 10px;color:var(--ink);background:transparent;cursor:pointer}.knit-control-list{display:grid;gap:12px}.knit-control{display:grid;gap:7px;color:var(--muted);font-size:.76rem}.knit-control span{display:flex;justify-content:space-between;gap:12px}.knit-control output{min-width:42px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.knit-control input{width:100%;accent-color:#0b6d77}.knit-number-input{min-height:30px;border:1px solid var(--line);border-radius:4px;padding:0 8px;color:var(--ink);background:var(--panel)}@media(max-width:820px){body{overflow:auto}.app{grid-template-columns:1fr}.product-stage{min-height:72vh}.control-panel{justify-content:flex-start;grid-template-rows:auto auto auto;min-height:auto;max-height:none}.artwork-list{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding:16px}.knit-debug-panel{max-height:none}}@media(max-width:520px){.product-stage{min-height:66vh}.viewer-actions{right:16px;bottom:16px}}