:root,body{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}body{--star-core:#f1ffff;--star-primary:#65eaff;--star-secondary:#3cf3df;--star-accent:#3198ff;--glow-strength:1;--trail-strength:1;--trail-length:1;--pixel-step:.08}body.theme-cyan{--star-core:#f4ffff;--star-primary:#84f6ff;--star-secondary:#37e9d4;--star-accent:#2fb8ff}body.theme-deep-blue{--star-core:#e9fdff;--star-primary:#42d9ff;--star-secondary:#32d8c7;--star-accent:#286cff}body.style-soft-glow{--glow-strength:1.28;--trail-strength:.88;--pixel-step:.07}body.style-comet-trails{--glow-strength:1.12;--trail-strength:1.38;--pixel-step:.075}body.style-crisp{--glow-strength:.78;--trail-strength:.82;--pixel-step:.06}#overlay-canvas{z-index:1;background-color:#0000;width:100%;height:100%;display:block;position:relative}#preview-source{display:none}body[data-preview-mode=true]{background:linear-gradient(#65eaff0a 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#65eaff0a 1px,#0000 1px) 0 0/20px 20px,radial-gradient(circle,#3198ff1f,#0000 55%),#020910}body[data-preview-mode=true] #preview-source{aspect-ratio:1/1.3;opacity:1;width:min(48vw,55vh);transition:opacity var(--preview-fade-duration,.45s) ease-in-out;background:linear-gradient(135deg,#3198ff1f,#0000 48%),repeating-linear-gradient(0deg,#65eaff05 0 2px,#0000 2px 5px),#04141ec2;border:1px solid #65eaff2e;border-radius:14% 12% 16% 13%;display:block;position:fixed;top:14%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 3rem #3198ff14}body[data-preview-mode=true][data-preview-visible=false] #preview-source{opacity:0}body[data-preview-mode=true] #preview-source span{color:#65eaff6b;letter-spacing:.12em;font:600 .48rem/1 ui-monospace,monospace;position:absolute;bottom:.45rem;right:.55rem}#overlay-status:not(.sr-only){z-index:1;box-sizing:border-box;overflow-wrap:anywhere;max-width:calc(100vw - 2rem);color:var(--star-core);letter-spacing:.04em;pointer-events:none;border:1px solid var(--star-primary);background:#030e1cc7;padding:.45rem .7rem;font:600 .8rem/1.4 ui-monospace,monospace;position:fixed;top:1rem;left:1rem;box-shadow:0 0 1rem #3198ff73}#diagnostic-panel{z-index:3;box-sizing:border-box;color:#dffcff;letter-spacing:.015em;pointer-events:none;background:linear-gradient(135deg,#3198ff1a,#0000 46%),#020a16eb;border:1px solid #65eaffb8;width:min(42rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:.85rem 1rem;font:500 clamp(.66rem,.72vw,.82rem)/1.42 ui-monospace,monospace;position:fixed;top:1rem;left:1rem;overflow:hidden;box-shadow:0 0 1.4rem #3198ff57,inset 0 0 1.2rem #3cf3df0d}#diagnostic-panel h1,#diagnostic-panel h2{font:inherit;text-transform:uppercase;margin:0}#diagnostic-panel h1{color:var(--star-core);letter-spacing:.12em;font-weight:800}#diagnostic-panel h2{color:var(--star-primary);letter-spacing:.1em;margin-top:.7rem;font-size:1em;font-weight:700}.diagnostic-current,.diagnostic-events{pointer-events:auto;-webkit-user-select:text;user-select:text;margin:.35rem 0 0;padding:0;list-style:none}.diagnostic-current{gap:.2rem;display:grid}.diagnostic-current li{grid-template-columns:minmax(6.5rem,8rem) 1fr;gap:.65rem;min-width:0;display:grid}.diagnostic-label{color:var(--star-primary);font-weight:750}.diagnostic-current output,.diagnostic-events li{overflow-wrap:anywhere;min-width:0}.diagnostic-events{scrollbar-color:#65eaff73 transparent;border-top:1px solid #65eaff24;max-height:min(35vh,18rem);padding-top:.35rem;overflow-y:auto}.diagnostic-events li+li{margin-top:.13rem}.diagnostic-info{color:#b9d9e8}.diagnostic-success{color:#70f5dc}.diagnostic-warning{color:#ffd477}.diagnostic-error{color:#ff8caa}@media (width<=640px){#diagnostic-panel{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.65rem .75rem;top:.5rem;left:.5rem}.diagnostic-current li{grid-template-columns:5.8rem 1fr}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
