.media-stage{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--bg-sunken) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-sunken) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-sunken) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-sunken) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);min-height:280px;overflow:hidden}.media-stage canvas{max-width:100%;max-height:62vh;height:auto;display:block;box-shadow:0 2px 14px rgba(0,0,0,.25);background:#fff;border-radius:inherit}.media-stage.is-empty{color:var(--text-mute);font-size:var(--fs-sm);text-align:center}.dim-chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.dim-chip{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-soft);padding:6px 12px;font-size:var(--fs-xs);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.dim-chip:hover{border-color:var(--signal)}.dim-chip.is-active{border-color:var(--signal);background:var(--signal);color:#fff}.dim-chip small{opacity:.75;margin-left:4px}.bg-swatches{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-top:var(--s-2)}.bg-swatch{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;padding:0;position:relative}.bg-swatch.is-active{box-shadow:0 0 0 2px var(--signal)}.bg-swatch.is-transparent{background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#fff}.sheet-preview{margin-top:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-3);background:var(--bg-sunken)}.sheet-preview img,.sheet-preview canvas{max-width:100%;height:auto;display:block;margin:0 auto;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.15)}.media-hint{font-size:var(--fs-xs);color:var(--text-mute);margin-top:var(--s-2)}.guide-toggles{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3)}@media (max-width:640px){.media-stage canvas{max-height:48vh}}.pdf-progress{height:8px;border-radius:var(--r-pill);background:var(--bg-sunken);overflow:hidden;margin-top:var(--s-3)}.pdf-progress>span{display:block;height:100%;width:30%;background:var(--signal);animation:mt-indeterminate 1s ease-in-out infinite}@keyframes mt-indeterminate{0%{margin-left:-30%}100%{margin-left:100%}}