*{box-sizing:border-box}.qs-app *{min-width:0}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif}.qs-app{grid-template-rows:72px 1fr 104px;height:100vh;display:grid;overflow:hidden}.qs-header{color:#fff;background:linear-gradient(90deg,#08111f,#101827);border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.qs-brand{align-items:center;gap:18px;min-width:0;display:flex}.qs-logo{color:#3b82f6;border:2px solid #3b82f6;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.qs-brand strong{flex:none;font-size:26px}.qs-brand span{color:#3b82f6;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #334155;padding-left:18px;font-size:20px;font-weight:700;overflow:hidden}.qs-brand small{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.qs-header-actions{color:#e2e8f0;align-items:center;gap:22px;min-width:0;display:flex}.qs-header-actions>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qs-header-actions button{color:#fff;cursor:pointer;text-align:center;overflow-wrap:anywhere;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:220px;padding:12px 18px;font-weight:700;line-height:1.15;display:flex}.qs-main{grid-template-columns:385px 1fr 380px;min-height:0;display:grid}.qs-left,.qs-right{background:#fff;border-color:#e2e8f0;overflow:auto}.qs-left{border-right:1px solid #e2e8f0}.qs-right{border-left:1px solid #e2e8f0;padding:22px}.qs-panel-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;height:74px;padding:0 28px;display:flex}.qs-panel-title h2,.qs-right h2{overflow-wrap:anywhere;margin:0;font-size:20px}.qs-panel-title div{gap:20px;display:flex}.qs-click{cursor:pointer}.qs-add-buttons{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr;gap:8px;padding:16px 24px;display:grid}.qs-add-buttons button{cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dbe3ee;border-radius:9px;min-height:38px;padding:8px 10px;font-weight:700;line-height:1.2}.qs-add-buttons button:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.qs-equipment{padding:14px 24px}.qs-equipment-head{grid-template-columns:24px 28px 1fr 24px;align-items:center;gap:8px;min-height:36px;display:grid}.qs-equipment-head svg:nth-child(2){color:#2563eb}.qs-equipment.green .qs-equipment-head svg:nth-child(2){color:#22c55e}.qs-equipment.purple .qs-equipment-head svg:nth-child(2){color:#8b5cf6}.qs-equipment.orange .qs-equipment-head svg:nth-child(2){color:#f97316}.rotate{transform:rotate(-90deg)}.qs-equipment-item{color:#0f172a;cursor:pointer;border-radius:8px;grid-template-columns:28px 1fr 24px;align-items:center;gap:8px;margin-left:42px;padding:11px 0 11px 8px;display:grid}.qs-equipment-item span,.qs-equipment-item small,.qs-card h2,.qs-card h3,.qs-card p,.qs-card label,.qs-card b,.qs-card span{overflow-wrap:anywhere}.qs-equipment-item svg{color:#475569}.qs-equipment-item:hover{background:#f8fafc}.qs-equipment-item.selected{color:#2563eb;background:#eff6ff;font-weight:800}.qs-centre{background:#f8fafc;grid-template-rows:48px 1fr;gap:14px;min-width:0;padding:18px 22px 24px;display:grid}.qs-view-toolbar{align-items:center;gap:12px;min-width:0;display:flex}.qs-view-toolbar button,.qs-zoom{color:#0f172a;cursor:pointer;text-align:center;white-space:normal;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:8px 18px;font-weight:700;line-height:1.15;display:flex}.qs-file-name{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.qs-zoom{margin-left:auto;padding:0;overflow:hidden}.qs-zoom button{border:0;border-radius:0;height:100%;padding:0 16px}.qs-canvas{cursor:grab;background:#fff;border:1px solid #dbe3ee;border-radius:10px;min-height:0;max-height:calc(100vh - 260px);position:relative;overflow:auto;box-shadow:0 10px 30px #0f172a0a}.qs-canvas.panning{cursor:grabbing}.qs-upload-box{text-align:center;color:#64748b;cursor:pointer;border:2px dashed #cbd5e1;border-radius:22px;place-content:center;width:min(500px,100%);height:330px;padding:24px;display:grid}.qs-upload-box:hover{background:#eff6ff;border-color:#2563eb}.qs-upload-box svg{color:#94a3b8;margin:0 auto 22px}.qs-upload-box h2{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:24px}.qs-upload-box p{margin-top:16px}.qs-pdf{border:0;border-radius:10px;width:100%;height:100%}.qs-image{object-fit:contain;max-width:100%;max-height:100%}.qs-card{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:20px;box-shadow:0 8px 25px #0f172a0a}.qs-card h3{margin:0 0 18px;font-size:16px}.qs-scale{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:20px}.qs-scale b{color:#16a34a;font-size:28px;display:block}.qs-scale span{color:#15803d;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.qs-selected{color:#2563eb;margin:0;font-size:24px;font-weight:800}.qs-row{color:#334155;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.qs-row span{flex:auto}.qs-row b{text-align:right;flex:none}.qs-total{color:#0f172a;font-weight:800}.qs-card hr{border:0;border-top:1px solid #e2e8f0;margin:8px 0}.qs-report{color:#2563eb;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #2563eb;border-radius:8px;width:100%;min-height:46px;margin-top:18px;padding:8px 12px;font-weight:700;line-height:1.2}.qs-inline-add{grid-template-columns:minmax(0,1fr) minmax(118px,150px);align-items:center;gap:8px;margin-top:6px;display:grid}.qs-inline-add input{border:1px solid #dbe3ee;border-radius:8px;height:40px;padding:0 12px}.qs-inline-add button{color:#2563eb;cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#eff6ff;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:6px 10px;font-weight:700;line-height:1.15;display:inline-flex}.qs-bottom{z-index:1000;background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:18px 28px;display:flex;position:relative;overflow:auto hidden}.qs-bottom button{color:#0f172a;cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#fff;border:0;border-right:1px solid #e2e8f0;flex:none;align-items:center;gap:12px;max-width:185px;min-height:56px;padding:8px 18px;font-weight:700;line-height:1.15;display:flex}.qs-bottom button.active{color:#2563eb;background:#eff6ff;border:1px solid #2563eb;border-radius:9px}.qs-bottom button:disabled{color:#94a3b8;cursor:not-allowed}.qs-card input,.qs-card select,.qs-card button,.qs-view-toolbar select{max-width:100%}.qs-route-links{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:6px;margin:12px 0;padding:12px;display:grid}.qs-route-links span,.qs-row small,.qs-plantroom-device small,.qs-containment-heading small{color:#64748b;margin-top:3px;font-size:12px;display:block}.qs-plantroom-default-note{color:#854d0e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:14px;padding:14px;font-weight:700}.qs-containment-spec-grid label,.qs-containment-accessories label{color:#475569;gap:6px;font-size:12px;font-weight:800;display:grid}.qs-containment-spec-grid select,.qs-containment-accessories input{background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:100%;height:38px;padding:0 10px}.qs-plantroom-register{gap:10px;display:grid}.qs-plantroom-device{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.qs-plantroom-device-heading{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.qs-plantroom-cable-row{border-bottom:1px solid #eef2f7;grid-template-columns:82px minmax(190px,1.6fr) 90px minmax(150px,.8fr) 90px;align-items:center;gap:14px;padding:12px 16px;display:grid}.qs-plantroom-include{align-items:center;gap:7px;display:flex!important}.qs-plantroom-include input{width:17px;height:17px}.qs-plantroom-cable-row:last-child{border-bottom:0}.qs-plantroom-cable-row label{color:#475569;gap:5px;font-size:12px;font-weight:800;display:grid}.qs-plantroom-cable-row input{border:1px solid #dbe3ee;border-radius:8px;width:100%;height:38px;padding:0 10px}.qs-plantroom-cable-row .qs-plantroom-include input{width:17px;height:17px;padding:0}.qs-checkbox-field{align-items:center;gap:8px;display:flex!important}.qs-checkbox-field input{width:17px;height:17px}.qs-containment-list{gap:14px;display:grid}.qs-containment-segment{background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px;padding:16px}.qs-containment-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.qs-containment-heading select{background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:120px;height:38px;padding:0 10px}.qs-containment-spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.qs-containment-accessories{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;display:grid}@media (max-width:1180px){.qs-app{grid-template-rows:auto 1fr 104px}.qs-header{gap:16px;padding:12px 18px}.qs-brand,.qs-header-actions{flex-wrap:wrap}.qs-main{grid-template-columns:320px minmax(0,1fr) 330px}.qs-containment-spec-grid,.qs-containment-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-plantroom-cable-row{grid-template-columns:1fr 1fr}}.qs-app-page{grid-template-rows:72px 1fr;height:100vh;display:grid;overflow:hidden}.qs-page{background:#f8fafc;padding:26px 32px 60px;overflow:auto}.qs-page-head{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 25px #0f172a0a}.qs-page-head h1{margin:0 0 10px;font-size:26px}.qs-page-head p{color:#475569;max-width:720px;margin:0;line-height:1.5}.qs-page-total{text-align:right;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex:none;padding:14px 20px}.qs-page-total small{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800;display:block}.qs-page-total b{color:#1e3a8a;font-size:30px}.qs-split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.qs-split-card{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 8px 25px #0f172a0a}.qs-split-card.plantroom{background:linear-gradient(#f5f9ff,#fff);border-color:#bfdbfe}.qs-split-card.remote{background:linear-gradient(#f4fdf7,#fff);border-color:#bbf7d0}.qs-split-card h3{margin:12px 0 10px;font-size:17px}.qs-split-card p{color:#475569;margin:0 0 12px;line-height:1.5}.qs-basis-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.qs-basis-badge.plantroom{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.qs-basis-badge.remote{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.qs-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.qs-pricing-grid .qs-card{margin-top:18px}.qs-summary-card{border-color:#bfdbfe;grid-column:1/-1}.qs-grand b,.qs-grand span{color:#1e3a8a;font-size:20px}.qs-help{color:#64748b;margin:-8px 0 16px;font-size:13px;line-height:1.5}.qs-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:0;padding:14px;font-size:13px;line-height:1.5}.qs-warning{color:#854d0e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:14px 0 0;padding:14px;font-size:13px;line-height:1.5}.qs-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.qs-field-grid label{color:#475569;gap:6px;font-size:12px;font-weight:800;display:grid}.qs-field-grid input{background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:100%;height:40px;padding:0 10px}.qs-field-grid input[readonly]{color:#475569;background:#f1f5f9}.qs-price-row{border-bottom:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) 108px 92px;align-items:end;gap:12px;padding:12px 0;display:grid}.qs-price-row>div small{color:#64748b;margin-top:3px;font-size:12px;display:block}.qs-price-row label{color:#475569;gap:5px;font-size:12px;font-weight:800;display:grid}.qs-price-row input{border:1px solid #dbe3ee;border-radius:8px;width:100%;height:38px;padding:0 10px}.qs-price-row>b{text-align:right;padding-bottom:9px}.qs-allowance-row{border-bottom:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) 118px auto;align-items:end;gap:12px;padding:12px 0;display:grid}.qs-allowance-row small{color:#64748b;margin-top:3px;font-size:12px;display:block}.qs-allowance-row label{color:#475569;gap:5px;font-size:12px;font-weight:800;display:grid}.qs-allowance-row input{border:1px solid #dbe3ee;border-radius:8px;width:100%;height:38px;padding:0 10px}.qs-allowance-row button{cursor:pointer;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;height:38px;padding:0 14px;font-weight:700}.qs-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.qs-choice button{color:#334155;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;min-height:46px;padding:8px 10px;font-weight:800;line-height:1.2}.qs-choice button.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.qs-recommendation{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;padding:14px 16px;display:flex}.qs-recommendation b{color:#1d4ed8}.qs-recommendation small{color:#1e40af;margin-top:4px;font-size:12px;line-height:1.5;display:block}.qs-recommendation button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;flex:none;min-height:40px;padding:8px 16px;font-weight:800}@media (max-width:1180px){.qs-page{padding:18px 16px 48px}.qs-split-grid,.qs-pricing-grid,.qs-field-grid,.qs-choice{grid-template-columns:minmax(0,1fr)}.qs-price-row,.qs-allowance-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.qs-price-row>b{text-align:left;padding-bottom:0}}