:root{--bg:#f3f5f8;--panel:#fff;--line:#e2e6ec;--line2:#eef1f5;--text:#18202b;--muted:#667085;--accent:#1d5fd1;--accent-soft:#e8f0fe;--red:#d92d20;--red-soft:#fef3f2;--amber:#b54708;--amber-soft:#fffaeb;--green:#067647;--green-soft:#ecfdf3;--violet:#6d28d9;--top:56px;--left:318px;--right:372px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}.hidden{display:none!important}#app{position:fixed;inset:0}.topbar{height:var(--top);z-index:30;color:#e6ebf2;background:#121a26;border-bottom:1px solid #0b1119;align-items:center;gap:14px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:9px;min-width:196px;display:flex}.brand svg{color:#f5a524}.brand b{letter-spacing:-.01em;color:#fff;font-size:15px;font-weight:800;display:block}.brand small{color:#8d99ab;margin-top:-1px;font-size:11px;display:block}.quote-chip{color:#aab4c3;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.quote-chip b{color:#fff;font-weight:600}.tb-group{gap:6px;display:flex}.topbar .seg{background:#ffffff12;border-color:#ffffff1a}.topbar .seg button{color:#aab4c3}.topbar .seg button.on{color:#121a26;background:#fff}.topbar .btn{color:#e6ebf2;background:#ffffff14;border-color:#ffffff1f}.topbar .btn:hover:not(:disabled){background:#ffffff29}.topbar .icon-btn{color:#cfd6e0;background:#ffffff0f;border-color:#ffffff1f}.topbar .icon-btn:hover:not(:disabled){background:#ffffff29}.role{color:#8d99ab;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.seg{border:1px solid var(--line);background:#eef1f5;border-radius:9px;padding:2px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:600}.seg button.on{color:var(--text);background:#fff;box-shadow:0 1px 3px #10182826}.seg.small button{padding:4px 9px;font-size:12px}.btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600}.btn:hover:not(:disabled){background:#f6f8fa}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#1a54ba}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{color:var(--red);border-color:#fecdca}.btn.block{width:100%;padding:9px}.btn.sm{padding:4px 8px;font-size:11.5px}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-btn:disabled{opacity:.35;cursor:default}.left,.right{top:var(--top);background:var(--panel);z-index:10;flex-direction:column;display:flex;position:absolute;bottom:0}.left{width:var(--left);border-right:1px solid var(--line);left:0}.right{width:var(--right);border-left:1px solid var(--line);right:0}.center{top:var(--top);bottom:0;left:var(--left);right:var(--right);position:absolute}.view{position:absolute;inset:0}.view canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.tabs{border-bottom:1px solid var(--line);flex:none;padding:0 8px;display:flex}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:11px 4px 10px;font-size:12.5px;font-weight:600}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.tabs .count{min-width:17px;color:var(--muted);background:#eef1f5;border-radius:9px;margin-left:4px;padding:0 5px;font-size:10.5px;line-height:17px;display:inline-block}.tabs .count.err{background:var(--red);color:#fff}.tabs .count.warn{color:#3d2400;background:#fdb022}.pane{flex:1;padding:14px;overflow-y:auto}.pane::-webkit-scrollbar{width:8px}.pane::-webkit-scrollbar-thumb{background:#d6dbe2;border-radius:4px}h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.section{margin-bottom:18px}.hint{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.5}.note{color:var(--muted);background:#f6f8fa;border:1px dashed #d6dbe2;border-radius:8px;padding:8px 10px;font-size:11.5px;line-height:1.45}.form-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.form-row.one{grid-template-columns:1fr}.form-row.three{grid-template-columns:1fr 1fr 1fr}label.f{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:11.5px;font-weight:500;display:flex}label.f input,label.f select,label.f textarea,.inp{color:var(--text);background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;min-width:0;padding:6px 8px;font-size:12.5px}label.f input:focus,label.f select:focus,.inp:focus,textarea:focus{border-color:var(--accent);outline:2px solid #b3cdfb}.unit{position:relative}.unit:after{content:attr(data-u);color:#98a2b3;pointer-events:none;font-size:11px;position:absolute;bottom:7px;right:8px}table.apps{border-collapse:collapse;width:100%;margin-bottom:6px;font-size:12px}table.apps th{text-align:left;color:var(--muted);padding:0 3px 4px;font-size:11px;font-weight:600}table.apps td{padding:2px 3px}table.apps input{border:1px solid #d0d5dd;border-radius:6px;width:100%;padding:4px 6px;font-size:12px}.x-btn{color:#98a2b3;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:16px;line-height:1}.x-btn:hover{color:var(--red)}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;font-weight:600}.toolbar3d{z-index:5;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.toolbar3d>*{pointer-events:auto}.toolbar3d .seg{background:#ffffffeb;box-shadow:0 2px 8px #10182814}.tbtn{border:1px solid var(--line);cursor:pointer;background:#fffffff2;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #10182814}.tbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tbtn:disabled{opacity:.45;cursor:default}.tsep{background:#cfd5dd;width:1px;height:22px;margin:0 4px}.chk{border:1px solid var(--line);cursor:pointer;background:#fffffff2;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.statusbar{z-index:5;color:var(--muted);pointer-events:none;align-items:center;gap:14px;font-size:11.5px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.statusbar b{color:var(--text);font-weight:600}.statusbar .kbd{background:#ffffffd9;border-radius:6px;margin-left:auto;padding:3px 8px}.labels3d{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lbl3d{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.lbl3d.dim{color:#263241;background:#ffffffd1;border:1px solid #10182814;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:600}.lbl3d.dim.sel{color:#fff;background:var(--accent);border-color:#0000;padding:2px 7px;font-size:11.5px}.lbl3d.app{color:var(--green);background:#ecfdf3eb;border:1px solid #abefc6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700}.lbl3d.badge{pointer-events:auto;cursor:pointer;color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 0 3px #ffffffd9,0 2px 8px #00000040}.lbl3d.badge.error{background:var(--red);animation:1.6s infinite pulse}.lbl3d.badge.warning{background:#f79009}.lbl3d.badge.route{background:var(--amber)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ffffffd9,0 0 #d92d2080}50%{box-shadow:0 0 0 3px #ffffffd9,0 0 0 8px #d92d2000}}.tip3d{z-index:6;pointer-events:none;color:#e6ebf2;background:#121a26;border-radius:7px;padding:7px 9px;font-size:11.5px;line-height:1.45;position:absolute;box-shadow:0 6px 20px #00000040}.tip3d b{color:#fff}#view2d{background:#d9dee5;overflow:auto}.sheet-wrap{justify-content:center;padding:54px 24px 24px;display:flex}.sheet-svg{aspect-ratio:11/8.5;background:#fff;width:min(100%,1400px);height:auto;box-shadow:0 10px 30px #1018282e}.sheet-bar{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.sheet-bar .pill{border:1px solid var(--line);background:#fffffff2;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.summary{border-bottom:1px solid var(--line);flex:none;padding:12px 14px}.sum-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sum-card{background:#f6f8fa;border-radius:9px;padding:8px 10px}.sum-card small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10.5px;font-weight:700;display:block}.sum-card b{letter-spacing:-.01em;margin-top:2px;font-size:18px;font-weight:800;display:block}.sum-card.routed{background:var(--amber-soft);grid-column:span 2}.sum-card.routed b{color:var(--amber);font-size:13px}.sum-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{color:#344054;background:#eef1f5;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.err{background:var(--red-soft);color:var(--red)}.chip.warn{background:var(--amber-soft);color:#b54708}.chip.ok{background:var(--green-soft);color:var(--green)}.chip.route{color:#c4320a;background:#fff4ed}.chip.blue{background:var(--accent-soft);color:var(--accent)}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.status-badge.draft{color:#fff;background:#475467}.status-badge.in_review{color:#fff;background:#f79009}.status-badge.approved{color:#fff;background:#12b76a}.status-badge.returned{background:var(--red);color:#fff}.disclaimer-chip{background:var(--red-soft);color:#912018;border-top:1px solid #fecdca;flex:none;padding:8px 14px;font-size:11px;line-height:1.4}.disclaimer-chip b{color:var(--red)}.kv{grid-template-columns:auto 1fr;gap:5px 12px;margin-bottom:12px;font-size:12.5px;display:grid}.kv span{color:var(--muted)}.kv b{text-align:right;font-weight:600}.prop-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.prop-title b{font-size:15px}.prop-title .chip{margin-left:auto}.toggle-row{border-top:1px solid var(--line2);justify-content:space-between;align-items:center;padding:8px 0;font-size:12.5px;display:flex}.toggle-row small{color:var(--muted);font-size:11px;display:block}.btn-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.switch{flex:none;width:34px;height:20px;position:relative}.switch input{opacity:0;width:0;height:0}.switch i{cursor:pointer;background:#d0d5dd;border-radius:10px;transition:all .15s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translate(14px)}.alert{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:8px;margin-bottom:8px;padding:9px 10px}.alert.error{border-left-color:var(--red)}.alert.warning{border-left-color:#f79009}.alert.route{background:#fffaf5;border-left-color:#c4320a}.alert.info{border-left-color:#98a2b3}.alert .a-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.alert .a-head .sev{color:inherit}.alert.error .sev{color:var(--red)}.alert.warning .sev{color:#b54708}.alert.route .sev{color:#c4320a}.alert .a-msg{margin:4px 0 6px;font-size:12.5px;line-height:1.4}.alert .a-actions{gap:6px;display:flex}.empty{text-align:center;color:var(--muted);padding:24px 8px}.empty .big{margin-bottom:6px;font-size:28px}table.bom{border-collapse:collapse;width:100%;font-size:12px}table.bom th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#fff;padding:4px;font-size:10.5px;position:sticky;top:-14px}table.bom td{border-bottom:1px solid var(--line2);vertical-align:top;padding:5px 4px}table.bom td.q{text-align:right;width:36px;font-weight:700}table.bom td.sku{color:#344054;white-space:nowrap;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px}table.bom tr.grp td{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#f6f8fa;padding-top:7px;font-size:11px;font-weight:700}table.price{border-collapse:collapse;width:100%;margin:6px 0 10px;font-size:12px}table.price td{border-bottom:1px solid var(--line2);padding:4px 2px}table.price td:last-child{text-align:right;font-weight:600}table.price tr.total td{border-bottom:0;padding-top:8px;font-size:13.5px;font-weight:800}.steps{gap:4px;margin-bottom:14px;display:flex}.steps div{text-align:center;color:#98a2b3;background:#f2f4f7;border-radius:7px;flex:1;padding:7px 2px;font-size:11px;font-weight:700}.steps div.done{background:var(--green-soft);color:var(--green)}.steps div.cur{background:var(--accent);color:#fff}.steps div.bad{background:var(--red-soft);color:var(--red)}.box{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:11px}.box.ok{background:var(--green-soft);border-color:#abefc6}.box.warn{background:var(--amber-soft);border-color:#fedf89}.box.bad{background:var(--red-soft);border-color:#fecdca}.check{cursor:pointer;align-items:flex-start;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.check input{margin-top:2px}.log{color:var(--muted);font-size:11.5px}.log div{border-bottom:1px dashed var(--line);padding:5px 0}.log b{color:var(--text);font-weight:600}.q-card{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:12px}.q-card .q{margin-bottom:8px;font-weight:700}.opt{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:12.5px;display:block}.opt:hover{border-color:var(--accent);background:var(--accent-soft)}.trail{color:var(--muted);margin-bottom:10px;font-size:11.5px;line-height:1.6}.trail span{background:#f2f4f7;border-radius:5px;margin-right:4px;padding:2px 6px;display:inline-block}.result{background:var(--green-soft);border:1px solid #abefc6;border-radius:10px;padding:12px}.result.route{background:#fff4ed;border-color:#f9dbaf}.result b.big{margin-bottom:4px;font-size:15px;display:block}.src-card{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:12px}.src-row{align-items:center;gap:8px;padding:3px 0;display:flex}.dot{background:#12b76a;border-radius:50%;flex:none;width:8px;height:8px}.dot.grey{background:#98a2b3}.file-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.file-tabs button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:600}.file-tabs button.on{background:var(--accent-soft);color:var(--accent);border-color:#b3cdfb}.file-tabs button .mod{color:var(--amber)}.rule{border:1px solid var(--line);border-radius:8px;margin-bottom:6px;padding:8px 10px}.rule.off{opacity:.55}.rule-head{align-items:center;gap:8px;display:flex}.rule-head b{flex:1;font-size:12.5px}.rule-meta{color:var(--muted);margin:3px 0 0 42px;font-size:11px}.rule-params{flex-wrap:wrap;gap:8px;margin:6px 0 0 42px;display:flex}.rule-params label{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.rule-params input,.rule-params select{border:1px solid #d0d5dd;border-radius:6px;width:68px;padding:3px 5px;font-size:12px}.rule-params select{width:auto}textarea.json{resize:vertical;white-space:pre;tab-size:2;border:1px solid #d0d5dd;border-radius:8px;width:100%;height:360px;padding:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px;line-height:1.45}.err-msg{color:var(--red);margin:6px 0;font-size:12px}details.raw summary{cursor:pointer;color:var(--accent);margin:10px 0 6px;font-size:12px;font-weight:600}.tour-root{z-index:80;pointer-events:none;position:fixed;inset:0}.tour-spot{border-radius:10px;outline:2px solid #ffd27a;transition:all .3s;position:fixed;box-shadow:0 0 0 9999px #0f172a80}.tour-card{pointer-events:auto;background:#fff;border-radius:12px;width:360px;padding:14px 16px 12px;transition:left .3s,top .3s;position:fixed;box-shadow:0 18px 50px #0000004d}.tour-card h4{margin:2px 0 6px;font-size:15px}.tour-card p{color:#344054;margin:0 0 12px;font-size:12.5px;line-height:1.55}.tour-step{color:var(--accent);letter-spacing:.04em;font-size:11px;font-weight:700}.tour-actions{align-items:center;gap:6px;display:flex}.tour-actions span{flex:1}.tour-actions .link-btn{white-space:nowrap}.toast{z-index:50;color:#fff;background:#121a26;border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:600;position:absolute;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.loader{z-index:100;background:var(--bg);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.loader.done{opacity:0;pointer-events:none}.spinner{border:3px solid #d0d5dd;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.mode-2d .only3d{display:none!important}