@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#20262d;background:#eef1f3;font-synthesis:none}*{box-sizing:border-box}html,#root{height:100%;overflow:hidden}body{margin:0;min-width:1080px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:66px;flex:0 0 66px;background:#fff;border-bottom:1px solid #dce1e5;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:6px}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand div{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:15px}.brand small{color:#8a949c;font-size:9px;letter-spacing:1.6px}.top-actions{display:flex;align-items:center;gap:8px}.saved-dot{font-size:12px;color:#557268;margin-right:8px}.saved-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3b8b6c;margin-right:6px}.workspace{height:calc(100vh - 66px);min-height:0;display:grid;grid-template-columns:300px minmax(480px,1fr) 330px;overflow:hidden}.panel{min-height:0;background:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.left-panel{border-right:1px solid #dce1e5}.right-panel{border-left:1px solid #dce1e5;padding-bottom:18px}.panel-head,.section-title{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 14px}.panel-head>div,.section-title>div,.viewer-toolbar>div{display:flex;align-items:center;gap:9px}h2{margin:0;font-size:14px;letter-spacing:0}.step{color:#9ba4aa;font-size:10px;font-weight:700}.select-label{display:block;font-size:11px;color:#6c767e;padding:0 18px}.select-wrap{position:relative;margin-top:7px}.select-wrap select{width:100%;height:38px;appearance:none;border:1px solid #cfd6db;border-radius:4px;padding:0 34px 0 11px;background:#fff;font-weight:600;color:#263038;outline:none}.select-wrap svg{position:absolute;right:10px;top:11px;pointer-events:none;color:#7b858d}.container-spec{margin:12px 18px 5px;background:#f4f6f7;border:1px solid #e2e6e9;border-radius:5px;display:grid;grid-template-columns:1fr 1fr}.container-spec>div{padding:11px;min-width:0}.container-spec>div+div{border-left:1px solid #dde2e5}.container-spec span,.container-spec small{display:block;font-size:9px;color:#889198}.container-spec strong{display:block;font-size:11px;margin:4px 0;white-space:nowrap}.recommendation{margin:10px 18px 0;padding:9px 10px;border:1px solid #dbe4e1;border-left:3px solid #398073;background:#f6faf8;display:flex;align-items:center;justify-content:space-between;gap:8px}.recommendation>div{display:grid;grid-template-columns:17px 1fr;align-items:center;column-gap:5px;min-width:0;color:#397166}.recommendation span{font-size:8px;color:#7b8984}.recommendation strong{grid-column:2;font-size:10px;color:#2c3935;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation .btn{min-height:28px;padding:0 9px;font-size:9px}.recommendation .btn:disabled{opacity:.45;cursor:not-allowed}.clearance-control{margin:12px 18px 0;padding:10px 11px;border:1px solid #dde2e5;border-radius:5px;background:#fafbfb}.clearance-control>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#66727a}.clearance-control output{font-weight:700;color:#344149}.clearance-control input{width:100%;height:16px;margin:6px 0 4px;accent-color:#2f786d}.clearance-control small{display:block;font-size:8px;color:#90999f;line-height:1.5}.clearance-control small+small{margin-top:2px;color:#68747c}.section-title{border-top:1px solid #edf0f2;margin-top:15px}.icon-btn{width:32px;height:32px;border:1px solid #d7dde1;border-radius:4px;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.icon-btn:hover{background:#f2f4f5}.icon-btn.add{color:#fff;background:#2c7167;border-color:#2c7167}.icon-btn.ghost{width:25px;height:25px;border:0;color:#849099;background:transparent}.icon-btn.danger:hover{color:#b84d41;background:#f9eeec}.cargo-list{padding:0 10px}.customer-control{margin:0 18px 12px;padding:10px 11px;border:1px solid #dde2e5;border-radius:5px;background:#fafbfb;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.customer-control label{min-width:0;font-size:10px;color:#657078}.customer-control .select-wrap{margin-top:6px}.customer-control .select-wrap select{height:32px;font-size:11px}.customer-control .select-wrap svg{top:8px}.customer-control .btn{height:32px;min-height:32px;padding:0 9px;font-size:10px}.customer-control small{grid-column:1 / -1;font-size:8px;color:#90999f}.cargo-item{display:grid;grid-template-columns:12px 1fr 31px 25px 25px;gap:7px;align-items:center;padding:10px 7px;border-bottom:1px solid #edf0f2;cursor:default}.cargo-item:hover{background:#f8f9fa}.swatch{width:10px;height:42px;border:0;border-radius:2px;padding:0;cursor:pointer}.cargo-main{min-width:0;display:flex;flex-direction:column;gap:2px}.cargo-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cargo-main span{font-size:10px;color:#5e6971}.cargo-main small{font-size:9px;color:#9aa2a8}.cargo-flags{display:flex!important;flex-direction:row!important;gap:3px!important;margin-top:2px}.cargo-flags i{font-style:normal;font-size:7px;line-height:15px;height:15px;padding:0 4px;border:1px solid #d8dedf;background:#f7f9f9;color:#66747a;border-radius:2px}.cargo-qty{text-align:right;display:flex;flex-direction:column}.cargo-qty strong{font-size:13px}.cargo-qty small{font-size:9px;color:#8d969c}.add-cargo{margin:13px 18px;width:calc(100% - 36px);height:38px;border:1px dashed #abb6bd;color:#526069;background:#fafbfb;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px}.cargo-empty{margin:3px 8px 0;padding:16px 10px;border:1px dashed #c7d0d5;border-radius:4px;background:#fafbfb;color:#7a858c;text-align:center;font-size:10px;line-height:1.5}.viewer{display:grid;grid-template-rows:52px minmax(0,1fr);min-width:0;min-height:0;background:#eef1f4}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 18px;background:#f9fafb;border-bottom:1px solid #dce1e5}.viewer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.container-tabs{display:flex;align-items:center;gap:3px;max-width:340px;overflow-x:auto;scrollbar-width:thin}.container-tabs button{height:29px;padding:0 8px;border:1px solid #d4dce0;background:#fff;color:#5d6870;font-size:9px;white-space:nowrap;cursor:pointer;border-radius:3px}.container-tabs button.active{background:#e3efeb;border-color:#93b7af;color:#286c62;font-weight:700}.container-tabs small{font-size:8px;color:inherit;margin-left:2px}.playback-control{display:flex;align-items:center;gap:5px;min-width:178px}.playback-control label{font-size:9px;color:#6f7b82;white-space:nowrap}.playback-control input{width:92px;height:15px;accent-color:#2f786d;cursor:pointer}.playback-control input:disabled{opacity:.45;cursor:not-allowed}.playback-control span{font-size:9px;color:#6f7b82;white-space:nowrap}.status{font-size:10px;color:#547568;background:#e6f0ec;padding:4px 7px;border-radius:3px}.play{color:#2f6f67}.canvas-wrap{position:relative;min-height:0}.canvas-wrap canvas{display:block}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#6c767e;font-size:13px}.axis-note{position:absolute;right:16px;top:15px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#ffffffe6;border:1px solid #d9dfe3;border-radius:4px;color:#778188;font-size:9px}.axis-note b{color:#344149;font-size:10px}.axis-note span:first-of-type{color:#a54e3e;font-weight:600}.load-badge{position:absolute;left:16px;top:15px;width:142px;background:#ffffffed;border:1px solid #d9dfe3;border-radius:5px;padding:10px;box-shadow:0 5px 18px #202d3712}.load-badge span{display:block;color:#7b858c;font-size:9px}.load-badge strong{display:block;font-size:22px;margin:2px 0 7px}.load-badge>div{height:3px;background:#e2e7e9}.load-badge i{display:block;height:100%;background:#318376}.keyboard-pan-hint{position:absolute;right:104px;bottom:31px;display:flex;align-items:center;gap:7px;padding:7px 9px;background:#ffffffe6;border:1px solid #d9dfe3;border-radius:4px;color:#707b83;font-size:9px;box-shadow:0 4px 14px #202d370f;pointer-events:none}.keyboard-pan-hint b{color:#2c7167;font-size:10px}.keyboard-pan-hint span{white-space:nowrap}.hero-stat{margin:0 18px;padding:15px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between}.hero-stat>div{display:flex;flex-direction:column}.hero-stat span{font-size:10px;color:#7f898f}.hero-stat strong{font-size:27px;margin-top:2px}.hero-stat strong small{font-size:11px;color:#8d969c;font-weight:500}.result-pill{padding:6px 8px;border-radius:3px;font-weight:600}.result-pill.ok{background:#e4f1eb;color:#30745c}.result-pill.warn{background:#faece4;color:#a85b35}.metric{margin:17px 18px 0}.metric>div:first-child{display:flex;justify-content:space-between;font-size:11px}.metric b{font-size:12px}.metric small{display:block;margin-top:6px;font-size:9px;color:#8b959b}.bar{height:6px;background:#e7ebed;margin-top:7px;border-radius:1px;overflow:hidden}.bar i{display:block;height:100%;background:#368276}.metric.compact .bar i{background:#4d7891}.metric.weight .bar i{background:#cb8444}.balance{margin:18px;padding:13px;border:1px solid #dde2e5;border-radius:5px;background:#f8f9f9}.balance-head{display:flex;justify-content:space-between;font-size:10px}.balance-head b.good{color:#3b7d67}.balance-head b.attention{color:#a65f35}.balance-track{position:relative;height:17px;margin-top:9px}.balance-track span{position:absolute;left:0;right:0;top:7px;height:3px;background:linear-gradient(90deg,#d6a24d,#5b9b79 38% 62%,#d6a24d)}.balance-track i{position:absolute;top:2px;width:11px;height:11px;border-radius:50%;background:#27343e;border:2px solid #fff;z-index:1;transform:translate(-50%);box-shadow:0 0 0 1px #7e878d}.balance-labels{display:flex;justify-content:space-between;color:#929aa0;font-size:8px}.balance-controls{border-top:1px solid #dfe4e7;margin-top:11px;padding-top:10px}.balance-control-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6f7a81}.balance-control-head output{font-weight:700;color:#364149}.balance-controls input[type=range]{width:100%;height:16px;margin:7px 0 8px;accent-color:#2f786d;cursor:pointer}.balance-controls input:disabled{cursor:not-allowed;opacity:.45}.balance-auto{width:100%;height:31px;min-height:31px;border-color:#aebdc0!important;color:#286b61}.balance-auto:disabled{opacity:.45;cursor:not-allowed}.bracing-note{font-size:8px;line-height:1.5;color:#8a5d3e;background:#f7eee8;border-left:2px solid #c47a49;padding:6px 7px;margin-top:9px}.manifest-head{display:flex;align-items:center;justify-content:space-between;margin:20px 18px 6px}.manifest-head h3{margin:0;font-size:12px}.manifest-head span{font-size:9px;color:#90999f}.manifest{margin:0 18px}.manifest-row{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f2}.mini-swatch{height:27px;border-radius:1px}.manifest-row>div{display:flex;flex-direction:column;gap:2px}.manifest-row strong{font-size:10px}.manifest-row small{font-size:8px;color:#939ba1}.manifest-row>b{font-size:10px}.warning{margin:14px 18px 0;border-left:3px solid #c76e42;background:#fbf2ed;padding:9px 10px;display:flex;flex-direction:column;gap:4px}.warning strong{font-size:10px;color:#914926}.warning span{font-size:9px;color:#8b6653;line-height:1.5}.plan-actions{display:flex;flex-direction:column;gap:7px}.plan-actions .export{margin-top:16px}.plan-actions .export+.export{margin-top:0}.saved-plans{margin:18px 18px 0;border-top:1px solid #edf0f2;padding-top:2px}.saved-plans-head{margin:0;padding:13px 0 7px}.saved-plans-head h3{display:flex;align-items:center;gap:6px}.saved-empty{padding:11px 0 14px;color:#929ba1;font-size:9px;line-height:1.5}.plan-group{padding-bottom:8px}.plan-group-title{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:7px 0;color:#64736f;font-size:9px;font-weight:700;cursor:pointer}.plan-group-title:hover{color:#2c7167}.plan-group-title>span{display:flex;align-items:center;gap:4px;min-width:0}.plan-group-title svg{transition:transform .16s ease}.plan-group-title.collapsed svg{transform:rotate(-90deg)}.plan-group-title b{font-weight:500;color:#9aa3a7}.saved-plan-row{display:grid;grid-template-columns:minmax(0,1fr) 25px 25px;gap:2px;align-items:center;border-bottom:1px solid #edf0f2}.saved-plan-main{min-width:0;border:0;background:transparent;text-align:left;padding:8px 3px;display:flex;flex-direction:column;gap:3px;cursor:pointer}.saved-plan-main:hover{background:#f5f8f7}.saved-plan-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.saved-plan-main small{font-size:8px;color:#919aa0}.btn{min-height:34px;border-radius:4px;border:1px solid transparent;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px;font-weight:600;background:#fff;white-space:nowrap}.btn.secondary{border-color:#d5dce0}.btn.secondary:hover{background:#f4f6f7}.btn.dark{background:#27343e;color:#fff}.btn.primary{background:#2c7167;color:#fff}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.export{margin:16px 18px 0;width:calc(100% - 36px);height:39px}.pdf-report-root{position:absolute;left:-100000px;top:0;width:794px;pointer-events:none}.pdf-report-page{width:794px;min-height:1123px;padding:0 24px 24px;background:#fff;color:#111;font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif}.pdf-report-title{min-height:43px;margin:0 -24px 24px;padding:9px 14px;display:flex;align-items:center;gap:8px;background:#c9d9e7;border:1px solid #8a9aa7;font-size:17px;line-height:1.35;font-weight:700;white-space:normal}.pdf-report-title span{flex:0 0 auto;font-size:13px}.pdf-report-meta{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:32px;row-gap:18px;padding:0 0 20px}.pdf-report-field{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:13px;line-height:1.35}.pdf-report-field b{flex:0 0 auto;white-space:nowrap}.pdf-report-field span{min-width:0;overflow-wrap:anywhere}.pdf-report-qr{grid-column:3;grid-row:3 / span 2;justify-self:start;align-self:start;width:82px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#4f5960;font-size:9px;text-align:center;line-height:1.25}.pdf-report-qr img{width:74px;height:74px;display:block;border:1px solid #cfd6db;padding:3px;background:#fff}.pdf-report-total{grid-column:1 / span 2;gap:14px;margin-top:2px}.pdf-report-total strong{font-size:16px}.pdf-report-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.pdf-report-table th{text-align:left;padding:8px 4px 7px;border-bottom:2px solid #333}.pdf-report-table td{padding:8px 4px;border-bottom:1px solid #b6b6b6;vertical-align:top;overflow-wrap:anywhere}.pdf-report-table tr,.pdf-sequence-table tr{break-inside:avoid;page-break-inside:avoid}.pdf-report-table th:nth-child(1),.pdf-report-table td:nth-child(1){width:30%}.pdf-report-table th:nth-child(2),.pdf-report-table td:nth-child(2){width:35%}.pdf-report-table th:nth-child(3),.pdf-report-table td:nth-child(3),.pdf-report-table th:nth-child(4),.pdf-report-table td:nth-child(4){width:17.5%}.pdf-sequence-title{margin-top:22px;font-size:14px;font-weight:700}.pdf-sequence-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:8px;font-size:10px}.pdf-sequence-table th{text-align:left;padding:6px 4px 5px;border-bottom:2px solid #333}.pdf-sequence-table td{padding:5px 4px;border-bottom:1px solid #c2c2c2;vertical-align:top;overflow-wrap:anywhere}.pdf-sequence-table th:nth-child(1),.pdf-sequence-table td:nth-child(1){width:10%}.pdf-sequence-table th:nth-child(2),.pdf-sequence-table td:nth-child(2){width:26%}.pdf-sequence-table th:nth-child(3),.pdf-sequence-table td:nth-child(3){width:29%}.pdf-sequence-table th:nth-child(4),.pdf-sequence-table td:nth-child(4){width:35%}.pdf-report-footer{margin-top:24px;text-align:right;color:#69737a;font-size:10px}.share-viewer-shell{height:100vh;min-width:0;display:grid;grid-template-rows:50px minmax(0,1fr);background:#eef1f4;overflow:hidden}.share-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#fff;border-bottom:1px solid #dce1e5}.share-viewer-bar>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.share-viewer-bar strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-viewer-bar span{font-size:10px;color:#6b767d}.share-container-tabs{display:flex;gap:5px;overflow-x:auto}.share-container-tabs button{height:28px;border:1px solid #d4dce0;background:#fff;border-radius:3px;padding:0 8px;font-size:10px;white-space:nowrap}.share-container-tabs button.active{background:#e3efeb;border-color:#93b7af;color:#286c62;font-weight:700}.share-viewer-canvas{position:relative;min-height:0}.share-viewer-canvas canvas{display:block}.share-viewer-controls{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-width:min(520px,calc(100% - 26px));padding:8px 10px;background:#ffffffeb;border:1px solid #d9dfe3;border-radius:5px;box-shadow:0 6px 18px #202d371f}.share-viewer-controls input{flex:1;accent-color:#2f786d}.share-viewer-controls span{font-size:10px;color:#657078;white-space:nowrap}.share-rotate-tip{position:absolute;right:12px;top:12px;padding:7px 9px;background:#ffffffe6;border:1px solid #d9dfe3;border-radius:4px;color:#647078;font-size:10px}.share-viewer-state{height:100vh;min-width:0;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;background:#eef1f4;text-align:center}.share-viewer-state strong{font-size:18px}.share-viewer-state span{font-size:12px;color:#68747c;line-height:1.6}@media(orientation:portrait)and (max-width:900px){.share-viewer-shell{grid-template-rows:54px minmax(0,1fr)}.share-viewer-bar strong{font-size:12px}.share-rotate-tip:before{content:"建议横屏观看 · "}.share-viewer-controls{bottom:10px}}.modal-backdrop{position:fixed;inset:0;background:#1921277a;z-index:10;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:500px;background:#fff;border-radius:6px;box-shadow:0 20px 60px #0000003b}.customer-modal{width:420px}.modal header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;border-bottom:1px solid #e2e6e8}.modal h2{font-size:17px;margin-top:3px}.eyebrow{font-size:9px;color:#77838b;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px}.form-grid label{font-size:10px;color:#626e76;display:flex;flex-direction:column;gap:6px}.form-grid input{height:36px;border:1px solid #cfd6db;border-radius:4px;padding:0 9px;outline:none;color:#242c32}.form-grid input:focus{border-color:#408277;box-shadow:0 0 0 2px #4082771a}.form-error{padding:8px 9px;background:#fbf0ec;color:#a34d35;border-left:3px solid #c66d47;font-size:10px}.customer-hints{display:flex;flex-wrap:wrap;gap:8px}.customer-chip{position:relative;display:inline-flex;align-items:center;min-height:30px}.customer-chip-name{height:26px;border:1px solid #d7dee1;background:#f8faf9;border-radius:3px;padding:0 20px 0 8px;font-size:9px;color:#526069;cursor:pointer}.customer-chip-name:hover{border-color:#8fb3ac;background:#f2f8f6;color:#2c7167}.customer-chip-delete{position:absolute;right:-5px;top:-6px;width:16px;height:16px;border:1px solid #d9e1e4;background:#fff;color:#6e7a82;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 1px 4px #1f2b331f}.customer-chip-delete:hover{background:#fbecea;border-color:#dfa7a0;color:#b84d41}.span-2{grid-column:span 2}.color-row{height:36px;border:1px solid #cfd6db;border-radius:4px;display:flex;align-items:center;padding:4px 8px;gap:8px}.color-row input{width:28px;height:24px;padding:0;border:0;background:transparent}.color-row span{font-size:10px;color:#66727a}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px;border:1px solid #dce2e5;background:#f8f9fa;border-radius:4px}.check{flex-direction:row!important;align-items:center}.check input{width:16px;height:16px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:#f7f8f9;border-top:1px solid #e3e7e9;border-radius:0 0 6px 6px}@media(max-width:1180px){.workspace{grid-template-columns:270px minmax(450px,1fr) 300px}.topbar{padding:0 14px}.container-spec{grid-template-columns:1fr}.container-spec>div+div{border-left:0;border-top:1px solid #dde2e5}}@media(max-width:700px){body{min-width:0}.topbar{height:auto;min-height:108px;flex:0 0 auto;flex-wrap:wrap;align-content:center;gap:9px;padding:11px 14px}.top-actions{width:100%;justify-content:space-between;gap:5px}.top-actions .btn{padding:0 8px;font-size:10px}.saved-dot{display:none}.workspace{display:flex;flex-direction:column;min-height:0}.panel{overflow:visible}.left-panel{border-right:0;border-bottom:1px solid #dce1e5}.right-panel{border-left:0;border-top:1px solid #dce1e5;padding-bottom:25px}.viewer{grid-template-rows:76px 520px;min-height:650px}.viewer-toolbar{padding:0 10px}.viewer-title{gap:6px!important}.status{display:none}.viewer-actions{gap:4px}.container-tabs{max-width:205px}.container-tabs button{padding:0 6px}.playback-control{min-width:0;flex:1}.playback-control label{display:none}.playback-control input{width:100%}.container-tabs+.playback-control{max-width:150px}.canvas-wrap{min-height:520px}.modal{width:min(500px,100%)}.form-grid{grid-template-columns:1fr;max-height:65vh;overflow:auto}.span-2{grid-column:span 1}.option-grid{grid-template-columns:1fr}.container-spec{grid-template-columns:1fr 1fr}.container-spec>div+div{border-left:1px solid #dde2e5;border-top:0}}