:root{--color-brand-blue:#183f66;--color-brand-blue-dark:#0f263f;--color-background-dark:#0b0d0f;--color-brand-orange:#ff6a1a;--color-brand-orange-soft:#ff6a1a2e;--color-text-primary:#fff;--color-text-secondary:#d8dce2;--color-text-muted:#9fa8b3;--color-border-soft:#ffffff24;--color-border-hover:#ffffff4d;--color-border-accent:#ff6a1a8c;--color-border-danger:#ff78786b;--color-surface-dark:#080e14c2;--color-surface-blue:#183f66b8;--color-surface-blue-hover:#183f66e6;--color-surface-danger:#7818186b;--color-status-loading:var(--color-brand-orange);--color-status-ready:#fff;--color-status-error:#ff8f8f;--radius-pill:999px;--radius-card:18px;--radius-toolbar:22px;--blur-glass:12px;--shadow-soft:0 18px 48px #00000052;--shadow-orange-soft:0 0 24px #ff6a1a29;--topbar-offset:18px;--panel-offset:18px;--grid-size:72px;--grid-line-color:#ffffff05;--transition-fast:.2s ease}html,body,#app{background:var(--color-background-dark);width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.viewer-shell{background:linear-gradient(var(--grid-line-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px), radial-gradient(circle at top left, #ff6a1a17, transparent 28%), radial-gradient(circle at center, #183f6629, transparent 42%), linear-gradient(135deg, var(--color-background-dark) 0%, var(--color-brand-blue-dark) 100%);background-size:var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size), auto, auto, auto;width:100%;height:100%;position:relative}#speckle-viewer{position:absolute;inset:0}.top-bar{top:var(--topbar-offset);left:var(--topbar-offset);right:var(--topbar-offset);z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute}.brand-block{pointer-events:none}.brand{letter-spacing:.22em;color:var(--color-text-primary);text-shadow:0 2px 20px #00000073;font-size:15px;font-weight:800}.brand:after{content:"";background:var(--color-brand-orange);width:54px;height:3px;box-shadow:var(--shadow-orange-soft);border-radius:999px;margin-top:8px;display:block}.subtitle{color:var(--color-text-secondary);margin-top:8px;font-size:12px}.top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.status{min-height:18px;color:var(--color-text-secondary);background:var(--color-surface-dark);border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(var(--blur-glass));white-space:nowrap;box-shadow:var(--shadow-soft);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.status:before{content:"";background:var(--color-status-loading);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #ff6a1a8c}.status[data-state=ready]{color:var(--color-status-ready);border-color:#ffffff42}.status[data-state=ready]:before{background:var(--color-status-ready);box-shadow:0 0 12px #ffffff59}.status[data-state=error]{color:#ffd2d2;border-color:#ff78786b}.status[data-state=error]:before{background:var(--color-status-error);box-shadow:0 0 12px #ff78788c}.viewer-button,.tool-button,.viewbar-button,.tools-toggle{color:var(--color-text-primary);background:var(--color-surface-dark);border:1px solid var(--color-border-soft);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-soft);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast), width var(--transition-fast), padding var(--transition-fast);font-family:inherit;font-size:12px}.viewer-button{border-radius:var(--radius-pill);padding:8px 12px}.viewer-button:hover,.tool-button:hover,.viewbar-button:hover,.tools-toggle:hover{background:var(--color-surface-blue-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.viewer-button:active,.tool-button:active,.viewbar-button:active,.tools-toggle:active{transform:translateY(0)}.viewer-button:focus-visible,.tool-button:focus-visible,.viewbar-button:focus-visible,.tools-toggle:focus-visible{outline:2px solid var(--color-brand-orange);outline-offset:3px}.viewer-button.primary{background:var(--color-brand-orange-soft);border-color:var(--color-border-accent)}.viewer-button.primary:hover{box-shadow:var(--shadow-soft), var(--shadow-orange-soft);background:#ff6a1a47;border-color:#ff6a1ad1}.internal-only{opacity:.86}.project-card{left:var(--panel-offset);bottom:var(--panel-offset);z-index:22;border-radius:var(--radius-card);background:var(--color-surface-dark);border:1px solid var(--color-border-soft);max-width:360px;-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-soft);pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);padding:14px 16px;position:absolute}.project-card:before{content:"";background:var(--color-brand-orange);width:58px;height:3px;box-shadow:var(--shadow-orange-soft);border-radius:999px;margin-bottom:14px;display:block}.project-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px}.project-title{color:var(--color-text-primary);margin-top:6px;font-size:15px;font-weight:700}.project-help{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.tools-dock{top:50%;right:var(--panel-offset);z-index:28;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;transform:translateY(-50%)}.tools-toggle{pointer-events:auto;writing-mode:vertical-rl;text-orientation:mixed;border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;background:var(--color-brand-orange-soft);border-color:var(--color-border-accent);min-height:86px;padding:12px 7px;font-size:10px}.tools-dock.collapsed .side-toolbar{opacity:0;pointer-events:none;border-width:0;width:0;max-width:0;padding-left:0;padding-right:0;overflow:hidden;transform:translate(18px)}.tools-dock.collapsed .tools-toggle{background:var(--color-surface-dark);border-color:var(--color-border-soft)}.side-toolbar{border-radius:var(--radius-toolbar);background:var(--color-surface-dark);border:1px solid var(--color-border-soft);width:124px;max-width:124px;-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-soft);pointer-events:auto;opacity:1;transition:opacity var(--transition-fast), transform var(--transition-fast), width var(--transition-fast), max-width var(--transition-fast), padding var(--transition-fast), border-width var(--transition-fast);padding:10px;overflow:hidden;transform:translate(0)}.tool-group+.tool-group{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.tool-group-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:7px;font-size:9px}.tool-button{text-align:left;border-radius:12px;width:100%;padding:8px 10px}.tool-button+.tool-button{margin-top:6px}.tool-button.active,.viewbar-button.active{background:var(--color-brand-orange-soft);border-color:var(--color-border-accent);box-shadow:var(--shadow-soft), var(--shadow-orange-soft)}.tool-button.muted{color:var(--color-text-muted);opacity:.52;cursor:not-allowed}.tool-button.muted:hover{background:var(--color-surface-dark);border-color:var(--color-border-soft);transform:none}.tool-button:disabled{opacity:.42;cursor:not-allowed}.tool-button:disabled:hover{background:var(--color-surface-dark);border-color:var(--color-border-soft);transform:none}.tool-button.danger{color:#ffd8d8}.tool-button.danger:hover:not(:disabled){background:var(--color-surface-danger);border-color:var(--color-border-danger)}.bottom-viewbar{left:50%;bottom:var(--panel-offset);z-index:24;border-radius:var(--radius-pill);background:var(--color-surface-dark);border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-soft);pointer-events:auto;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.viewbar-button{border-radius:var(--radius-pill);min-width:62px;padding:8px 12px}@media (width<=900px){.project-card{max-width:300px}.side-toolbar{width:112px;max-width:112px}.viewbar-button{min-width:auto}}@media (width<=760px){:root{--topbar-offset:14px;--panel-offset:12px;--grid-size:56px}.top-bar{flex-direction:column;align-items:flex-start;gap:12px}.brand{font-size:13px}.brand:after{width:46px;height:3px;margin-top:7px}.subtitle{margin-top:7px;font-size:11px}.top-actions{flex-wrap:wrap;gap:8px;max-width:100%}.status,.viewer-button,.tool-button,.viewbar-button{font-size:11px}.status,.viewer-button{padding:7px 10px}.project-card{left:var(--panel-offset);border-radius:16px;max-width:none;padding:10px 12px;bottom:82px;right:86px}.project-card:before{width:40px;height:3px;margin-bottom:9px}.project-label{letter-spacing:.14em;font-size:8px}.project-title{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px;line-height:1.2;overflow:hidden}.project-help{display:none}.viewer-shell:has(.tools-dock:not(.collapsed)) .project-card{opacity:0;transform:translateY(10px)}.tools-dock{top:auto;left:auto;right:var(--panel-offset);justify-content:flex-end;align-items:flex-end;gap:8px;max-width:calc(100% - 24px);bottom:82px;transform:none}.tools-dock:not(.collapsed){left:var(--panel-offset);right:var(--panel-offset);flex-direction:column;align-items:flex-end;gap:7px;max-width:none}.tools-toggle{writing-mode:horizontal-tb;text-orientation:mixed;border-radius:var(--radius-pill);letter-spacing:.08em;white-space:nowrap;flex:none;min-height:auto;padding:10px 13px;font-size:10px}.side-toolbar{border-radius:20px;grid-template-columns:1fr .9fr 1.35fr;gap:10px;width:100%;max-width:100%;max-height:none;padding:10px;display:grid;position:relative;overflow:visible}.side-toolbar:after{content:none}.side-toolbar::-webkit-scrollbar{display:none}.tools-dock.collapsed .side-toolbar{opacity:0;border-width:0;width:0;max-width:0;padding-left:0;padding-right:0;overflow:hidden;transform:translate(10px)}.tool-group{scroll-snap-align:none;min-width:0}.tool-group+.tool-group{border-top:0;border-left:1px solid #ffffff1a;margin-top:0;padding-top:0;padding-left:10px}.bottom-viewbar{left:var(--panel-offset);right:var(--panel-offset);bottom:var(--panel-offset);justify-content:center;gap:5px;padding:7px;transform:none}.viewbar-button{text-align:center;flex:1;min-width:0;padding:8px 9px}}@media (width<=480px){.brand{font-size:12px}.subtitle{font-size:10px}.top-actions{gap:7px}.status,.viewer-button{font-size:10px}.project-card{padding:9px 10px;bottom:78px;right:80px}.project-title{font-size:12px}.tools-dock{bottom:78px}.tools-toggle{padding:9px 11px;font-size:9px}.side-toolbar{grid-template-columns:1fr .9fr 1.35fr;gap:8px;max-width:100%}.tool-button{padding:7px 8px;font-size:10px}.tool-group-label{font-size:8px}.internal-only{display:none}}