:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce5eb;background:#080e16;font-size:13px;font-synthesis:none}
*{box-sizing:border-box} html,body{margin:0;min-height:100%} body{overflow-x:hidden} button,input,select{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #75d0cf;outline-offset:3px}
.app{height:100vh;min-height:650px;display:flex;flex-direction:column;background:#0b121c}.topbar{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #27313b;background:#0e1722}
.identity{display:flex;align-items:center;gap:16px}.mark{height:36px;width:36px;border:2px solid #c2a27c;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 20px #bb91651c}.mark::before,.mark::after{content:"";position:absolute;inset:5px;border:1px solid #c2a27c;border-radius:50%}.mark::after{inset:13px;background:#c2a27c}.brand{font-size:14px;letter-spacing:.15em;font-weight:800;color:#ecf1ee}.brand span{color:#c4a682;font-weight:500}.tagline{font-size:9px;letter-spacing:.19em;color:#798995;margin-top:5px}.top-actions{display:flex;gap:24px;align-items:center}.version{color:#738491;letter-spacing:.15em;font-size:10px}.lang-button{background:#1b2631;border:1px solid #35414a;border-radius:4px;color:#f0f0e6;padding:9px 12px;font-weight:700;font-size:10px;letter-spacing:.08em}.lang-button span{color:#a5c9c5;margin:0 3px}.live-indicator{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.11em;color:#b6d1ba}.live-indicator i{display:block;width:6px;height:6px;border-radius:50%;background:#82bb93;box-shadow:0 0 12px #82bb93}
.workspace{min-height:0;display:grid;grid-template-columns:295px minmax(350px,1fr) 312px;flex:1}.left-panel,.right-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#354650 #0f1822}.left-panel{padding:31px 25px 25px 28px;background:#101a25;border-right:1px solid #26343e;display:flex;flex-direction:column}.right-panel{padding:31px 25px 23px;background:#101a25;border-left:1px solid #26343e}.edition,.section-heading,.right-heading{font-size:9px;letter-spacing:.16em;font-weight:750;color:#c9a989;display:flex;align-items:center;justify-content:space-between}.edition{gap:8px;justify-content:flex-start}.edition-line{height:1px;width:22px;background:#c9a989}.edition>span:last-child{color:#536b78;margin-left:auto}.left-panel h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-.03em;font-weight:500;margin:29px 0 1px;color:#f0f1ec;white-space:nowrap}.left-panel h1 span{color:#bc9b79}.subtitle{font-size:16px;color:#b8c8c7;margin:8px 0 22px}.intro{font-size:12px;line-height:1.85;color:#93a3ad;margin:0 0 26px;max-width:240px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0;border-top:1px solid #283640;border-bottom:1px solid #283640}.stat:not(:first-child){border-left:1px solid #273540;padding-left:12px}.stat strong{display:block;font-size:24px;font-weight:450;color:#e6e6dc;letter-spacing:-.04em}.stat .unit{font-size:13px;color:#bac8c8}.stat span:last-child{display:block;color:#7d939f;font-size:9px;font-weight:650;letter-spacing:.11em;margin-top:5px}.panel-separator{height:1px;background:#2a3740;margin:26px 0}.dim-index{color:#566b78;font-size:9px;white-space:nowrap}.control-label{color:#c4d2d6;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:25px 0 11px}.control-label output{color:#d4b28d;font-size:11px;font-weight:650}.slider-ends{display:flex;justify-content:space-between;color:#607584;font-size:9px;letter-spacing:.09em;margin-top:8px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#314a53;cursor:pointer;outline-offset:6px;border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;height:13px;width:13px;background:#d4bd97;border:3px solid #172631;border-radius:50%;box-shadow:0 0 0 1px #d4bd97}input[type=range]::-moz-range-thumb{height:9px;width:9px;background:#d4bd97;border-radius:50%;border:2px solid #172631}.switch-row{margin:26px 0 15px}.switch{position:relative;display:inline-block;width:35px;height:19px}.switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2;margin:0}.switch span{position:absolute;inset:0;border-radius:15px;background:#394550;transition:background .2s}.switch span:after{content:"";position:absolute;top:3px;left:3px;height:13px;width:13px;background:#cdd9d8;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#327f7d}.switch input:checked+span:after{transform:translateX(16px);background:#fff}.select-wrap{position:relative}.select-wrap:after{content:"⌄";color:#adbdbe;position:absolute;right:12px;top:10px;pointer-events:none}select{width:100%;appearance:none;background:#1a2834;border:1px solid #304350;padding:11px 30px 11px 12px;color:#d7dedf;border-radius:4px;font-size:11px}.light-options{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.light-options button{background:#1a2834;border:1px solid #2e3d47;border-radius:3px;padding:11px 2px 10px;color:#92a5ad;font-size:8px;letter-spacing:.035em;font-weight:750;display:flex;flex-direction:column;gap:8px;align-items:center}.light-options button.active{border-color:#bda481;color:#f3e0c3;background:#29313b}.light-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 7px #fff2}.left-bottom{margin-top:auto}.heritage-note{display:flex;gap:11px;padding:15px 13px;background:#1b2933;border-left:2px solid #bca17c;color:#a6b6bb;font-size:10px;line-height:1.65}.note-star{font-size:16px;color:#d5b58e;line-height:1}
.viewer-column{min-height:0;display:flex;flex-direction:column;background:#0b1420}.viewer{position:relative;overflow:hidden;flex:1;min-height:300px;background:radial-gradient(ellipse at 55% 44%,#223b50 0%,#0c1827 56%,#07111c 100%)}canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}.view-top{position:absolute;pointer-events:none;left:27px;right:28px;top:22px;display:flex;align-items:center;justify-content:space-between}.view-top-left{display:flex;align-items:center;gap:12px}.view-badge{border:1px solid #6b8f87;background:#142a36ab;padding:9px 11px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em;color:#c5e0dc;font-weight:750}.tiny-diamond{height:6px;width:6px;transform:rotate(45deg);background:#7cccc4}.view-separator{color:#576a79}.view-type{color:#738b9b;font-size:10px;letter-spacing:.14em}.fps{font-size:10px;letter-spacing:.1em;color:#789bab}.view-heading{position:absolute;top:98px;left:28px;pointer-events:none}.view-heading div{font-size:9px;letter-spacing:.18em;color:#7c9baa;margin-bottom:8px}.view-heading strong{font-size:15px;letter-spacing:.06em;font-weight:500;color:#dde2e1}.view-bottom{position:absolute;bottom:21px;left:27px;right:27px;pointer-events:none;display:flex;align-items:end;justify-content:space-between}.view-hint{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.11em;color:#8ca2ae}.hint-symbol{color:#d7bb94;font-size:16px}.hint-divider{height:15px;width:1px;background:#364c5d;margin:0 2px}.axis-widget{height:52px;width:52px;border:1px solid #50617488;border-radius:50%;color:#adbfce;position:relative;font-size:10px}.axis-widget:after{content:"";position:absolute;height:26px;width:1px;background:#738999;left:25px;top:11px;transform:rotate(25deg)}.axis-widget span{position:absolute}.axis-y{top:-4px;left:24px;color:#c8d1a7}.axis-z{right:1px;top:25px;color:#95b5d1}.axis-x{left:4px;bottom:6px;color:#d9ac9c}.side-tools{position:absolute;right:22px;top:50%;transform:translateY(-50%);border:1px solid #3a5365;background:#101f2cce;display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.side-tools button{width:36px;height:37px;background:transparent;color:#c9d9dd;border:0;font-size:20px;font-weight:300}.side-tools button:hover{background:#284454}.tool-separator{height:1px;background:#40515c;margin:0 6px}.toolbar{display:flex;min-height:70px;align-items:center;justify-content:space-between;padding:12px 22px;gap:12px;border-top:1px solid #2b3c48;background:#10202c}.toolbar-group,.toolbar-buttons{display:flex;align-items:center;gap:12px}.toolbar-group{font-size:9px;letter-spacing:.1em;color:#8ba1ac;white-space:nowrap}.toolbar-led{width:5px;height:5px;border-radius:50%;background:#86aead}.toolbar-divider{color:#4c626c}.toolbar-buttons button{font-size:10px;letter-spacing:.07em;font-weight:750;color:#b7cbd1;background:transparent;border:1px solid #394a55;border-radius:4px;padding:12px 12px;white-space:nowrap}.toolbar-buttons button span:first-child{font-size:15px;margin-right:6px}.toolbar-buttons button:hover{background:#243b4b}.toolbar-buttons .primary-action{background:#c6aa80;color:#17222a;border-color:#c6aa80}.toolbar-buttons .primary-action:hover{background:#ecd3ab}.error-overlay{position:absolute;inset:0;background:#15212fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#f3e9d9}.error-overlay[hidden]{display:none}
.right-heading{color:#bda281}.inspector-title{font-family:Georgia,serif;color:#e2e6e3;font-size:25px;font-weight:400;line-height:1.15;margin:29px 0 12px}.inspector-intro{font-size:11px;line-height:1.75;color:#8ba0ac;margin:0 0 23px}.component-list{display:flex;flex-direction:column;gap:7px}.component-button{width:100%;text-align:left;display:flex;gap:12px;align-items:center;padding:12px 11px;border:1px solid #30404b;border-radius:4px;background:#192735;color:#d3dee0;transition:border .14s,background .14s}.component-button:hover{background:#213443;border-color:#627b7a}.component-button.active{background:#263945;border-color:#b99b71}.part-icon{height:36px;width:36px;flex:none;border:1px solid #465a62;border-radius:4px;display:grid;place-items:center;color:#cfac80;font-size:18px}.component-button strong{display:block;font-size:11px;font-weight:650}.component-button em{display:block;font-size:10px;color:#7f96a1;font-style:normal;margin-top:4px}.part-arrow{margin-left:auto;color:#708592;font-size:15px}.selection-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.isolate-button{background:transparent;border:1px solid #475d65;border-radius:3px;color:#b9ced0;font-size:9px;letter-spacing:.11em;padding:6px 8px}.isolate-button.active{background:#39665d;border-color:#6cae99;color:#e3fff7}.focused-card{display:flex;align-items:center;gap:12px}.focused-glyph{background:#293a42;border:1px solid #52626b;color:#e2b98b;border-radius:4px;height:52px;width:52px;display:grid;place-items:center;font-size:26px;flex:none}.focused-id{font-size:9px;color:#8aa0aa;letter-spacing:.09em}.focused-card strong{display:block;font-size:13px;color:#e3e8e7;margin:4px 0}.focused-polish{font-size:10px;color:#c2a17b}.focused-description{font-size:11px;line-height:1.85;color:#8fa4ad;margin:15px 0 0}.spec-table>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 0;border-bottom:1px solid #293943}.spec-table{margin-top:14px}.spec-table span{font-size:9px;letter-spacing:.1em;color:#78929e;white-space:nowrap}.spec-table strong{font-size:10px;font-weight:500;color:#d2dee0;text-align:right}.source-note{display:flex;align-items:start;gap:10px;background:#1b2a35;margin-top:25px;padding:13px;border:1px solid #29414a;border-radius:4px}.source-note-symbol{width:18px;height:18px;border:1px solid #9b9d85;border-radius:50%;display:grid;place-items:center;color:#c8bc94;font-family:Georgia,serif;font-size:12px;flex:none}.source-note p{font-size:10px;color:#8fadb6;line-height:1.6;margin:0}.footer{flex:none;height:32px;background:#0b131d;border-top:1px solid #1d2933;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:14px;font-size:9px;color:#546b78;letter-spacing:.08em}.toast{position:fixed;z-index:20;left:50%;bottom:44px;transform:translate(-50%,20px);padding:11px 18px;border:1px solid #668b89;border-radius:4px;background:#213d44;color:#e4fff7;font-size:12px;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;max-width:min(400px,90vw)}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.workspace{grid-template-columns:258px minmax(300px,1fr) 266px}.left-panel{padding:26px 18px}.right-panel{padding:26px 18px}.left-panel h1{font-size:27px}.toolbar-group{display:none}.toolbar{justify-content:flex-end}.toolbar-buttons{gap:6px}}
@media(max-width:900px){.app{height:auto;min-height:100vh}.workspace{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.viewer-column{grid-column:1/-1;grid-row:1;min-height:590px}.left-panel{grid-column:1;grid-row:2;border-top:1px solid #30414b}.right-panel{grid-column:2;grid-row:2;border-top:1px solid #30414b}.footer{min-height:35px}.version{display:none}}
@media(max-width:590px){.topbar{height:67px;padding:0 14px}.brand{font-size:11px}.brand span{display:none}.tagline{font-size:7px;letter-spacing:.12em}.identity{gap:9px}.mark{height:29px;width:29px}.top-actions{gap:8px}.live-indicator{font-size:0}.live-indicator i{width:7px;height:7px}.workspace{display:flex;flex-direction:column}.viewer-column{order:0;min-height:515px}.viewer{min-height:455px}.left-panel{order:1}.right-panel{order:2}.intro{max-width:none}.stat-grid{max-width:350px}.toolbar{min-height:66px;padding:10px 6px}.toolbar-buttons{width:100%;justify-content:space-around;gap:4px}.toolbar-buttons button{padding:10px 6px;font-size:9px}.toolbar-buttons button span:first-child{font-size:12px;margin-right:3px}.view-top{top:15px;left:12px;right:12px}.view-heading{top:76px;left:13px}.view-bottom{left:12px;right:12px;bottom:17px}.view-hint{font-size:8px;gap:5px}.view-hint span:last-child,.axis-widget{display:none}.side-tools{right:10px}.footer{font-size:8px;padding:0 9px}.footer span:last-child{display:none}.left-panel h1{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}