:root{--bg:#0d0f13;--panel:#14171d;--panel-2:#191d24;--line:#242a33;--line-soft:#1d222a;--txt:#e8ebef;--muted:#8a93a2;--dim:#5f6773;--accent:#ff6a20;--accent-dim:#ff6a2033;--ok:#39c07c;--radius:10px;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--txt);font-size:13px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow:hidden}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:grid;place-items:center;transition:opacity .5s}#loader.done{opacity:0;pointer-events:none}.loader-inner{text-align:center;width:240px}.loader-mark{width:38px;height:38px;margin:0 auto 18px;border-radius:8px;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.55}}.loader-inner p{color:var(--muted);font-size:12px;margin-bottom:14px}.loader-bar{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.loader-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.topbar{height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:26px;height:26px;border-radius:6px;background:var(--accent);box-shadow:inset 0 -8px #00000038}.brand-txt strong{display:block;font-size:13px;font-weight:600;letter-spacing:-.1px}.brand-txt small{display:block;color:var(--dim);font-size:11px}.topbar-right{display:flex;align-items:center;gap:10px}.badge-demo{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid #ff6a2055;padding:4px 8px;border-radius:5px}.area-input label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px}.area-input input{width:46px}input[type=number]{background:var(--panel-2);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:4px 6px;font-family:var(--mono);font-size:12px;text-align:center}input[type=number]:focus{outline:none;border-color:var(--accent)}.btn{font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;border-radius:7px;padding:7px 12px;border:1px solid var(--line);background:var(--panel-2);color:var(--txt);transition:.14s}.btn:hover{border-color:#39414d;background:#20252d}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a0d05;font-weight:600}.btn.primary:hover{background:#ff7d3c;border-color:#ff7d3c}.btn.ghost{background:transparent}.btn.danger{color:#ff6b6b;border-color:#4a2626}.btn.danger:hover{background:#3a1c1c;border-color:#6b3232}.btn.tiny{padding:5px 9px;font-size:11px}.icon-btn{background:none;border:none;color:var(--dim);cursor:pointer;font-size:13px;padding:3px 5px;border-radius:5px}.icon-btn:hover{color:var(--txt);background:var(--line-soft)}.layout{flex:1;display:grid;grid-template-columns:250px 1fr 348px;min-height:0}.panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.catalog{border-right:1px solid var(--line)}.quote{border-left:1px solid var(--line)}.panel-head{padding:14px 16px 12px;border-bottom:1px solid var(--line-soft)}.panel-head h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.panel-head p{color:var(--dim);font-size:11px;margin-top:3px}.catalog-list{overflow-y:auto;padding:8px;flex:1}.cat-group{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);padding:12px 8px 6px;font-weight:600}.cat-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:9px;border-radius:8px;border:1px solid transparent;background:none;color:inherit;font-family:inherit;cursor:pointer;transition:.14s}.cat-item:hover{background:var(--panel-2);border-color:var(--line)}.cat-item:active{transform:scale(.98)}.cat-ico{width:34px;height:34px;flex:0 0 34px;border-radius:7px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center}.cat-ico svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.5}.cat-meta{min-width:0;flex:1}.cat-meta b{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-meta span{display:block;font-size:10.5px;color:var(--dim);font-family:var(--mono)}.stage{position:relative;background:#0a0c0f;min-width:0}#canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#canvas-wrap canvas{display:block;width:100%;height:100%}.viewtools{position:absolute;top:12px;left:12px;display:flex;gap:4px;align-items:center;background:#14171ddb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:9px;padding:4px}.vt{font-family:inherit;font-size:11.5px;font-weight:500;color:var(--muted);cursor:pointer;background:none;border:none;padding:5px 10px;border-radius:6px;transition:.14s}.vt:hover{color:var(--txt);background:var(--line-soft)}.vt.on{background:var(--accent);color:#1a0d05;font-weight:600}.vt-sep{width:1px;height:16px;background:var(--line);margin:0 2px}.hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11px;color:var(--muted);background:#14171ddb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:8px;padding:6px 12px;white-space:nowrap;transition:opacity .4s;pointer-events:none}.hint b{color:var(--txt);font-weight:600}.hint.fade{opacity:0}.inspector{position:absolute;left:12px;bottom:12px;width:266px;background:#14171df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 12px 32px #00000080}.insp-head{display:flex;justify-content:space-between;align-items:flex-start;padding:11px 12px;border-bottom:1px solid var(--line-soft)}.insp-head strong{font-size:12.5px;font-weight:600;display:block}.insp-head small{font-size:10.5px;color:var(--dim);font-family:var(--mono)}.insp-body{padding:10px 12px;display:flex;flex-direction:column;gap:11px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px}.field>label{font-size:11.5px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:2px}.stepper button{width:22px;height:22px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:5px;font-size:14px;line-height:1}.stepper button:hover{background:var(--line);color:var(--txt)}.stepper span{min-width:34px;text-align:center;font-family:var(--mono);font-size:11.5px}.segmented{display:flex;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}.segmented button{border:none;background:none;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:11px;padding:3px 7px;border-radius:5px}.segmented button.on{background:var(--accent);color:#1a0d05;font-weight:600}.swatches{display:flex;gap:5px}.swatch{width:20px;height:20px;border-radius:5px;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #00000059}.swatch.on{border-color:var(--accent)}.insp-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line-soft);background:#0003}.insp-price{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent)}.insp-actions{display:flex;gap:4px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border-bottom:1px solid var(--line-soft)}.kpi{background:var(--panel);padding:11px 14px}.kpi span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}.kpi b{display:block;font-family:var(--mono);font-size:16px;font-weight:500;margin-top:3px}.kpi b i{font-style:normal;font-size:10px;color:var(--muted);margin-left:2px}.quote-rows{flex:1;overflow-y:auto;padding:6px 0;min-height:0}.q-empty{padding:44px 24px;text-align:center;color:var(--dim);font-size:12px;line-height:1.6}.q-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:.12s}.q-row:hover{background:var(--panel-2)}.q-row.flash{background:var(--accent-dim)}.q-name{font-size:12px;font-weight:500}.q-tot{font-family:var(--mono);font-size:12.5px;text-align:right}.q-desc{font-size:10.5px;color:var(--dim);font-family:var(--mono)}.q-unit{font-size:10.5px;color:var(--dim);font-family:var(--mono);text-align:right}.quote-total{border-top:1px solid var(--line);padding:12px 16px 14px;background:var(--panel-2)}.qt-line{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;color:var(--muted)}.qt-line b{font-family:var(--mono);font-weight:500;color:var(--txt)}.qt-line.discount input{width:40px;margin:0 2px}.qt-line.grand{border-top:1px solid var(--line);margin-top:6px;padding-top:9px;font-size:13px;color:var(--txt)}.qt-line.grand b{font-size:18px;font-weight:600;color:var(--accent)}.quote-actions{display:flex;gap:7px;margin-top:12px}.quote-actions .btn{flex:1}.disclaimer{font-size:10px;color:var(--dim);line-height:1.5;margin-top:10px;text-align:center}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#282e37;border-radius:5px;border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:#39414d}@media(max-width:1180px){.layout{grid-template-columns:210px 1fr 300px}}#print-sheet{display:none;background:#fff;color:#111;font-size:11pt;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-sheet.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:auto;padding:14mm}#print-sheet h1{font-size:17pt;margin-bottom:2mm;letter-spacing:-.3px}#print-sheet .p-sub{color:#666;font-size:9pt;margin-bottom:8mm}#print-sheet table{width:100%;border-collapse:collapse;margin-bottom:6mm}#print-sheet th{text-align:left;font-size:8pt;text-transform:uppercase;letter-spacing:.06em;color:#666;border-bottom:1px solid #333;padding:2mm 1mm}#print-sheet td{padding:2.4mm 1mm;border-bottom:1px solid #e4e4e4;font-size:10pt;vertical-align:top}#print-sheet th.num,#print-sheet td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#print-sheet .p-tot{margin-left:auto;width:70mm}#print-sheet .p-tot div{display:flex;justify-content:space-between;padding:1.6mm 0;font-size:10pt}#print-sheet .p-tot .p-grand{border-top:1.5px solid #111;margin-top:1.5mm;padding-top:2.5mm;font-size:13pt;font-weight:700}#print-sheet .p-note{margin-top:10mm;font-size:8pt;color:#777;border-top:1px solid #ddd;padding-top:3mm}#print-sheet .p-kpi{display:flex;gap:10mm;margin-bottom:7mm;font-size:9pt;color:#444}#print-sheet .p-kpi b{display:block;font-size:13pt;color:#111}#print-sheet img.p-shot{width:100%;height:76mm;object-fit:cover;object-position:center 45%;border:1px solid #ddd;margin-bottom:7mm;display:block}@media print{body>*{display:none!important}#print-sheet{display:block!important;position:static!important;padding:0!important}@page{margin:14mm}}