:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1d2b3a;background:#f5f7fa;--blue:#2365e8;--border:#e2e7ee;--muted:#728094;--dark:#152535}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:7px;padding:9px 12px;color:inherit;font-size:12px;transition:background .15s}button:hover{background:#eef3fc}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button.active{background:#eaf1ff;border-color:#b6ccfc;color:#1554cf}input,select{background:#fff;border:1px solid #d5dde7;border-radius:7px;padding:10px;width:100%;font-size:12px;color:#203147;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2365e812}.topbar{height:68px;background:var(--dark);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #26394c}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;background:#3b75ee;border-radius:9px;display:grid;place-items:center;font-size:21px;font-weight:650}.brand strong{font-size:12px;letter-spacing:2px}.brand small{display:block;color:#a9b8ca;font-size:11px;margin-top:4px}.badge{margin-left:14px;background:#263b4f;border:1px solid #3a5067;border-radius:4px;color:#b9cde2;padding:5px 7px;font-size:9px;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:20px;font-size:11px;color:#b6c5d6}.header-right a{color:#d6e4ff;text-decoration:none;border:1px solid #395068;padding:8px 11px;border-radius:6px}.header-right a:not([href]){display:none}main{display:grid;grid-template-columns:272px minmax(360px,1fr);height:calc(100vh - 68px);min-height:550px}.sidebar{background:#fff;display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.model-section{padding:21px 18px 15px}.eyebrow,.section-title{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#758397}.model-row{display:flex;gap:8px;margin-top:10px}.model-row select{font-weight:600}.model-row button{font-size:18px;padding:3px 11px}.muted{font-size:11px;line-height:1.6;color:var(--muted)}.model-section .muted{margin:10px 0 15px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 18px;padding:13px 0;border-top:1px solid var(--border)}.text-button{background:transparent;border:none;padding:5px 0;font-size:11px;color:var(--blue);letter-spacing:0;font-weight:500}.text-button:hover{background:none;color:#1749aa}.count-pill{background:#eef2f8;padding:3px 7px;border-radius:5px;color:#6c7c8f;font-size:10px;letter-spacing:0}#tree{padding:2px 10px 12px;overflow:auto;flex:1;min-height:130px}.assembly-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:none;background:transparent;font-size:11px;padding:10px 9px;border-radius:6px;margin:2px 0}.assembly-row.selected{background:#eaf1ff;color:#174ea6;font-weight:650}.assembly-label{display:flex;gap:8px;align-items:center}.assembly-icon{color:#748cad;font-size:14px}.assembly-row .count{font-size:10px;color:#91a0b3}.component-results{padding:2px 7px}.component-result{display:block;width:100%;border:none;font-size:10px;text-align:left;margin:3px 0;padding:8px;color:#63718a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection{height:240px;flex-shrink:0;padding:16px 18px;border-top:1px solid var(--border);max-height:35vh;overflow:auto}.selection h3{margin:9px 0 5px;font-size:12px;word-break:break-word}.selection .context{font-size:10px;color:var(--blue);margin-bottom:11px}.property-list{display:grid;grid-template-columns:1fr 1.05fr;gap:9px 12px;font-size:10px;word-break:break-word}.property-list dt{color:var(--muted)}.property-list dd{margin:0;text-align:right;font-weight:500}.selection details{font-size:10px;margin-top:16px;color:var(--muted)}.selection summary{cursor:pointer}.raw-properties{margin-top:9px;max-height:170px;overflow:auto;font-size:9px;white-space:pre-wrap;word-break:break-word;color:#45566e}.viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#f9fbff,#e8edf4)}#canvas-wrap{position:absolute;inset:0 0 33px}#canvas-wrap canvas{width:100%;height:100%;display:block}.view-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:8px;align-items:center;pointer-events:none;font-size:10px;color:#76849a}.view-top #mode-hint{background:#ffffffda;padding:8px 11px;border:1px solid #dce3ed;border-radius:6px}.reference-toggle{pointer-events:auto;background:#ffffffda;border:1px solid #dce3ed;border-radius:6px;padding:8px;display:flex;align-items:center;gap:6px;white-space:nowrap}.reference-toggle input{width:12px;margin:0}.compass{position:absolute;top:66px;right:22px;display:flex;gap:4px}.compass button{font-size:10px;padding:7px 9px;color:#6a7b93;background:#ffffffde}.toolbar{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;border:1px solid #dce3eb;box-shadow:0 5px 25px #34486716;padding:6px;background:#fffffff2;border-radius:11px;white-space:nowrap}.toolbar button{border:none;font-size:16px;padding:9px 12px}.toolbar button span{font-size:11px;margin-left:4px}.toolbar .divider{height:23px;background:#dde4ee;width:1px;margin:0 5px}.statusbar{position:absolute;bottom:0;width:100%;height:33px;border-top:1px solid #d8e0eb;background:#ffffffad;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;color:#7c889a;gap:10px}.statusbar>span{display:flex;align-items:center;gap:6px}.statusbar>span:last-child{font-size:8px}.statusbar i{width:6px;height:6px;border-radius:50%;background:#d69535}.statusbar i.calibrated{background:#21a683}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#edf2f9ed;z-index:10}.loading[hidden]{display:none}.loading strong{font-size:13px}.loading span{font-size:10px;color:#7d8aa0}.spinner{height:27px;width:27px;border:2px solid #d6e0f1;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);max-width:90%;background:#19354beb;color:white;padding:10px 15px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center;z-index:20}#toast.show{opacity:1}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;display:flex;align-items:center;gap:7px;color:#2059b7;white-space:nowrap;font-size:10px;transform:translate(-5px,-5px)}.marker-dot{width:10px;height:10px;background:#2570f0;border:2px solid white;border-radius:50%;box-shadow:0 0 0 3px #2a6eef33}.marker-label{margin-top:-20px;background:#fffffff2;border:1px solid #b5cbf1;border-radius:5px;padding:5px 8px;box-shadow:0 2px 8px #1e437a14;font-variant-numeric:tabular-nums;pointer-events:auto;cursor:pointer}.marker-label small{color:#8296b4;font-size:8px;margin-right:5px}.marker.offscreen{display:none}body[data-mode="spot"] canvas{cursor:crosshair}details[hidden],[hidden]{display:none!important}@media(max-width:1200px){main{grid-template-columns:230px minmax(320px,1fr)}.badge{display:none}.toolbar button{padding:8px}.toolbar button span{font-size:10px}.statusbar>span:last-child{display:none}}@media(max-width:900px){main{grid-template-columns:210px minmax(330px,1fr)}.header-right #version-label{display:none}.toolbar button span{display:none}}@media(max-width:650px){main{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px;height:60px}.topbar .brand small{font-size:10px}main{height:calc(100vh - 60px)}.header-right a{font-size:9px}.view-top{left:10px;right:10px}.reference-toggle{display:none}.compass{right:10px;top:66px}.toolbar{left:50%;bottom:46px}}

.assembly-animation{position:absolute;left:22px;top:66px;width:min(390px,calc(100% - 120px));background:#ffffffed;border:1px solid #dce3ed;border-radius:10px;padding:14px 16px;box-shadow:0 5px 20px #34486712}.animation-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.animation-heading strong{font-size:12px;color:#29466b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animation-demo{font-size:8px;letter-spacing:.6px;background:#fff2dc;color:#986321;padding:4px 6px;border-radius:4px;white-space:nowrap}.assembly-animation p{font-size:11px;color:#667b95;margin:10px 0}.animation-controls{display:flex;gap:10px;align-items:center}.animation-controls input{padding:0;box-shadow:none;accent-color:#2365e8;min-width:50px}.animation-controls button{font-size:11px;min-width:55px}.animation-controls .animation-play{background:#2365e8;border-color:#2365e8;color:white}.assembly-animation small{display:block;font-size:9px;line-height:1.5;color:#8a97a9;margin-top:10px}@media(max-width:900px){.assembly-animation{width:min(390px,calc(100% - 120px));min-width:170px;left:12px}.animation-heading{flex-wrap:wrap}}

.context-menu{position:fixed;z-index:40;width:226px;padding:5px;background:#1e2025;color:#e9edf2;border:1px solid #343740;border-radius:7px;box-shadow:0 8px 28px #0005}.context-name{font-size:10px;color:#9aa4b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 9px;border-bottom:1px solid #343740;margin-bottom:4px}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:#e9edf2;border:none;border-radius:4px;text-align:left;padding:9px;font-size:12px}.context-menu button:hover,.context-menu button:focus-visible{background:#343a47;outline:none}.menu-icon{width:17px;color:#929ba9;font-size:16px;text-align:center}.context-menu kbd{margin-left:auto;border:1px solid #454b56;border-radius:3px;padding:1px 4px;font-size:9px;color:#aab3c1;font-family:inherit}.menu-divider{height:1px;background:#343740;margin:4px 0}
.tool-popover{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 24px));background:#fffffff5;border:1px solid #dce3eb;border-radius:10px;padding:14px;box-shadow:0 8px 28px #34486722;z-index:25;font-size:11px;max-height:calc(100% - 200px);overflow:auto}.tool-popover strong{font-size:12px}.tool-options,.tool-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}.tool-options button,.tool-actions button{font-size:11px;padding:7px 10px}.tool-note{font-size:10px;color:#728094;line-height:1.5;margin:10px 0 0}.tool-actions label{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:10px}.tool-actions input[type=checkbox]{width:12px}.section-row{display:grid;grid-template-columns:1fr 90px auto auto;gap:6px;align-items:center;margin-top:9px;font-size:10px}.section-row input{padding:6px;font-size:11px}.section-row button,.measurement-row button{padding:6px;font-size:10px}.measurement-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px}#section-list,#measurement-list{max-height:210px;overflow:auto}#measure-labels{position:absolute;inset:0;pointer-events:none}.measurement-label{position:absolute;transform:translate(-50%,-120%);background:#fff8edf5;border:1px solid #e5b878;border-radius:5px;padding:5px 8px;font-size:10px;color:#865315;white-space:nowrap;box-shadow:0 2px 8px #0001}body[data-mode^="measure-"] canvas,body[data-mode="section-plane"] canvas{cursor:crosshair}.toolbar{max-width:calc(100% - 16px)}.toolbar button{flex-shrink:0}@media(max-width:1100px){.toolbar button span{display:none}.toolbar button{padding:8px 10px}}@media(max-width:650px){.toolbar button{padding:7px}.toolbar .divider{margin:0 2px}.tool-popover{bottom:102px}}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-row{grid-template-columns:minmax(68px,1fr) 80px auto auto auto}.plane-name{display:flex;align-items:center;gap:7px}.plane-swatch{width:8px;height:8px;flex-shrink:0;border-radius:50%}.plane-enable[aria-pressed="true"]{color:#2365e8;background:#edf3ff}.toolbar button .section-count{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;min-width:17px;height:17px;border-radius:9px;background:#2365e8;color:white;font-size:9px;padding:0 4px}
.dragging-plane canvas{cursor:grabbing!important}

/* Optional Speckle Intelligence drawer; the model remains interactive beside it. */
.header-right{gap:12px}#auth-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#auth-button{background:#263b4f;color:#e6efff;border-color:#395068;white-space:nowrap;font-size:11px}.auth-prompt{z-index:30;text-align:center;padding:24px}.auth-prompt small{color:#7d8aa0;font-size:10px}.auth-prompt button,#auth-save{background:#2365e8;color:#fff;border-color:#2365e8}.auth-dialog{width:min(530px,90vw);max-height:85vh;overflow:auto;padding:24px;border:1px solid #dce3eb;border-radius:12px;box-shadow:0 15px 60px #0003;color:#29415e;font-size:12px;line-height:1.6}.auth-dialog::backdrop{background:#15263888}.auth-dialog-heading{display:flex;align-items:center;justify-content:space-between}.auth-dialog h2{font-size:16px;margin:0}.auth-dialog a{color:#2365e8}.auth-dialog code{display:block;background:#edf3fb;padding:10px;overflow-wrap:anywhere;font-size:11px}.auth-dialog details{margin:16px 0}.auth-dialog label{display:block;margin-top:14px}.auth-dialog input{margin-top:5px;width:100%}#auth-setup-error{color:#a33939}body[data-signed-in="false"] .toolbar,body[data-signed-in="false"] .compass,body[data-signed-in="false"] .view-top,body[data-signed-in="false"] .statusbar,body[data-signed-in="false"] #intelligence-toggle{display:none}body[data-signed-in="false"] #tree{pointer-events:none}
.intelligence-toggle{position:absolute;top:108px;right:22px;color:#235fc5;background:#ffffffed;box-shadow:0 3px 12px #31486714;font-weight:600}
.intelligence-panel{position:absolute;top:150px;bottom:113px;right:20px;width:min(440px,calc(100% - 40px));background:#fff;border:1px solid #d9e3ef;border-radius:12px;box-shadow:0 12px 40px #253a582b;display:flex;flex-direction:column;overflow:hidden;z-index:9}
.intelligence-panel[hidden]{display:none}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border);font-size:13px}.chat-heading button{padding:5px 8px;font-size:11px;border:none}.chat-context{padding:11px 15px;background:#f3f7fc;border-bottom:1px solid var(--border);font-size:11px}.chat-context p{margin:6px 0;overflow-wrap:anywhere;color:#60758e}.chat-context small{font-size:9px;color:#73869a}
#intelligence-messages{flex:1;min-height:80px;overflow:auto;padding:15px}.chat-empty{font-size:12px;line-height:1.7;color:#7b8a9d}.chat-message{margin-bottom:19px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.chat-message.user{padding:11px 13px;background:#edf3ff;border-radius:9px}.chat-role{display:block;font-size:10px;color:#597087;margin-bottom:5px}.chat-content p{margin:6px 0}.chat-content h4{font-size:12px;margin:12px 0 6px}.chat-content code{font-size:10px;background:#eef2f7;border-radius:3px;padding:1px 3px}.chat-content a{color:#2365e8}.chat-table{overflow:auto;margin:10px 0}.chat-table table{border-collapse:collapse;width:100%;font-size:10px}.chat-table th,.chat-table td{text-align:left;padding:7px;border:1px solid #dfe6ef}.chat-table th{background:#f1f5fa}.chat-error{color:#976327;background:#fff7e9;padding:8px;border-radius:5px;font-size:11px}
.chat-suggestions{display:flex;gap:5px;flex-wrap:wrap;padding:0 15px 8px}.chat-suggestions button{font-size:10px;padding:5px 7px;background:#f7f9fc}#intelligence-status{font-size:10px;color:#73859c;margin:0;padding:5px 15px 10px}#intelligence-form{padding:12px 15px;border-top:1px solid var(--border)}#intelligence-question{font:inherit;font-size:12px;resize:vertical;max-height:160px;width:100%;border:1px solid #d5dde7;border-radius:8px;padding:10px;outline:none}#intelligence-question:focus{border-color:var(--blue)}.chat-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px}.chat-form-actions small{margin-right:auto;font-size:9px;color:#8995a5}#intelligence-send{color:#fff;background:#2365e8;border-color:#2365e8}
@media(max-width:800px){.intelligence-panel{top:145px;bottom:130px}.chat-form-actions small{display:none}}