*{box-sizing:border-box}:root{color-scheme:dark;--bg: #07101b;--panel: rgba(18, 29, 42, .84);--panel-strong: rgba(23, 35, 49, .94);--panel-soft: rgba(18, 28, 40, .66);--line: rgba(139, 164, 194, .25);--line-strong: rgba(115, 152, 196, .48);--text: #edf5ff;--muted: #98a9bc;--subtle: #6f8298;--blue: #1588ff;--blue-deep: #075dbb;--green: #39c36e;--orange: #f28a31;--yellow: #fff35a;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 42% 38%,rgba(41,132,255,.18),transparent 28rem),radial-gradient(circle at 70% 18%,rgba(74,222,128,.08),transparent 24rem),linear-gradient(180deg,#050b13,#08121f 46%,#06101c)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.app-shell{width:100%;height:100dvh;min-height:0;padding:10px;display:grid;grid-template-rows:96px minmax(0,1fr);gap:12px;overflow:hidden}.topbar{display:grid;grid-template-columns:minmax(380px,1fr) auto;align-items:center;gap:28px;padding:12px 24px;border:1px solid var(--line-strong);border-radius:10px;background:#070d16e6;box-shadow:0 10px 34px #00000052,inset 0 1px #ffffff0a;min-width:0}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:54px;height:54px;color:#1588ff;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:contain;transform:scale(1.55);filter:drop-shadow(0 0 11px rgba(66,166,226,.28))}.brand h1{margin:0;font-size:25px;line-height:1.1;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{display:block;margin-top:7px;color:#bdc9d8;font-size:13px;font-weight:600}.top-actions{justify-self:end;display:flex;align-items:center;gap:14px;min-width:0}.top-actions button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 15px;border-radius:8px;background:transparent;color:#e7eef7;font-size:16px;font-weight:700}.top-actions button:hover,.top-actions button.active{background:#1588ff1f;color:#fff}.top-actions svg{width:28px;height:28px}.workspace{display:grid;grid-template-columns:clamp(290px,20vw,400px) minmax(520px,1fr) clamp(340px,24vw,470px);gap:12px;min-height:0;overflow:hidden}.panel-stack{display:flex;flex-direction:column;gap:12px;min-height:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#192533e0,#0e1823e0);box-shadow:inset 0 1px #ffffff0a,0 12px 34px #0003;overflow:hidden}.left-rail,.right-rail{min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(125,208,255,.3) transparent}.module-panel{flex:0 0 auto}.crystal-selection-panel{flex:0 0 auto;padding-bottom:13px}.crystal-selection-heading svg{width:19px;height:19px;color:#b8c8da}.crystal-picker{margin:12px 14px 0;min-height:70px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(38,151,255,.68);border-radius:7px;background:linear-gradient(135deg,#106bd8,#074a9f);box-shadow:0 8px 22px #0753af47;cursor:pointer}.crystal-picker>svg{width:24px;height:24px}.crystal-picker-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:9px}.crystal-picker-copy small{min-width:0;color:#f5f9ff;font-size:14px;font-weight:750;line-height:1.35}.crystal-picker select{width:72px;min-height:35px;padding:0 8px;border:1px solid rgba(255,255,255,.36);border-radius:6px;outline:none;background:#073d84;color:#fff;font-weight:800;cursor:pointer}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#ffffff05}.panel-tab{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#cbd8e6;font-weight:650;border-bottom:2px solid transparent}.panel-tab svg{width:18px;height:18px}.panel-tab.active{color:#1492ff;border-bottom-color:#1492ff}.module-list{padding:8px 12px 10px;display:grid;gap:0}.module-row{height:54px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:0 12px;border-radius:6px;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:#e4edf7;text-align:left;transition:background .18s ease,transform .18s ease}.module-row:hover{background:#ffffff12}.module-row.active{background:linear-gradient(135deg,#0e86ff,#0759b6);box-shadow:0 7px 18px #096adc40}.module-row:disabled{opacity:.42;cursor:not-allowed}.module-row:disabled:hover{background:#ffffff09}.module-row svg{width:22px;height:22px;color:#ecf6ff}.display-settings-tab{padding:22px 0 18px}.controls-panel{flex:0 0 auto}.panel-heading,.card-title{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:transparent;border-bottom:1px solid var(--line);font-size:17px;font-weight:800}.panel-heading>span{display:inline-flex;align-items:center;gap:8px}.panel-heading svg{width:18px;height:18px}.switch-list{display:grid;gap:10px;padding:0 18px}.toggle-row{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:9px;color:#dce8f5;font-size:14px;cursor:pointer}.toggle-row.disabled{opacity:.45;cursor:not-allowed}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.fake-check{width:20px;height:20px;border-radius:4px;border:1px solid rgba(209,226,245,.64);background:#ffffff05;position:relative}.toggle-row input:checked+.fake-check{background:#0f84f6;border-color:#33a1ff}.toggle-row input:checked+.fake-check:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.stage-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.stage-panel{min-height:0;border:1px solid var(--line-strong);border-radius:9px;background:radial-gradient(circle at 52% 42%,rgba(40,133,255,.12),transparent 24rem),#050d16eb;overflow:hidden;position:relative}.stage-heading{position:absolute;z-index:4;top:0;left:0;right:0;min-height:68px;display:flex;align-items:center;gap:13px;padding:0 26px;color:#eef5ff;font-size:18px;pointer-events:none}.stage-heading:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(139,164,194,.16),transparent)}.stage-heading strong{font-weight:800}.viewport-wrap,.three-mount{width:100%;height:100%;position:relative}.three-mount canvas{display:block;width:100%;height:100%}.info-card{min-height:0;flex:0 0 auto}.info-grid{display:grid;grid-template-columns:minmax(138px,45%) minmax(0,1fr);gap:0;margin:0;padding:18px 24px 25px}.info-grid dt,.info-grid dd{min-height:53px;margin:0;display:flex;align-items:center;font-size:15px;line-height:1.45}.info-grid dt{color:#c7d3e1;font-weight:650}.info-grid dd{color:#f1f6ff;font-weight:700;overflow-wrap:anywhere}.teaching-card{min-height:0;flex:0 0 auto;padding-bottom:22px}.teaching-card p{margin:0;padding:22px 24px 0;color:#d8e4f2;line-height:1.9;font-size:15px}@media(max-width:1280px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible;grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:1fr auto;gap:12px}.top-actions{justify-self:stretch;justify-content:space-between;flex-wrap:wrap}.workspace{grid-template-columns:270px minmax(420px,1fr);overflow:visible}.left-rail,.right-rail{overflow:visible}.right-rail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:820px){.app-shell{padding:7px}.brand h1{font-size:17px;white-space:normal}.topbar{grid-template-columns:1fr}.top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.top-actions button{min-width:0;justify-content:center;padding:0 7px;background:#ffffff0a}.workspace{grid-template-columns:1fr}.stage-column{grid-template-rows:620px}.left-rail{order:1}.stage-column{order:2}.right-rail{order:3;grid-template-columns:1fr}}@media(max-width:520px){.brand{gap:9px}.brand-mark{width:34px;height:34px}.brand-mark img{width:100%;height:100%}.brand span{font-size:11px}.top-actions button{gap:4px;padding:0 4px;font-size:12px}.top-actions svg{width:18px;height:18px}.stage-column{grid-template-rows:560px}.module-row{grid-template-columns:24px 1fr}.info-grid{grid-template-columns:112px 1fr}}