*{box-sizing:border-box}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;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{font-size:26px}.qs-brand span{color:#3b82f6;border-left:1px solid #334155;padding-left:18px;font-size:20px;font-weight:700}.qs-brand small{color:#cbd5e1;font-size:16px}.qs-header-actions{color:#e2e8f0;align-items:center;gap:22px;display:flex}.qs-header-actions button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-weight:700;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;height:74px;padding:0 28px;display:flex}.qs-panel-title h2,.qs-right h2{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;background:#f8fafc;border:1px solid #dbe3ee;border-radius:9px;height:38px;font-weight:700}.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;margin-left:42px;padding:11px 0 11px 8px;display:grid}.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;display:flex}.qs-view-toolbar button,.qs-zoom{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;height:42px;padding:0 18px;font-weight:700;display:flex}.qs-file-name{color:#64748b;font-size:13px;font-weight:700}.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:500px;height:330px;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;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{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;padding:9px 0;display:flex}.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;background:#fff;border:1px solid #2563eb;border-radius:8px;width:100%;height:46px;margin-top:18px;font-weight:700}.qs-bottom{z-index:1000;background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:18px 28px;display:flex;position:relative}.qs-bottom button{color:#0f172a;cursor:pointer;background:#fff;border:0;border-right:1px solid #e2e8f0;align-items:center;gap:12px;height:56px;padding:0 26px;font-weight:700;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}