.cdt-tool .cdt-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:880px){.cdt-tool .cdt-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr);align-items:start}.cdt-tool .cdt-preview{position:sticky;top:16px}}.cdt-tool .cdt-help{color:var(--muted);font-size:12px;line-height:1.5}.cdt-tool .cdt-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cdt-tool .cdt-check label{color:var(--ink);font:14px var(--font-dm-sans);letter-spacing:0;text-transform:none;align-items:center;gap:8px;display:flex}.cdt-tool .cdt-check input{width:18px;height:18px;accent-color:var(--ink);margin:0}.cdt-tool .field input[type=file]{padding:8px;font-size:13px}.cdt-tool .tool-actions button{color:var(--ink)}.cdt-tool .tool-actions button.primary,.cdt-tool .tool-actions button:hover{color:var(--surface)}.cdt-tool .cdt-swatches{border:0;min-width:0;margin:0 0 14px;padding:0}.cdt-tool .cdt-swatches legend{margin-bottom:6px;padding:0}.cdt-tool .cdt-swatches>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cdt-tool .cdt-swatch{cursor:pointer;gap:4px;font-size:12px;display:grid;position:relative}.cdt-tool .cdt-swatch input{opacity:0;width:1px;height:1px;position:absolute}.cdt-tool .cdt-swatch span{border:1px solid var(--line);height:38px;font:600 15px var(--font-fraunces);align-items:center;padding:0 8px;display:flex;position:relative}.cdt-tool .cdt-swatch span i{border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px}.cdt-tool .cdt-swatch input:checked+span{outline:2px solid var(--ink);outline-offset:2px}.cdt-tool .cdt-swatch input:focus-visible+span{outline:2px dashed var(--ink);outline-offset:3px}.cdt-tool .cdt-preview{gap:20px;min-width:0;display:grid}.cdt-tool .cdt-stage{min-width:0;margin:0}.cdt-tool .cdt-stage figcaption{color:var(--muted);font:10px var(--font-dm-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.cdt-tool .cdt-stage-frame{border:1px solid var(--line);background:var(--paper);padding:12px;container-type:inline-size}.cdt-tool .cdt-stage-frame.cdt-narrow{max-width:440px}.cdt-sheet{--u:min(1mm,calc(100cqw/var(--sheet-w)));width:calc(var(--sheet-w)*var(--u));height:calc(var(--sheet-h)*var(--u));-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;position:relative}.cdt-sheet .cdt-art{position:absolute;overflow:hidden}.cdt-sheet .cdt-trim{position:absolute}.cdt-sheet .cdt-panel{position:absolute;top:0;left:0}.cdt-sheet .cdt-image{object-fit:cover;border:0;max-width:none;display:block;position:absolute}.cdt-sheet .cdt-disc{border-radius:50%;position:absolute}.cdt-sheet .cdt-front-text{position:absolute}.cdt-sheet p{margin:0}.cdt-sheet .cdt-mono{font-family:var(--font-dm-mono),ui-monospace,monospace;text-transform:uppercase}.cdt-sheet .cdt-tracks{margin:0;padding:0;list-style:none;overflow:hidden}.cdt-sheet .cdt-tracks li{break-inside:avoid;white-space:nowrap;gap:.6em;display:flex}.cdt-sheet .cdt-num{font-family:var(--font-dm-mono),ui-monospace,monospace;flex:none}.cdt-sheet .cdt-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cdt-sheet .cdt-len{font-family:var(--font-dm-mono),ui-monospace,monospace;opacity:.8;flex:none}.cdt-sheet .cdt-spine{writing-mode:vertical-rl;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.cdt-sheet .cdt-marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cdt-sheet .cdt-block{flex-direction:column;display:flex;position:absolute;overflow:hidden}.cdt-print-root{display:none}.cdt-print-root .cdt-sheet{--u:1mm;flex:none}.cdt-print-root .cdt-page{--u:1mm;break-after:page;color:#111;font-family:var(--font-dm-sans),Arial,sans-serif;flex-direction:column;align-items:flex-start;display:flex}.cdt-print-root .cdt-page:last-child{break-after:auto}.cdt-print-root .cdt-row{align-items:flex-start;gap:3mm;display:flex}.cdt-print-root .cdt-note{line-height:1.4}.cdt-print-root .cdt-note p{margin:0 0 2mm}.cdt-print-root .cdt-ruler{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#111;margin:0 0 3mm;display:block}@media print{body:has(>.cdt-print-root){background:#fff!important}body:has(>.cdt-print-root)>:not(.cdt-print-root){display:none!important}.cdt-print-root{display:block}}
