:root{color-scheme:dark;--navy:#061421;--panel:#0c1a28;--muted:#71899b;--line:rgba(151,186,210,.13);--gold:#f7c457;--text:#e9f1f7;font-family:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:#05111c;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.application{height:100dvh;min-height:730px;display:flex;flex-direction:column;overflow:hidden}.masthead{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#081623}.brand{display:flex;align-items:center;gap:14px}.mark{font-size:33px;color:#ffc85b;border:1px solid #344858;width:52px;height:52px;display:grid;place-items:center;transform:rotate(0deg)}.brandname{font-family:'Space Grotesk',sans-serif;letter-spacing:.12em;font-weight:700;font-size:18px}.brandname span{color:#f9bd4d}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-top:5px}.brand small b{color:#ce963a;margin:0 6px}.headright{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;color:#a2bbc9;font-weight:700}.statusdot{width:7px;height:7px;border-radius:50%;background:#3fd9a4;box-shadow:0 0 12px #38bf95}.headid{border-left:1px solid var(--line);padding-left:19px;margin-left:12px;color:#5e7f93}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 366px}.visual-area{position:relative;overflow:hidden;background:radial-gradient(ellipse at 47% 37%,#14354c 0,#061524 55%,#030b14 100%)}.visual-area canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;outline:none}.visual-area #fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;opacity:.65;filter:brightness(.72)}.visual-area:has(canvas.ready) #fallback{display:none}.titleplate{position:absolute;z-index:4;pointer-events:none;top:40px;left:43px}.eyebrow,.overline{letter-spacing:.18em;font-size:10px;font-weight:700;color:#e0b258}.titleplate h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,3vw,50px);letter-spacing:-.055em;margin:8px 0 0;font-weight:700;text-shadow:0 4px 18px #041021}.titleplate h1 span{color:var(--gold)}.titleplate p{margin:0;font-size:16px;color:#a5bdc9;letter-spacing:.05em}.technical-status{position:absolute;z-index:4;top:50px;right:35px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;font-family:monospace;font-size:11px;letter-spacing:.06em;color:#9ac4d7}.technical-status span:first-child{color:#65ddc2}.compass{position:absolute;right:30px;bottom:109px;z-index:3;display:flex;align-items:center;flex-direction:column;gap:4px;color:#8fb4c6;font-family:monospace;font-size:11px}.compass div{border:1px solid #486a80;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:31px;color:#d0e2eb}.watermark{position:absolute;z-index:3;left:43px;bottom:125px;color:#819db0;letter-spacing:.11em;font-size:9px;pointer-events:none}.bottomtools{position:absolute;z-index:4;left:35px;bottom:24px;display:flex;gap:10px}.bottomtools button{background:#0c2132cc;color:#bdcfda;border:1px solid #385264;border-radius:6px;padding:12px 14px;font-weight:700;font-size:12px;letter-spacing:.075em}.bottomtools button:hover{border-color:#ffd478;color:#ffe3a0}.bottomtools button span{margin-left:9px;font-size:10px}.label-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.tag3d{position:absolute;pointer-events:auto;background:rgba(4,24,37,.83);color:#d8e9f3;border:1px solid rgba(110,183,209,.42);border-radius:5px;padding:7px 11px;font-size:10px;font-weight:700;white-space:nowrap;letter-spacing:.04em;box-shadow:0 6px 22px #0009;transform:translate(-50%,-50%);cursor:pointer}.tag3d:before{content:'+';color:var(--gold);margin-right:8px;font-weight:700}.tag3d:hover,.tag3d.active{background:#22536b;color:#fff;border-color:var(--gold)}#loading{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(3,17,28,.82);transition:opacity .5s;color:#e7f2f8;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.13em;font-size:13px}#loading small{font-family:'DM Sans',sans-serif;color:#7693a5;margin-top:13px;letter-spacing:.03em;font-weight:400}#loading.hidden{opacity:0;pointer-events:none}.loadingIcon{font-size:48px;margin-bottom:23px;color:var(--gold);animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inspector{border-left:1px solid var(--line);background:#091723;min-height:0;display:flex;flex-direction:column}.inspectorTitle{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:25px 22px 23px;border-bottom:1px solid var(--line)}.inspectorTitle h2{font-size:22px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.025em;margin:6px 0 0}.live{font-size:9px;color:#61dcbb;letter-spacing:.09em;border:1px solid #276451;border-radius:3px;padding:7px 8px}.inspectorScroll{overflow-y:auto;min-height:0;flex:1;scrollbar-color:#28465a transparent;scrollbar-width:thin}.controlBlock{padding:23px 22px 25px;border-bottom:1px solid var(--line)}.sectionHead{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sectionHead>span{font-family:monospace;color:#d29b46;font-size:12px}.sectionHead h3{font-size:11px;font-weight:700;letter-spacing:.16em;color:#d4e0e8;margin:0}.sectionHead em{font-style:normal;color:#658497;margin-left:5px}.segmented{border:1px solid #274052;background:#0d2232;display:grid;grid-auto-flow:column;border-radius:6px;padding:4px;gap:2px}.segmented button{border:0;background:none;color:#86a4b8;font-size:11px;font-weight:700;padding:11px 6px;letter-spacing:.09em;border-radius:4px}.segmented button.chosen{background:#e4ac46;color:#111d25;box-shadow:0 2px 10px #0005}.detailLine,.toggleLine{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a1b8c6;margin-top:19px}.detailLine strong{font-size:10px;color:#d4b074;letter-spacing:.07em}.toggleLine{cursor:pointer;user-select:none}.toggleLine input{position:absolute;opacity:0}.toggleLine i{width:35px;height:20px;border-radius:50px;background:#2d4250;position:relative;transition:background .2s}.toggleLine i:after{content:'';position:absolute;background:#a8c0ce;width:14px;height:14px;top:3px;left:3px;border-radius:50%;transition:transform .2s,background .2s}.toggleLine input:checked+i{background:#956d2b}.toggleLine input:checked+i:after{transform:translateX(15px);background:#ffcf71}.fieldLabel{display:block;font-size:11px;color:#7d9cae;margin-bottom:8px}.inspector select,.inspector input[type=search]{width:100%;border:1px solid #2a4557;background:#0d2434;color:#d6e7ef;padding:12px 10px;border-radius:5px;font-size:12px;outline:none}.inspector select:focus,.inspector input[type=search]:focus{border-color:#d8a951}.rangeLabel{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;letter-spacing:.09em;color:#9cb5c5;font-weight:700}.rangeLabel b{font-family:monospace;color:#ecc06d}.range{width:100%;margin-top:12px;appearance:none;background:#2d4a5b;height:3px;border-radius:3px;cursor:pointer}.range::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#ffc65f;border:3px solid #0f293a;box-shadow:0 0 0 1px #dfad53}.partsBlock{border-bottom:0}.componentList{margin-top:13px;max-height:290px;overflow-y:auto;scrollbar-width:thin}.part{width:100%;padding:12px 5px;display:flex;gap:10px;border:0;border-bottom:1px solid #213444;background:transparent;text-align:left;color:#b0c6d4;font-size:11px;cursor:pointer}.part:hover,.part.active{color:#ffcc68;background:#102b3c}.part span{font-family:monospace;color:#5f899f;font-size:9px;min-width:18px}.part b{font-size:11px;font-weight:600}.placeholderList{color:#608399;font-size:12px;padding:18px 0}.selectedInfo{border-top:1px solid #263b49;padding:18px 21px 22px;flex-shrink:0;background:#0e2433;max-height:205px;overflow-y:auto}.selectedInfo strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;margin-top:7px}.selectedInfo p{font-size:11px;line-height:1.65;color:#9bb6c8;margin:8px 0 0}.footer{height:37px;border-top:1px solid var(--line);background:#06121e;padding:0 25px;display:flex;align-items:center;justify-content:space-between;color:#607a8c;font-size:9px;font-weight:700;letter-spacing:.09em}.footer b{color:#b47a34;margin:0 8px}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.headid{display:none}.titleplate{left:25px;top:27px}.titleplate h1{font-size:35px}.technical-status{top:auto;bottom:48px;right:18px}.inspectorTitle{padding:20px}.controlBlock{padding:18px 17px}}@media(max-width:800px){.application{height:auto;min-height:100dvh;overflow:visible}.masthead{padding:0 14px;min-height:65px}.brandname{font-size:14px}.brand small{font-size:8px}.mark{height:42px;width:42px}.headright{display:none}.workspace{display:flex;flex-direction:column}.visual-area{height:72vh;min-height:530px}.inspector{height:auto}.inspectorScroll{overflow:visible}.inspectorTitle{padding:19px}.titleplate{top:22px;left:17px}.titleplate h1{font-size:32px}.titleplate p{font-size:13px}.eyebrow{font-size:8px}.technical-status{bottom:85px;right:12px;font-size:9px}.bottomtools{bottom:13px;left:14px}.bottomtools button{padding:10px}.bottomtools button span{display:none}.watermark{bottom:70px;left:18px;font-size:8px}.compass{right:16px;bottom:133px}.footer{height:auto;gap:8px;padding:12px;flex-direction:column;text-align:center;font-size:8px}}