:root{color-scheme:dark;--bg:#0e1b20;--panel:#15272d;--line:#304b52;--ink:#f3ecdf;--muted:#a8bfc2;--gold:#e5bd73;--mint:#86d4c4;--radius:14px;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select{font:inherit}button,select,input[type=search]{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#14272d;color:var(--ink)}button{padding:9px 14px;cursor:pointer}button:hover{background:#213a40;border-color:#76979b}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button.primary{background:var(--gold);border-color:var(--gold);color:#172329;font-weight:700}.danger{color:#ffb8a9}.masthead{display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font:30px/1.1 Georgia,serif}.brand span{display:block;font:9px/1.5 system-ui;letter-spacing:.22em;color:var(--gold);margin-top:5px}.save-status{margin-left:auto;color:var(--mint);font-size:13px}.save-status.error{color:#ffb8a9}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px 14px}h1{font:30px/1.2 Georgia,serif;margin:0 0 6px}h2{font:27px/1.2 Georgia,serif;margin:0}p{margin:8px 0;color:var(--muted)}.history{display:flex;gap:6px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;padding:0 28px 24px;min-height:600px}.canvas-panel{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;background:#0a1519;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.library-panel{grid-column:1;grid-row:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;max-height:calc(100dvh - 180px);min-height:500px}.piece-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line)}.piece-bar label{display:flex;align-items:center;gap:8px;flex:1;min-width:160px;color:var(--muted)}.piece-bar select{max-width:100%;width:100%;min-width:0;padding:8px}.face-tabs{display:flex;gap:4px}.face-tabs button[aria-pressed=true],.tool-tabs button[aria-pressed=true]{border-color:var(--gold);background:#3a3b2c;color:var(--gold)}.face-viewport{flex:1;min-height:350px;height:calc(100dvh - 350px);max-height:720px;overflow:hidden;position:relative;touch-action:none;background:radial-gradient(ellipse at center,#192c32,#0b171c)}.face-canvas{position:absolute;inset:20px;display:flex;justify-content:center;align-items:center;transform-origin:center;will-change:transform}.face-canvas>svg{max-width:100%;max-height:100%;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 14px #0007)}.face-canvas svg image{pointer-events:none}.face-canvas svg [data-hit]{fill:transparent;stroke:none;pointer-events:all;cursor:grab}.face-canvas svg [data-selection]{fill:none;stroke:#9ce3d8;stroke-width:.5;vector-effect:non-scaling-stroke;pointer-events:none;stroke-dasharray:2 1}.face-canvas svg .drag-ghost{opacity:.8;pointer-events:none}.face-viewport.pan{cursor:grab}.face-viewport.placing{cursor:crosshair}#canvasEmpty{position:absolute;inset:40% 20px auto;text-align:center;pointer-events:none}.canvas-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{padding:6px 10px;min-width:40px}.zoom-controls button[aria-pressed=true]{border-color:var(--mint)}.hd-control{display:flex;align-items:center;gap:4px}.canvas-hint{padding:0 12px 10px;margin:0;font-size:12px}.stamp-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 12px;background:#1b3339;border-top:1px solid var(--line)}.stamp-tools strong{font-size:12px;max-width:200px}.stamp-tools label{display:flex;align-items:center;gap:5px;font-size:12px}.stamp-tools input{width:100px;accent-color:var(--gold)}.stamp-tools button{font-size:12px;min-height:40px;padding:6px 10px}.tool-tabs{display:flex;gap:4px;margin-bottom:12px}.tool-tabs button{flex:1;font-size:12px;padding:8px 6px}.search-field{display:block}.search-field input{width:100%;padding:10px 12px}.library-filters{display:flex;gap:6px;margin:8px 0}.library-filters select{flex:1;min-width:0;padding:5px}.library-filters button{font-size:12px}.material-scope{display:flex;gap:6px;align-items:end}.material-scope label{font-size:11px;color:var(--muted);flex:1}.material-scope select{display:block;width:100%;min-width:0;font-size:12px;padding:5px}.material-scope button{font-size:11px;padding:7px}.muted{color:var(--muted);font-size:12px}.library-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;align-content:start;min-height:100px;flex:1;padding:3px}.asset-card{display:flex;flex-direction:column;align-items:stretch;padding:6px;text-align:left;min-width:0;background:#102026;overflow:hidden;min-height:134px}.asset-card img{height:88px;width:100%;object-fit:cover;border-radius:5px;background:#0b191d;pointer-events:none}.asset-card.stamp img{object-fit:contain}.asset-card span{font-size:11px;line-height:1.3;padding:6px 2px 2px}.asset-card[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.library-footnote{font-size:11px;margin:12px 0 0}.more-assets{margin-top:8px}.layer-list{overflow:auto;min-height:100px}.layer-row{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:7px;text-align:left}.layer-row img{width:44px;height:44px;object-fit:contain}.layer-row span{font-size:12px}.notice{background:#382f21;border:1px solid #8d7449;border-radius:10px;margin:0 28px 14px;padding:10px 14px;color:#ffe4aa}.entry-state{max-width:650px;text-align:center;margin:12vh auto;padding:28px}.entry-state h1{font-size:40px;margin:12px 0}.entry-state button{margin-top:18px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--gold)}dialog{width:min(900px,calc(100vw - 32px));max-height:90dvh;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-head button{font-size:22px;min-width:44px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-24px;background:var(--panel);padding:14px 0}.review-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:45dvh;overflow:auto;margin:18px 0}.review-piece{padding:12px;text-align:left;min-height:90px}.review-piece strong,.review-piece span{display:block}.review-piece strong{font-size:12px}.review-piece span{font-size:11px;color:var(--muted)}.confirm{display:flex;gap:10px;align-items:start;margin:16px 0}.confirm input{width:20px;height:20px;accent-color:var(--gold);flex:none}.error{color:#ffb8a9}.preview-dialog{width:min(1100px,calc(100vw - 24px))}#previewStage{height:min(65dvh,650px);position:relative}#previewStage canvas{display:block}.expanded-library{width:min(1200px,calc(100vw - 24px));height:90dvh}#expandedContent{height:calc(100% - 65px);display:flex;flex-direction:column}#expandedContent .library-cards{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));overflow:auto}#expandedContent .library-filters{max-width:600px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.workspace{grid-template-columns:260px minmax(0,1fr);padding:0 16px 20px;gap:12px}.masthead{padding:12px 16px;gap:12px}.title-row{padding:14px 16px}.brand{font-size:24px}.piece-bar #preview3d{font-size:12px}.library-panel{padding:10px}.face-viewport{height:50dvh}.review-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.masthead{gap:8px;flex-wrap:wrap;padding:12px}.brand{font-size:23px}.brand span{font-size:8px}.masthead .primary{font-size:12px;padding:8px 10px}.save-status{font-size:11px}.title-row{padding:12px;gap:10px}.title-row h1{font-size:23px}.title-row p{font-size:12px}.history button{font-size:11px;padding:6px 8px}.workspace{display:flex;flex-direction:column;padding:0 10px 20px;gap:12px;min-height:0}.canvas-panel{min-height:0}.piece-bar{gap:6px;padding:8px}.piece-bar label{font-size:11px;flex-basis:100%;display:flex}.piece-bar label select{font-size:12px}.piece-bar #preview3d{margin-left:auto;font-size:11px}.face-tabs button{font-size:12px;padding:6px 12px}.face-viewport{height:43dvh;min-height:270px;max-height:520px}.face-canvas{inset:12px}.canvas-footer{gap:6px;padding:7px}.hd-control{font-size:10px}.zoom-controls{gap:3px}.canvas-footer>span{width:100%}.canvas-hint{font-size:11px}.library-panel{max-height:70dvh;min-height:380px;padding:12px}.library-cards{grid-template-columns:repeat(3,minmax(0,1fr));min-height:180px}.asset-card{min-height:120px}.asset-card img{height:70px}.tool-tabs button{font-size:13px}.material-scope{margin-bottom:4px}.notice{margin:0 10px 10px;font-size:12px}.stamp-tools{gap:4px;padding:8px}.stamp-tools strong{max-width:none;width:100%}.stamp-tools button{min-height:44px}.review-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:16px}.dialog-actions{bottom:-16px;flex-wrap:wrap}.dialog-actions button{flex:1}.entry-state{margin:8vh auto;padding:24px}.entry-state h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.review-preview{height:110px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.review-preview svg{width:100%;height:100%;max-height:110px}.layer-row[aria-pressed=true]{border-color:var(--gold)}#saveStatus.error{cursor:pointer}#notice button{margin-left:12px}
.empty-material{height:88px;display:grid;place-items:center;background:repeating-conic-gradient(#20383e 0% 25%,#183036 0% 50%) 50%/18px 18px;border-radius:5px;color:#91aaa9;font-size:28px}@media(max-width:650px){.masthead{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.brand{grid-column:1;grid-row:1/3}.masthead .primary{grid-column:2;grid-row:1}.save-status{grid-column:2;grid-row:2;text-align:right}.face-viewport{height:36dvh;min-height:245px}.title-row h1{font-size:21px}.canvas-panel{position:sticky;top:8px;z-index:2}.empty-material{height:70px}}
a{color:var(--gold)}

.surface-quick-links{display:flex;gap:5px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid var(--line);flex:none}.surface-quick-links[hidden]{display:none}.surface-quick-links button{white-space:nowrap;font-size:11px;min-height:36px;padding:6px 10px}.surface-quick-links button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#323c31}@media(max-width:650px){.surface-quick-links button{min-height:44px}}