:root{color:#dce7eb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07131b;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(16px,.8vw,20px);font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,summary{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible,#stage:focus-visible{outline-offset:4px;outline:2px solid #86e1e5}button{background:0 0;border:0}button:disabled{opacity:.45;cursor:default}.masthead{border-bottom:1px solid #24333d;justify-content:space-between;align-items:center;height:82px;padding:0 42px;display:flex}.wordmark{color:#eaf1f2;letter-spacing:3px;align-items:center;gap:10px;font-size:1rem;font-weight:650;text-decoration:none;display:flex}.wordmark>span:last-child{color:#8098a4;font-weight:400}.brand-icon{color:#86d7df;letter-spacing:0;border:1px solid #86d7df;place-items:center;width:29px;height:29px;margin-right:4px;font-size:1.125rem;display:grid}.header-right{letter-spacing:1.5px;color:#9cabb3;align-items:center;gap:10px;font-size:.875rem;display:flex}.divider{color:#415965;margin:0 7px}.status-dot{background:#83ddd6;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}main{grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 142px);min-height:720px;display:grid}.viewer{background:radial-gradient(at 51% 44%,#213747 0%,#10212e 44%,#0a1720 75%);min-height:660px;position:relative;overflow:hidden}.scene-heading{pointer-events:none;z-index:2;position:absolute;top:36px;left:42px}.eyebrow{letter-spacing:2px;color:#86abbc;margin:0 0 13px;font-size:.8125rem;font-weight:600}.scene-heading h1{letter-spacing:-2px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,59px);font-weight:400;line-height:1.05}.scene-heading h1 span{color:#80dce1}.scene-heading>p:last-child{color:#9aaeb9;margin:0;font-size:1rem}#stage{touch-action:none;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}.scene-badge{letter-spacing:1.6px;background:#0b1924aa;border:1px solid #344953;border-radius:20px;align-items:center;gap:9px;padding:10px 13px;font-size:.8125rem;display:flex;position:absolute;top:40px;right:28px}.view-controls{background:#0b1a25d9;border:1px solid #30434f;border-radius:7px;gap:2px;padding:4px;display:flex;position:absolute;bottom:164px;left:42px}.view-controls button{color:#a8bdc8;border-radius:4px;padding:8px 11px;font-size:.875rem}.view-controls button[aria-pressed=true]{color:#e1f5f6;background:#304853}.view-controls button:hover{background:#253c49}.viewer-help{letter-spacing:1px;color:#97aab5;pointer-events:none;font-size:.8125rem;position:absolute;bottom:165px;right:30px}.viewer-help span{color:#506776;padding:0 7px}.assembly-controls{border-top:1px solid #3b515e;padding-top:19px;position:absolute;bottom:29px;left:42px;right:36px}.control-top{align-items:center;gap:15px;font-size:1rem;display:flex}.control-top label{font-weight:500}.control-top output{color:#83dbe1;font-variant-numeric:tabular-nums;font-size:.875rem}.control-top button{color:#a7b9c4;margin-left:auto;font-size:.875rem}.control-bottom{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.control-bottom button{padding:7px 0;font-size:.875rem}.control-bottom span{color:#8099a7;letter-spacing:1.8px;font-size:.8125rem}input[type=range]{accent-color:#87dce0;cursor:ew-resize;width:100%;height:20px;margin:12px 0 0}.inspector{background:#0c1922;border-left:1px solid #283b47;padding:32px 25px 20px;overflow:auto}.tag{letter-spacing:1.7px;color:#99d1d7;border:1px solid #34525b;border-radius:3px;padding:6px 8px;font-size:.8125rem}.project-note h2{letter-spacing:-.4px;margin:22px 0 11px;font-size:1.375rem;font-weight:500}.project-note p{color:#91a6b1;margin:0 0 25px;font-size:1rem;line-height:1.8}.parts-heading{border-top:1px solid #253b47;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:20px;display:flex}.parts-heading h3{letter-spacing:.3px;margin:0;font-size:1rem;font-weight:500}.parts-heading>span{color:#7b929f;font-size:.8125rem}.parts{gap:3px;display:grid}.part-button{text-align:left;color:#a5b7c2;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 9px;font-size:1rem;display:flex}.part-button .part-number{color:#678391;font-variant-numeric:tabular-nums;width:15px;font-size:.8125rem}.part-button .swatch{background:#819aa7;border-radius:50%;width:7px;height:7px;margin-left:auto}.part-button:hover{background:#142733}.part-button[aria-pressed=true]{color:#e8f4f5;background:#18313f;border-color:#386271}.part-button[aria-pressed=true] .part-number{color:#80dce1}.part-button[aria-pressed=true] .swatch{background:#80dce1}.part-detail{border-top:1px solid #2a3c47;margin-top:22px;padding-top:21px}.part-detail .eyebrow{margin-bottom:10px;font-size:.8125rem}.part-detail h3{margin:0 0 10px;font-size:1.125rem;font-weight:500}.part-detail>p:not(.eyebrow){color:#a0b3bd;font-size:1rem;line-height:1.7}.reference-label{color:#80c1c8;margin-top:14px;font-size:.8125rem}.assumptions{color:#8ea5b1;border-top:1px solid #2a3c47;margin-top:21px;padding-top:16px;font-size:.875rem;line-height:1.7}.assumptions summary{cursor:pointer;color:#b4c5ce}.motion-label{align-items:center;gap:6px;display:flex}footer{letter-spacing:1px;color:#829aa8;border-top:1px solid #24333d;justify-content:space-between;align-items:center;height:46px;padding:0 42px;font-size:.8125rem;display:flex}.footer-slash{color:#3c5968;padding:0 12px}.footer-end{letter-spacing:1.6px;font-size:.8125rem}#error{z-index:8;background:#172a35;border:1px solid #dba;padding:24px;line-height:1.8;position:absolute;top:44%;left:10%;right:10%}#error[hidden]{display:none}@media (height>=1000px){.part-button{padding:11px 9px}.project-note{margin-bottom:10px}}@media (width<=1050px){main{grid-template-columns:minmax(0,1fr) 280px}.inspector{padding:28px 18px}.masthead{padding:0 25px}.scene-heading{left:26px}.assembly-controls{left:26px;right:26px}.view-controls{left:26px}.viewer-help{display:none}.header-right{font-size:.8125rem}.footer-end{display:none}}@media (width<=1100px){.masthead{height:65px;padding:0 19px}.header-right{letter-spacing:1px;font-size:.8125rem}.header-right .divider,.header-right .divider~*{display:none}.wordmark{letter-spacing:2px;gap:6px;font-size:1rem}.brand-icon{width:24px;height:24px}main{height:auto;min-height:0;display:block}.viewer{height:720px;min-height:0}.scene-heading{top:29px;left:23px}.scene-heading h1{font-size:44px}.scene-badge{padding:8px;font-size:.8125rem;top:35px;right:17px}.inspector{border-top:1px solid #283b47;border-left:0;padding:26px 23px}.parts{grid-template-columns:1fr 1fr}.project-note p{margin-bottom:15px}.part-detail{min-height:135px}.assembly-controls{left:23px;right:23px}.view-controls{left:23px}.control-bottom span{letter-spacing:.8px;font-size:.8125rem}footer{gap:20px;height:54px;padding:0 23px;font-size:.8125rem}footer>span:nth-child(2){text-align:right;max-width:185px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media (width>=1101px){main{min-height:560px}.viewer{min-height:0}}#stage{inset:88px 0 155px}@media (width<=1100px){#stage{inset:130px 0 155px}}@media (width>=1101px){.inspector{flex-direction:column;padding-top:27px;display:flex;overflow:auto}.project-note{flex-shrink:0}.project-note p{margin-bottom:17px}.parts-heading{flex-shrink:0;padding-top:16px}.parts{scrollbar-width:thin;scrollbar-color:#35515f transparent;flex:1;min-height:120px;overflow:auto}.part-detail{flex-shrink:0;margin-top:15px;padding-top:15px}.assumptions{flex-shrink:0;max-height:170px;margin-top:15px;padding-top:12px;overflow:auto}.part-detail>p:not(.eyebrow){margin-bottom:5px}.reference-label{margin-top:9px}}.detail-actions{gap:10px;margin-top:14px;display:flex}.detail-actions button{color:#acd6df;border:1px solid #355663;border-radius:4px;padding:6px 9px;font-size:.8125rem}.detail-actions button:hover,.detail-actions button[aria-pressed=true]{background:#234653}@media (width<=1100px){.viewer-help{display:none}}@media (width>=1101px){#stage{inset:80px 0 140px}}.part-labels{pointer-events:none;position:absolute;inset:0}.part-labels[hidden]{display:none}.part-labels svg{width:100%;height:100%;position:absolute;overflow:visible}.part-labels line{stroke:#86bac3;stroke-width:.65px;opacity:.38}.scene-label{letter-spacing:.25px;color:#accbd6;white-space:nowrap;background:#10222dbb;padding:0 3px;font-size:.8125rem;position:absolute}.scene-label:before{content:"·";color:#80dce1;margin-right:5px}@media (width<=1100px){.scene-label{letter-spacing:0;font-size:.8125rem}.part-labels line{opacity:.2}}.view-controls{inset:82px 28px auto auto}.viewer-help{font-size:.8125rem;bottom:153px}@media (width<=1100px){.view-controls{inset:105px auto auto 23px}}.parts{position:relative}@media (width<=1100px){.view-controls{top:137px}#stage{inset:175px 0 155px}.header-right{letter-spacing:.6px;font-size:.8125rem}.scene-badge{top:36px}}.parts{align-content:start}.view-controls button{min-height:44px;padding:8px 10px}.detail-actions{flex-wrap:wrap}.detail-actions button{min-height:44px;font-size:.875rem}.part-button .part-number{color:#9bb6c4;flex-shrink:0;width:22px}.part-button{color:#c4d4dd}.scene-label{letter-spacing:0;font-size:.875rem;line-height:1.5}.control-top button,.control-bottom button{min-height:44px}.viewer-help{letter-spacing:.4px;bottom:177px}#stage{bottom:175px}footer{letter-spacing:.4px;flex-wrap:wrap;gap:12px;height:auto;min-height:60px;padding-top:12px;padding-bottom:12px}@media (width<=1100px){.header-right{letter-spacing:.3px}.scene-badge{top:152px;right:23px}.view-controls{justify-content:space-between;top:196px;left:23px;right:23px}.view-controls button{padding:8px}#stage{inset:254px 0 175px}.viewer{height:850px}.control-bottom span{display:none}.scene-label{font-size:.875rem}}@media (width<=420px){.header-right{display:none}.parts{grid-template-columns:1fr}}@media (width>=1101px){.scene-badge{top:12px}.view-controls{top:55px}}.viewer:has(.part-labels:not([hidden])) .viewer-help{display:none}:root{font-size:clamp(18px,1vw,24px)}:root[data-text-size=comfortable]{font-size:clamp(16px,.9vw,22px)}:root[data-text-size=largest]{font-size:clamp(21px,1.2vw,28px)}main{grid-template-columns:minmax(0,1fr) clamp(390px,26vw,560px)}.scene-label{background:#0b1b26ed;border-radius:3px;padding:1px 6px;font-size:1rem;font-weight:500}.part-button{font-size:1.05rem}.presentation-panel{flex-shrink:0;margin:0 0 20px}.presentation-modes{gap:5px;display:flex}.presentation-modes button,.turn-controls button{border:1px solid #36525f;border-radius:5px;min-height:44px;padding:8px 10px;font-size:.85rem}.presentation-modes button[aria-pressed=true]{color:#e1ffff;background:#24434f;border-color:#88cbd0}.presentation-panel p{color:#a8c0cd;font-size:.8rem;line-height:1.5}.turn-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.turn-controls button:hover{background:#24434f}.text-size-label{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:.85rem;display:flex}.text-size-label select{font:inherit;color:#e1eff6;background:#142b38;border:1px solid #416271;border-radius:5px;padding:8px}#wrist-appearance{border:1px solid #36505c;border-radius:8px;min-width:0;margin:16px 0;padding:12px}#wrist-appearance legend{font-size:.95rem}#wrist-appearance .text-size-label,#crystal-study .text-size-label{flex-wrap:wrap}#wrist-appearance select,#crystal-study select{max-width:100%}#crystal-study{margin:16px 0}#crystal-study button,#next-wrist-tone{text-align:left;border:1px solid #416271;border-radius:5px;padding:10px}.inspector{overflow:auto}@media (width>=1101px){.inspector .parts{flex:0 0 230px}.project-note p{display:none}}@media (height>=1100px) and (width>=1101px){.inspector .parts{flex:1 0 230px}.project-note p{display:block}}@media (width<=1100px){.scene-label{font-size:1rem}}.view-controls button{flex-shrink:0;min-width:44px}.camera-panel{border-bottom:1px solid #29414e;margin-bottom:20px;padding:0 0 20px}.camera-panel h3{margin:0 0 12px;font-size:1rem}.camera-panel .view-controls{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;display:grid;position:static}.camera-panel .view-controls button,.camera-actions button{border:1px solid #416271;border-radius:6px;min-height:46px;padding:8px 4px;font-size:.95rem}.camera-actions{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.camera-actions>button{padding:8px 12px}.zoom-controls{align-items:center;gap:6px;font-size:.85rem;display:flex}.zoom-controls button{min-width:44px;font-size:1.15rem}.fine-controls{margin-top:14px}.fine-controls summary{cursor:pointer;padding:6px 0}.fine-controls label{justify-content:space-between;margin-top:12px;display:flex}.fine-controls output{color:#86e1e5;font-variant-numeric:tabular-nums}.fine-controls input{accent-color:#86e1e5;width:100%;min-height:32px}#stage{cursor:grab}#stage.dragging{cursor:grabbing}@media (width<=1100px){#stage{top:155px}}@media (width<=500px){.view-controls{grid-template-columns:repeat(4,1fr);display:grid}.view-controls button{padding:8px 5px}#stage{top:155px}.viewer{height:850px}}