:root{--bg:#02030a;--panel:#0c101cd1;--panel-border:#78a0dc2e;--text:#e8edf6;--text-dim:#9aa6bd;--accent:#7fd0ff;--accent-rgb:127, 208, 255;--radius-panel:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}.app{position:fixed;inset:0}.app canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.topbar{z-index:10;pointer-events:none;background:linear-gradient(#02030abf 0%,#02030a00 100%);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.04em;text-transform:uppercase;pointer-events:auto;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand-dot{background:radial-gradient(circle at 35% 30%,#ffe9a8,#ff9d2f 60%,#b9560a);border-radius:50%;width:12px;height:12px;box-shadow:0 0 14px 2px #ffaa46b3}.bodynav{pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex}.bodynav button{color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:12.5px;transition:all .15s}.bodynav button:hover{color:var(--text);background:rgba(var(--accent-rgb), .12)}.bodynav button.active{color:#02030a;background:var(--accent);border-color:var(--accent);font-weight:600}.timebar{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.timebar button,.timebar .speed{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:9px;padding:6px 12px;font-size:13px;transition:background .15s}.timebar button:hover{background:rgba(var(--accent-rgb), .16)}.timebar .play{width:38px;color:var(--accent);font-size:13px}.timebar .date{font-variant-numeric:tabular-nums;text-align:center;min-width:116px;color:var(--text);font-size:13px}.timebar .speed{appearance:none;padding-right:26px}.orbits-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.seg{border:1px solid var(--panel-border);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:0;padding:6px 12px;font-size:12px;transition:all .15s}.seg button.on{background:var(--accent);color:#02030a;font-weight:600}.level-seg{margin:2px 0 14px}.scale-note{text-align:center;max-width:540px;color:var(--text-dim);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9;border-radius:10px;padding:8px 16px;font-size:12.5px;animation:.3s slideIn;position:absolute;top:64px;left:50%;transform:translate(-50%)}.info-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;border-radius:16px;width:320px;max-height:calc(100% - 160px);padding:22px 22px 24px;animation:.28s cubic-bezier(.2,.8,.2,1) slideIn;position:absolute;top:70px;right:20px;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.info-panel .close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.info-panel .close:hover{color:var(--text)}.info-type{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px}.info-panel h2{margin:4px 0 2px;font-size:30px;font-weight:600}.info-panel .tagline{color:var(--text-dim);margin:0 0 14px;font-size:13.5px;font-style:italic}.info-panel .overview{color:#cdd5e4;margin:0 0 18px;font-size:13.5px;line-height:1.65}.facts{background:var(--panel-border);border-radius:10px;flex-direction:column;gap:1px;margin-bottom:18px;display:flex;overflow:hidden}.fact{background:#080b14b3;justify-content:space-between;gap:12px;padding:9px 13px;font-size:12.5px;display:flex}.fact-label{color:var(--text-dim)}.fact-value{color:var(--text);text-align:right;font-weight:500}.flybtn{border:1px solid var(--accent);background:rgba(var(--accent-rgb), .14);width:100%;color:var(--accent);cursor:pointer;border-radius:10px;padding:11px;font-size:13.5px;font-weight:600;transition:background .15s}.flybtn:hover{background:rgba(var(--accent-rgb), .26)}.planet-label{letter-spacing:.05em;color:#dce6f5bf;white-space:nowrap;text-shadow:0 0 6px #000000e6;font-size:11.5px;transition:color .15s}.planet-label.selected{color:var(--accent);font-weight:600}.planet-label.moon{color:#becde199;font-size:10px;transition:opacity .25s}.nav-sep{background:var(--panel-border);align-self:center;width:1px;height:16px;margin:0 2px}.bodynav button.dwarf{opacity:.82;font-size:11.5px}.info-panel::-webkit-scrollbar{width:7px}.info-panel::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .25);border-radius:4px}.feature-rail{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.rail-btn{border-radius:var(--border-radius-lg,12px);background:var(--panel);border:1px solid var(--panel-border);width:60px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:3px;padding:9px 4px;font-size:10.5px;transition:all .15s;display:flex}.rail-btn:hover{color:var(--text);border-color:var(--accent)}.rail-btn.on{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.nav-controls{z-index:10;gap:8px;display:flex;position:absolute;bottom:22px;right:16px}.nav-btn{border-radius:var(--border-radius-lg,12px);background:var(--panel);border:1px solid var(--panel-border);width:40px;height:40px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;font-size:19px;line-height:1;transition:all .15s;display:flex}.nav-btn:hover{color:var(--text);border-color:var(--accent)}.nav-btn.on{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.lpanel{border-radius:var(--radius-panel);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;width:320px;max-height:calc(100% - 170px);padding:16px;animation:.28s slideIn;position:absolute;top:70px;left:90px;overflow-y:auto}.lpanel-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.lpanel-head .close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.lpanel-head .close:hover{color:var(--text)}.lpanel-foot{color:var(--text-dim);margin:12px 0 0;font-size:11px}.events-list{flex-direction:column;gap:6px;display:flex}.event-row{text-align:left;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:9px;grid-template-columns:66px 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:grid}.event-row:hover{background:rgba(var(--accent-rgb), .12)}.event-row.active,.event-row.active:hover{background:rgba(var(--accent-rgb), .18);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px rgba(var(--accent-rgb), .3)}.event-row.active .event-title{color:var(--accent);font-weight:600}.event-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.event-title{font-size:12px}.event-tag{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:rgba(var(--accent-rgb), .15);color:var(--accent);border-radius:6px;padding:2px 6px;font-size:9.5px}.event-tag.t-eclipse{color:#e8a583;background:#d88a6b2e}.event-tag.t-shower{color:#88d9b4;background:#9fe1cb29}.sw-msg{color:var(--text-dim);margin:8px 0 0;font-size:12.5px;line-height:1.5}.sw-msg code{color:var(--accent);font-size:11.5px}.sw-kp{background:rgba(var(--accent-rgb), .1);border:1px solid var(--panel-border);border-radius:12px;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.sw-kp-num{font-variant-numeric:tabular-nums;color:var(--accent);font-size:38px;font-weight:700;line-height:1}.sw-kp-label{color:var(--text-dim);font-size:12.5px}.sw-kp-label strong{color:var(--text);text-transform:capitalize}.sw-kp.lvl-quiet{background:#88d9b41a}.sw-kp.lvl-quiet .sw-kp-num{color:#7fe0b0}.sw-kp.lvl-unsettled{background:#d6d67f1a}.sw-kp.lvl-unsettled .sw-kp-num{color:#e4e08a}.sw-kp.lvl-active{background:#e8a5831f}.sw-kp.lvl-active .sw-kp-num{color:#f0b48a}.sw-kp.lvl-storm{background:#e8785a24}.sw-kp.lvl-storm .sw-kp-num{color:#ff8a5c}.sw-kp.lvl-severe{background:#ff5a7829}.sw-kp.lvl-severe .sw-kp-num{color:#ff6b8a}.sw-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.sw-metrics>div{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:9px;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.sw-metrics span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10.5px}.sw-metrics strong{font-variant-numeric:tabular-nums;font-size:15px}.sw-aurora{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:10px;margin-bottom:12px;padding:11px 12px;font-size:12.5px;line-height:1.5}.sw-aurora.likely{color:#aef0d2;background:#88d9b41f;border-color:#88d9b466}.sw-aurora.possible{background:rgba(var(--accent-rgb), .1);border-color:rgba(var(--accent-rgb), .35);color:#bfeeff}.sw-aurora.unlikely{color:var(--text-dim)}.sw-live{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:4px 0;font-size:12.5px;display:flex}.sw-live input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.pulse-readout{color:#bfeeff;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:11;pointer-events:none;background:#8fe6ff1f;border:1px solid #8fe6ff66;border-radius:999px;padding:7px 16px;font-size:12.5px;transition:opacity .3s;position:absolute;top:108px;left:50%;transform:translate(-50%)}.pulse-toasts{z-index:12;pointer-events:none;flex-direction:column;gap:8px;width:232px;display:flex;position:absolute;top:74px;right:18px}.pt-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding-left:4px;font-size:11px}.pulse-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#8fe6ff1a;border:1px solid #8fe6ff57;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;animation:.35s toastIn;display:flex}.pt-dot{border-radius:50%;flex:none;width:9px;height:9px}.pt-name{color:var(--text);font-size:13px;font-weight:600}.pt-time{font-variant-numeric:tabular-nums;color:var(--text-dim);margin-left:auto;font-size:11.5px}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.sky-overlay{z-index:60;animation:.4s fadeIn;position:absolute;inset:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sky-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.sky-canvas:active{cursor:grabbing}.sky-top{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#080c168c;border-radius:999px;align-items:center;gap:16px;padding:10px 14px 10px 18px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.sky-title{flex-direction:column;line-height:1.3;display:flex}.sky-title strong{letter-spacing:.02em;font-size:14px}.sky-title span{color:var(--text-dim);text-transform:capitalize;font-size:11.5px}.sky-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.sky-close:hover{color:var(--text)}.sky-locate{text-align:center;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c16b3;border-radius:18px;width:min(420px,86vw);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sky-locate p{color:var(--text);margin:0 0 16px;font-size:14px}.sky-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.sky-loc-btn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:8px 14px;font-size:13px;transition:background .15s}.sky-loc-btn:hover{background:rgba(var(--accent-rgb), .16)}.sky-loc-btn.primary{background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .5);color:#d6f3ff;font-weight:600}.sky-panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c168c;border-radius:16px;width:268px;padding:14px 16px;position:absolute;bottom:22px;left:22px}.sky-panel-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.sky-none{color:var(--text-dim);margin:0;font-size:12.5px}.sky-chips{flex-direction:column;gap:5px;max-height:40vh;display:flex;overflow-y:auto}.sky-chip{color:var(--text);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:9px;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:7px 9px;transition:background .15s,border-color .15s;display:grid}.sky-chip:hover{background:rgba(var(--accent-rgb), .12)}.sky-chip.on{background:rgba(var(--accent-rgb), .14);border-color:#8fe6ff99}.sky-chip .dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px}.sky-chip .nm{font-size:13px}.sky-chip .meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.sky-moon{color:var(--text-dim);margin:10px 0 0;font-size:11.5px}.sky-hint{color:var(--text-dim);opacity:.8;margin:8px 0 0;font-size:11px}.sky-focus{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c1699;border-radius:16px;flex-direction:column;gap:10px;min-width:180px;padding:14px 16px;display:flex;position:absolute;bottom:22px;right:22px}.sky-focus-info{flex-direction:column;gap:2px;display:flex}.sky-focus-info strong{font-size:16px}.sky-focus-info span{color:var(--text-dim);font-size:12px}.sky-fly{background:rgba(var(--accent-rgb), .18);border:1px solid rgba(var(--accent-rgb), .5);color:#d6f3ff;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s}.sky-fly:hover{background:rgba(var(--accent-rgb), .3)}.sky-motion{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c168c;border-radius:999px;padding:8px 14px;font-size:12.5px;position:absolute;top:76px;right:22px}@media (width<=640px){.info-panel{width:calc(100% - 32px);max-height:46%;top:auto;bottom:84px;right:16px}.bodynav{display:none}.lpanel{width:calc(100% - 90px);left:16px}.sky-panel{width:auto;bottom:12px;left:12px;right:12px}.sky-focus{bottom:150px;right:12px}}.ecl-toggle{gap:6px;margin-bottom:10px;display:flex}.ecl-toggle button{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;flex:1;padding:6px 0;font-size:12px;transition:background .15s,color .15s,border-color .15s}.ecl-toggle button:hover{color:var(--text)}.ecl-toggle button.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .12)}.ecl-diagram{border:1px solid var(--panel-border);background:#00000040;border-radius:10px;width:100%;height:auto;display:block}.ecl-explain{color:var(--text-dim);margin:10px 0 14px;font-size:12px;line-height:1.5}.ecl-explain strong{color:var(--text);font-weight:600}.ecl-sun{fill:#ffd27a}.ecl-earth{fill:#5b8dd6}.ecl-moon{fill:#cfd6e2}.ecl-label{fill:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.ecl-ray{stroke:#ffd27a;stroke-opacity:.35;stroke-width:1px}.ecl-shadow{fill:#0a0e189e}.ecl-slider{animation:6s ease-in-out infinite eclSlide}@keyframes eclSlide{0%{opacity:.35;transform:translateY(-26px)}42%,58%{opacity:1;transform:translateY(0)}to{opacity:.35;transform:translateY(26px)}}.ecl-subhead{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:0 0 8px;font-size:11px}.ecl-list{flex-direction:column;gap:6px;display:flex}.ecl-row{text-align:left;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:9px;grid-template-columns:66px 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:grid}.ecl-row:hover{background:rgba(var(--accent-rgb), .12)}.ecl-row.active{border-color:var(--accent);background:rgba(var(--accent-rgb), .16);box-shadow:0 0 0 1px var(--accent), 0 0 14px rgba(var(--accent-rgb), .35)}.ecl-row.active .ecl-title{color:var(--accent)}.ecl-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.ecl-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ecl-title{font-size:12px}.ecl-detail{color:var(--text-dim);font-size:10.5px;line-height:1.35}.ecl-tag{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:9.5px}.ecl-tag.t-solar{color:#ffd27a;background:#ffd27a29}.ecl-tag.t-lunar{color:#cfd6e2;background:#cfd6e224}.cmt-list{flex-direction:column;gap:6px;display:flex}.cmt-row{text-align:left;border:1px solid var(--panel-border);width:100%;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:9px;padding:9px 11px;transition:background .15s;display:block}.cmt-row:hover{background:rgba(var(--accent-rgb), .12)}.cmt-row.selected{background:rgba(var(--accent-rgb), .16);border-color:var(--accent)}.cmt-row.active{background:rgba(var(--accent-rgb), .22);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px rgba(var(--accent-rgb), .35)}.cmt-row.active .cmt-name{color:var(--accent)}.cmt-row-head{align-items:center;gap:8px;display:flex}.cmt-dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 6px}.cmt-name{font-size:12.5px;font-weight:600}.cmt-dates{flex-wrap:wrap;gap:4px 14px;margin-top:5px;display:flex}.cmt-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.cmt-date b{color:var(--text);font-weight:500}.cmt-blurb{color:var(--text-dim);margin:8px 0 0;font-size:11.5px;line-height:1.45}.aln-intro{color:var(--text-dim);margin:0 0 12px;font-size:11.5px;line-height:1.5}.aln-list{flex-direction:column;gap:6px;display:flex}.aln-row{text-align:left;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:9px;grid-template-columns:66px 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:grid}.aln-row:hover{background:rgba(var(--accent-rgb), .12)}.aln-row.active,.aln-row.active:hover{background:rgba(var(--accent-rgb), .18);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px rgba(var(--accent-rgb), .28)}.aln-row.active .aln-title{color:var(--accent);font-weight:600}.aln-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.aln-main{flex-direction:column;gap:3px;min-width:0;display:flex}.aln-title{font-size:12px;line-height:1.25}.aln-dots{align-items:center;gap:3px;display:flex}.aln-dot{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 4px #ffffff40}.aln-spread{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:rgba(var(--accent-rgb), .15);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-size:9.5px}.exp-intro{color:var(--text-dim);margin:0 0 14px;font-size:12.5px;line-height:1.5}.exp-field{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);flex-direction:column;gap:5px;font-size:11px;display:flex}.exp-field input{border:1px solid var(--panel-border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0a;border-radius:9px;padding:8px 10px;font-size:13px}.exp-field input:focus{border-color:var(--accent);outline:none}.exp-now{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:5px 10px;font-size:11.5px;transition:all .15s}.exp-now:hover{color:var(--text);border-color:var(--accent)}.exp-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:16px 0 8px;font-size:11px}.exp-sets{flex-direction:column;gap:6px;display:flex}.exp-set{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 11px;transition:all .15s;display:flex}.exp-set:hover{border-color:var(--accent)}.exp-set.active{border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.exp-set-label{font-size:13px}.exp-set-hint{color:var(--text-dim);font-size:11px}.exp-preview{flex-direction:column;align-items:center;gap:10px;margin:16px 0 6px;display:flex}.exp-toggles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.exp-toggle{border:1px solid var(--panel-border);border-radius:9px;display:inline-flex;overflow:hidden}.exp-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:12px;transition:all .15s}.exp-toggle button.active{background:rgba(var(--accent-rgb), .16);color:var(--accent)}.exp-preview canvas{border:1px solid var(--panel-border);background:#000308;border-radius:12px}.exp-downloads{gap:8px;margin-top:8px;display:flex}.exp-dl{background:rgba(var(--accent-rgb), .12);border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:10px;flex:1;padding:9px 8px;font-size:12px;transition:all .15s}.exp-dl:hover{background:rgba(var(--accent-rgb), .22)}