:root{color:#f5f7fa;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,122,0,.08),transparent 28%),linear-gradient(180deg,#11141a,#0f1115 44%,#0b0d11)}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.module-nav,.production-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.module-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #303642;border-radius:6px;background:#1f242c;color:#f5f7fa;cursor:pointer;font-size:.88rem;font-weight:900;padding:8px 14px;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.module-tab:hover{border-color:#ff7a00;background:#262d37}.module-tab:active{transform:translateY(1px)}.module-tab--selected{border-color:#ff7a00;background:#ff7a0029;color:#ffbf86;box-shadow:0 0 0 1px #ff7a0033}.module-tab--disabled,.module-tab:disabled{border-color:#303642;background:#171a20;color:#727c88;cursor:not-allowed;opacity:.72}.topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.brand-title{display:grid;gap:6px;min-width:0}.brand-mark{display:flex;align-items:center;min-height:34px}.brand-mark img{display:block;width:clamp(180px,17vw,240px);height:auto;max-height:48px;object-fit:contain;object-position:left center}.brand-mark span{color:#ff9a3d;font-size:.78rem;font-weight:900;letter-spacing:0}.tool-version{color:#a7b0ba;font-size:.8rem;font-weight:800;white-space:nowrap}.eyebrow{margin:0 0 4px;color:#ff9a3d;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f5f7fa;font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:1.05}h2{margin-bottom:0;color:#f5f7fa;font-size:1rem;line-height:1.2}h3{margin-bottom:0;color:#f5f7fa;font-size:.95rem;line-height:1.2}.status-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:.88rem;font-weight:800;white-space:nowrap}.status-pill--ok{color:#101318;background:#ff7a00;border-color:#ff9a3d;box-shadow:0 0 24px #ff7a003d}.status-pill--warn{color:#fff4e8;background:#ff7a002e;border-color:#ff7a00}.workspace-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:20px;align-items:start;min-height:0}.control-panel,.preview-panel,.info-panel{border:1px solid #303642;border-radius:8px;background:#171a20;box-shadow:0 24px 60px #00000047}.control-panel{display:grid;gap:16px;padding:20px;min-height:0}.preview-column{display:grid;align-self:start;gap:18px;min-height:0}.preview-panel{display:grid;gap:18px;padding:20px;min-height:0}.panel-heading,.section-heading{display:flex;align-items:center;min-height:32px}.panel-heading--split{justify-content:space-between;gap:16px}.panel-heading p{margin:4px 0 0;color:#a7b0ba;font-size:.9rem}.loading-label{color:#ff9a3d;font-size:.86rem;font-weight:800;white-space:nowrap}.field{display:grid;gap:7px;min-width:0}.field span{color:#d9dee6;font-size:.88rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid #303642;border-radius:6px;background:#1f242c;color:#f5f7fa;outline:none;padding:9px 11px;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#727c88}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a002e}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-action{display:flex;align-items:end;min-width:0}.compact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-section{display:grid;gap:8px}.choice-section h3{color:#d9dee6;font-size:.88rem}.choice-row,.preset-row{display:flex;flex-wrap:wrap;gap:8px}.choice-chip,.preset-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #303642;border-radius:999px;background:#1f242c;color:#f5f7fa;cursor:pointer;font-size:.86rem;font-weight:800;padding:7px 13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.choice-chip:hover,.preset-chip:hover{border-color:#ff9a3db8;background:#242a33}.choice-chip:disabled,.preset-chip:disabled{border-color:#303642;background:#1a1e25;color:#727c88;cursor:not-allowed;opacity:.72}.choice-chip:active,.preset-chip:active{transform:translateY(1px)}.choice-chip--selected,.preset-chip--selected{border-color:#ff7a00;background:#ff7a0029;color:#ffbf86;box-shadow:0 0 0 1px #ff7a003d,0 0 18px #ff7a0024}.preset-chip{border-radius:6px;color:#d9dee6}.style-section,.set-plate-section{display:grid;gap:12px;border-top:1px solid #303642;padding-top:16px}.style-group{display:grid;gap:8px}.style-group-label{margin:0;color:#a7b0ba;font-size:.78rem;font-weight:800;text-transform:uppercase}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:52px;border:1px solid #303642;border-radius:7px;background:#1f242c;color:#f5f7fa;cursor:pointer;padding:8px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.style-card:hover{border-color:#ff9a3db8;background:#242a33}.style-card:active{transform:translateY(1px)}.style-card--selected{border-color:#ff7a00;background:#251d15;box-shadow:0 0 0 1px #ff7a0047,0 0 22px #ff7a002e}.material-swatch{display:block;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:6px;box-shadow:inset 0 1px #ffffff38}.style-card-label{color:#f5f7fa;font-size:.84rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.button-row{display:grid;grid-template-columns:1fr;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #ff7a00;border-radius:6px;background:#ff7a00;color:#101318;cursor:pointer;font-weight:900;padding:10px 14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.button:hover{border-color:#ff9a3d;background:#ff9a3d}.button:disabled{border-color:#303642;background:#2a3039;color:#747f8c;cursor:not-allowed;opacity:.72}.button:disabled:hover{border-color:#303642;background:#2a3039}.button:active{transform:translateY(1px)}.button--secondary{border-color:#3d4654;background:#1f242c;color:#f5f7fa}.button--secondary:hover{border-color:#ff7a00;background:#262d37}.button--compact{width:100%;min-height:42px;padding:9px 12px;font-size:.86rem}.panel-heading .button--compact{width:auto;min-height:34px;white-space:nowrap}.preview-stage{display:grid;min-height:390px;place-items:center;overflow:auto;border-radius:8px;border:1px solid var(--preview-stage-border, #9aa4af);background:linear-gradient(145deg,var(--preview-bg-start, #e4e7eb) 0%,var(--preview-bg-end, #cfd5dc) 100%);box-shadow:inset 0 1px 0 var(--preview-stage-highlight, rgba(255, 255, 255, .58)),inset 0 -18px 40px #0f172a14;padding:28px}.plate-svg{display:block;width:min(100%,980px);height:auto;filter:drop-shadow(0 16px 18px var(--preview-stage-shadow, rgba(15, 23, 42, .2)))}.preview-error{max-width:520px;border:1px solid #ff7a00;border-radius:6px;background:#0f1115db;color:#ffd2aa;font-size:.95rem;font-weight:900;line-height:1.45;padding:18px 20px;text-align:center;box-shadow:0 18px 36px #0f11153d}.plate-set-preview{display:grid;justify-items:center;gap:24px;width:min(100%,980px)}.plate-set-item{display:grid;justify-items:center;gap:8px;max-width:100%;min-width:0}.plate-set-item .plate-svg{width:100%;max-width:100%}.plate-set-label{color:var(--preview-label-color, #111318);font-size:.78rem;font-weight:900;text-transform:uppercase}.info-panel{padding:14px;background:#1f242c;box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}.metric-grid div{min-width:0;border-left:2px solid #ff7a00;padding-left:9px}.metric-grid dt{color:#a7b0ba;font-size:.74rem;font-weight:800}.metric-grid dd{margin:2px 0 0;color:#f5f7fa;font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.warning-box{border:1px solid #ff7a00;border-radius:6px;background:#ff7a001f;color:#ffd2aa;font-size:.9rem;font-weight:800;padding:11px 12px}.warning-box--compact{margin-top:14px}.production-layout{display:grid;gap:16px;min-height:0;overflow:auto;overscroll-behavior:contain}.production-tabs{margin-bottom:0}.production-layout-grid{display:grid;gap:18px}.production-card{display:grid;gap:18px;border:1px solid #303642;border-radius:8px;background:#171a20;box-shadow:0 24px 60px #00000047;padding:20px}.production-card .panel-heading p{margin:4px 0 0;color:#a7b0ba;font-size:.9rem}.production-field-grid{display:grid;gap:14px}.production-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.production-field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.production-field-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.readonly-field{display:flex;align-items:center;min-height:42px;border:1px solid #303642;border-radius:6px;background:#1f242c;color:#d9dee6;font-size:.88rem;font-weight:800;overflow-wrap:anywhere;padding:9px 11px}.production-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.production-actions--footer{justify-content:flex-end;border-top:1px solid #303642;padding-top:16px}.production-actions--compact{justify-content:flex-end}.production-actions .button{min-width:150px}.button-row--inline{grid-template-columns:auto;justify-content:start}.order-group-stack,.board-line-stack,.today-order-list,.order-detail{display:grid;gap:12px}.order-group-card,.board-line-card,.today-order-card{border:1px solid #303642;border-radius:8px;background:#1b2028}.order-group-header,.board-line-heading,.today-order-main,.today-order-title,.today-order-meta,.production-subheading{display:flex;align-items:center;gap:12px}.order-group-header{min-height:58px;padding:10px 12px}.group-toggle{display:inline-flex;align-items:center;gap:10px;min-width:0;border:0;background:transparent;color:#f5f7fa;cursor:pointer;font-weight:900;padding:0;text-align:left}.group-toggle span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #3d4654;border-radius:6px;background:#1f242c;color:#ffbf86;flex:0 0 auto}.group-toggle em{color:#ffbf86;font-size:.78rem;font-style:normal;font-weight:900;text-transform:uppercase;white-space:nowrap}.group-toggle strong{overflow-wrap:anywhere}.group-summary-meta{margin-left:auto;color:#a7b0ba;font-size:.84rem;font-weight:800;white-space:nowrap}.order-group-body{display:grid;gap:16px;border-top:1px solid #303642;padding:14px}.production-subheading{justify-content:space-between}.production-subheading h4,.board-line-heading h4,.order-detail-group h4{margin:0;color:#f5f7fa;font-size:.9rem}.production-subheading span{color:#a7b0ba;font-size:.82rem;font-weight:800}.character-matrix{display:grid;gap:10px}.bulk-quantity-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;align-items:end;gap:10px;border:1px solid #303642;border-radius:8px;background:#202630;padding:10px}.bulk-quantity-presets{display:flex;flex-wrap:wrap;gap:7px}.bulk-quantity-presets .preset-chip{min-width:52px;min-height:42px}.bulk-quantity-actions{display:flex;gap:8px}.bulk-quantity-actions .button{white-space:nowrap}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.character-cell{display:grid;gap:7px;min-height:76px;border:1px solid #303642;border-radius:7px;background:#202630;padding:8px}.character-cell--active{border-color:#ff7a00c7;background:#ff7a001a}.character-cell--selected{border-color:#ffbf86;background:#ffbf8624;box-shadow:0 0 0 1px #ffbf8629}.character-select-button{display:grid;gap:3px;width:100%;min-height:38px;border:1px solid #3d4654;border-radius:6px;background:#171a20;color:#f5f7fa;cursor:pointer;padding:5px}.character-select-button[aria-pressed=true]{border-color:#ff7a00;background:#ff7a0029}.character-select-button strong{color:#f5f7fa;font-size:1rem;line-height:1;text-align:center}.character-select-button span{color:#a7b0ba;font-size:.62rem;font-weight:900;line-height:1;text-align:center;text-transform:uppercase}.character-select-button[aria-pressed=true] span{color:#ffbf86}.quantity-stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:5px}.quantity-stepper button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #3d4654;border-radius:6px;background:#171a20;color:#f5f7fa;cursor:pointer;font-weight:900}.quantity-stepper button:disabled{color:#5d6672;cursor:not-allowed;opacity:.7}.quantity-stepper span{display:block;color:#ffbf86;font-size:.9rem;font-weight:900;text-align:center}.board-line-card{display:grid;gap:12px;background:#202630;padding:12px}.board-line-heading{justify-content:space-between}.danger-button{border-color:#6b3030;color:#ffd2d2}.danger-button:hover{border-color:#ff7a7a}.order-status{display:inline-flex;align-items:center;min-height:28px;border:1px solid #3d4654;border-radius:999px;color:#d9dee6;font-size:.76rem;font-weight:900;padding:5px 10px;white-space:nowrap}.order-status--draft{border-color:#596270;background:#59627029}.order-status--submitted{border-color:#ff7a00;background:#ff7a0024;color:#ffbf86}.order-status--in_layout{border-color:#29b6f6;background:#29b6f624;color:#aee4ff}.order-status--completed{border-color:#43a047;background:#43a04724;color:#b8f5ba}.empty-state{border:1px dashed #3d4654;border-radius:8px;color:#a7b0ba;font-size:.9rem;font-weight:800;padding:18px;text-align:center}.today-order-card{display:grid;gap:12px;padding:14px}.today-order-main{align-items:flex-start;justify-content:space-between}.today-order-main p{margin:5px 0 0;color:#a7b0ba;font-size:.88rem;font-weight:700}.today-order-title{flex-wrap:wrap}.today-order-title h3{margin:0}.today-order-meta{align-items:flex-end;flex-direction:column;color:#a7b0ba;font-size:.82rem;font-weight:800;white-space:nowrap}.order-detail{border-top:1px solid #303642;padding-top:12px}.order-detail h4,.order-detail p{margin:0}.order-detail p{color:#a7b0ba;font-size:.88rem}.order-detail-group{display:grid;gap:8px;border:1px solid #303642;border-radius:7px;background:#202630;padding:12px}.quantity-chip-row{display:flex;flex-wrap:wrap;gap:6px}.quantity-chip{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(255,122,0,.46);border-radius:6px;background:#ff7a001a;color:#ffd2aa;font-size:.8rem;font-weight:900;padding:4px 8px}.muted-text,.detail-note{color:#a7b0ba;font-size:.86rem}.board-detail-table{display:grid;gap:7px}.board-detail-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .55fr 1fr;gap:8px;align-items:center;border:1px solid #303642;border-radius:6px;color:#d9dee6;font-size:.82rem;padding:8px}.warning-box--danger{border-color:#d65f5f;background:#d65f5f21;color:#ffd6d6}.letter-layout-note{border:1px solid rgba(41,182,246,.28);border-radius:7px;background:#29b6f617;color:#c8ecff;font-size:.9rem;line-height:1.45;padding:10px 12px}.letter-layout-results{display:grid;gap:16px}.letter-layout-group{display:grid;gap:14px;border:1px solid #303642;border-radius:8px;background:#171a20;box-shadow:0 24px 60px #00000038;padding:16px}.letter-layout-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.letter-layout-group-header h3,.letter-layout-group-header p{margin:0}.letter-layout-group-header p{margin-top:5px;color:#a7b0ba;font-size:.88rem}.layout-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.layout-stat-grid div{display:grid;gap:3px;border:1px solid #303642;border-radius:7px;background:#202630;padding:10px}.layout-stat-grid span{color:#a7b0ba;font-size:.78rem;font-weight:800;text-transform:uppercase}.layout-stat-grid strong{color:#f5f7fa;font-size:1rem}.letter-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.letter-sheet-card{display:grid;gap:8px;min-width:0;border:1px solid #303642;border-radius:8px;background:#202630;padding:10px}.letter-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d9dee6;font-size:.88rem}.letter-sheet-heading span{color:#a7b0ba;font-size:.8rem;font-weight:800}.letter-sheet-preview{overflow:auto;border:1px solid #303642;border-radius:6px;background:#f7f8fa;padding:8px}.letter-sheet-preview svg{display:block;width:100%;min-width:240px;height:auto}.letter-sheet-boundary{fill:#fff;stroke:#1c2128;stroke-width:.8}.letter-safe-boundary{fill:none;stroke:#8a94a2;stroke-width:.55;stroke-dasharray:4 4}.letter-sheet-label{fill:#20242a;font-size:8px;font-weight:800}.letter-preview-legend rect:first-child{fill:#ffffffdb;stroke:#20242a40;stroke-width:.6}.letter-preview-legend text{fill:#20242a;font-size:7px;font-weight:700}@media (min-width: 1000px){body{overflow:hidden}.app-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100vh;overflow:hidden}.workspace-grid{grid-template-columns:minmax(320px,430px) minmax(0,1fr);height:100%;overflow:hidden}.control-panel{max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.preview-column{position:sticky;top:24px;align-self:start;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.preview-stage{min-height:clamp(300px,42vh,520px)}}@media (max-width: 999px){body{overflow:auto}.workspace-grid{grid-template-columns:1fr}.production-layout{overflow:visible}.production-card{padding:14px}.production-field-grid--three,.production-field-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.order-group-header,.today-order-main{align-items:stretch;flex-direction:column}.group-summary-meta{margin-left:0;white-space:normal}.production-actions,.production-actions--footer,.production-actions--compact{justify-content:stretch}.production-actions .button{flex:1 1 180px}.layout-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-layout-group-header{align-items:stretch;flex-direction:column}.bulk-quantity-panel{grid-template-columns:1fr;align-items:stretch}.bulk-quantity-actions{flex-wrap:wrap}.bulk-quantity-actions .button{flex:1 1 180px}.board-detail-row{grid-template-columns:1fr}.preview-column{display:contents}.preview-panel{order:1;position:sticky;top:8px;z-index:30;gap:10px;padding:12px;background:#171a20}.preview-panel .panel-heading{min-height:0}.preview-panel .panel-heading p{display:none}.preview-stage{height:clamp(220px,34vh,280px);min-height:0;overflow:hidden;padding:8px}.preview-stage:has(.plate-set-preview){height:auto;min-height:clamp(320px,56vw,540px);overflow:visible;padding:12px}.preview-stage .plate-svg{width:auto;max-width:100%;max-height:100%}.plate-set-preview{align-content:center;gap:8px;height:auto;width:100%}.plate-set-item{gap:4px}.plate-set-label{font-size:.68rem;line-height:1}.info-panel{order:2}.control-panel{order:3;gap:12px;padding:14px}.field-grid{gap:10px}.choice-section,.style-group{gap:6px}.style-section,.set-plate-section{gap:10px;padding-top:12px}.choice-row,.preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-chip,.preset-chip{width:100%;min-height:36px;padding:6px 9px;white-space:normal;line-height:1.15;text-align:center}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{grid-template-columns:28px minmax(0,1fr);gap:7px;min-height:46px;padding:7px}.material-swatch{width:28px;height:28px}.style-card-label{font-size:.8rem;line-height:1.12}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.control-panel>.panel-heading,.control-panel>.field,.control-panel>.field-grid,.control-panel>.compact-options,.control-panel>.choice-section,.control-panel>.set-plate-section,.control-panel>.style-section,.control-panel>.warning-box,.control-panel>.button-row{grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media (max-width: 720px){.app-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.brand-mark img{width:clamp(150px,48vw,190px);max-height:42px}.field-grid,.compact-options,.production-field-grid--two,.production-field-grid--three,.production-field-grid--four,.layout-stat-grid{grid-template-columns:1fr}.module-nav,.production-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.module-tab{width:100%;min-height:40px;padding:7px 9px;text-align:center}.production-subheading,.board-line-heading{align-items:stretch;flex-direction:column}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-stage{height:clamp(210px,34vh,260px);min-height:0;padding:10px}.plate-set-preview{gap:7px}}@media (max-width: 999px) and (orientation: portrait){.preview-panel{gap:6px;padding:8px;top:4px}.preview-panel .panel-heading{min-height:24px}.preview-panel h2{font-size:.92rem}.preview-stage{height:clamp(120px,17vh,150px);padding:2px}.preview-stage:has(.plate-set-preview){height:auto;min-height:clamp(210px,52vw,360px);overflow:visible;padding:4px 2px 10px}.preview-stage:has(.plate-set-preview) .plate-set-preview{align-content:center;gap:2px;height:auto;width:min(92%,430px)}.preview-stage:has(.plate-set-preview) .plate-set-item{gap:1px}.preview-stage:has(.plate-set-preview) .plate-set-label{font-size:.48rem;line-height:.9}.preview-stage:has(.plate-set-preview) .plate-set-item .plate-svg{width:100%;max-height:none}}@media (max-width: 999px) and (orientation: landscape) and (max-height: 560px){.preview-panel{position:static;top:auto;gap:6px;padding:8px}.preview-stage{height:auto;max-height:none;min-height:0;overflow:visible;padding:6px}.preview-stage:has(.plate-set-preview){height:auto;min-height:0;overflow:visible}.plate-set-preview{gap:1px;height:auto;width:min(98%,760px,calc((100vh - 104px)*1.5))}.preview-stage:has(.plate-set-preview) .plate-set-preview{height:auto;width:min(98%,760px,calc((100vh - 104px)*1.5))}.preview-stage:has(.plate-set-preview) .plate-set-item{gap:1px}.preview-stage:has(.plate-set-preview) .plate-set-label{font-size:.52rem;line-height:.95}.preview-stage .plate-set-item .plate-svg{width:100%;max-height:none}}@media (max-width: 420px){.metric-grid{grid-template-columns:1fr}}