@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070b16;--panel:#0a101d;--panel2:#0c1120;--border:rgba(167,183,228,.105);--border2:rgba(167,183,228,.17);--text:#edf2ff;--muted:#8490ae;--faint:#535e7c;--accent:#9a8cff;--accent2:#c9adff;--cyan:#8ccff9}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:13px;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #bdb1ff;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}#app{width:100vw;height:100dvh;min-height:550px;display:grid;grid-template-columns:64px 290px minmax(0,1fr) 279px;overflow:hidden}.eyebrow,.section-heading,.sector-label,.metric span,.selection-top,.coordinates,.control-hint,.canvas-decor,.breadcrumb,.rail-foot,.repo-form label,.side-rule{letter-spacing:1.65px;font-size:9px;font-weight:700}
.rail{position:relative;z-index:2;background:#090e1a;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;padding:22px 0 18px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#aaa0ff;text-decoration:none}.brand-mark svg{width:36px}.rail-links{margin-top:77px;display:grid;gap:16px}.rail-btn{width:39px;height:39px;background:transparent;color:#67708a;border:1px solid transparent;border-radius:10px;display:grid;place-items:center}.rail-btn.active{background:#171a31;border:1px solid #282947;color:#a7a4ff}.rail-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:7px;align-items:center;color:#62718d;font-size:8px;letter-spacing:1px}.status-led,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#90e1cb;box-shadow:0 0 10px #90e1cba0}
.sidebar{z-index:2;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:linear-gradient(160deg,#0d1322 0%,#0b101c 65%,#0b101b 100%);padding:41px 20px 23px;scrollbar-width:thin;scrollbar-color:#222c4a transparent}.side-top .eyebrow{color:#978cff;display:flex;align-items:center;gap:9px}.with-dot>span{width:5px;height:5px;background:#9b8bff;border-radius:50%;box-shadow:0 0 9px #9b8bff}.side-top h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.7px;line-height:1.07;margin:25px 0 13px;max-width:215px}.side-top h1 em,.galaxy-intro h2 em{font-style:normal;background:linear-gradient(95deg,#a49dff,#edb7e4);background-clip:text;color:transparent}.side-top p{line-height:1.8;color:#808daa;font-size:11px;margin:0;max-width:235px}.repo-form{margin-top:38px}.repo-form label{display:block;color:#a4b0c7;margin-bottom:11px;font-size:9px}.input-wrap{height:42px;border:1px solid #303851;background:#11182a;border-radius:7px;display:flex;align-items:center;padding:0 6px 0 10px;gap:8px;transition:border .2s}.input-wrap:focus-within{border-color:#9289fa}.input-wrap svg{width:16px;height:16px;stroke:#858eaa;stroke-width:1.6;fill:none}.input-wrap input{min-width:0;flex:1;border:0;outline:0;color:#ecedff;background:transparent;font-size:11px}.input-wrap input::placeholder{color:#6d7891}.input-arrow{background:#262b46;color:#c7c4fa;border:0;width:26px;height:26px;border-radius:4px;font-size:17px;line-height:1}.hint{display:block;margin-top:10px;color:#596680;font-size:9px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;background:linear-gradient(100deg,#7b74e7,#9b83e9);color:#fff;font-weight:700;font-size:11px;border:0;border-radius:7px;height:42px;padding:0 14px;box-shadow:0 7px 35px #7967ec2b;transition:transform .18s,filter .18s}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-icon{font-size:17px}.error{padding:9px 10px;color:#ffb4be;background:#ff728c10;border:1px solid #fd829437;border-radius:7px;margin-top:10px;font-size:10px;line-height:1.5}.side-rule{height:1px;background:var(--border);margin:29px 0 27px}.section-heading{display:flex;align-items:center;justify-content:space-between;color:#a4aec3;white-space:nowrap}.muted-mini{color:#59637a;font-size:9px}.examples{margin-top:13px;display:grid;gap:4px}.example{background:transparent;color:inherit;border:1px solid transparent;border-radius:8px;text-align:left;padding:10px 7px;display:flex;align-items:center;gap:10px;transition:background .2s,border .2s;width:100%}.example:hover,.example.selected{background:#181d32;border-color:#242e49}.example-icon{height:32px;width:32px;border-radius:8px;display:grid;place-items:center;font-size:18px;background:#1c2742;color:#9cb7ff;flex-shrink:0}.example-icon.purple{background:#2b2345;color:#cfb4fe}.example-icon.cyan{background:#1d3543;color:#85cbed}.example-icon.pink{background:#34213d;color:#f2abce}.example-body{display:flex;flex-direction:column;gap:3px;flex:1}.example-body strong{font-size:11px;font-weight:600}.example-body small{font-size:10px;color:#75829e}.example-arrow{font-size:16px;color:#5b6682}.side-bottom{display:flex;gap:12px;align-items:start;margin-top:auto;padding:24px 9px 0;border-top:1px solid var(--border)}.note-star{color:#c3a7ff;font-size:19px}.side-bottom strong{font-size:10px;font-weight:600}.side-bottom p{line-height:1.65;color:#68758f;font-size:10px;margin:7px 0 0}
.stage{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 57% 56%,#171c39 0%,#10152b 33%,#0b1021 66%,#090d1a 100%)}.stage:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;background-image:linear-gradient(#95a0ff04 1px,transparent 1px),linear-gradient(90deg,#95a0ff04 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(ellipse at 50% 55%,#000,transparent 90%)}#galaxy-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:grab;touch-action:none}#galaxy-canvas:active{cursor:grabbing}.stage-top{position:absolute;left:27px;right:27px;top:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:1;pointer-events:none}.stage-top>*{pointer-events:auto}.breadcrumb{display:flex;align-items:center;gap:10px;color:#7e8aa7;font-size:9px}.breadcrumbs-icon{color:#bba9ff;font-size:17px}.breadcrumb-slash{color:#454b67}.breadcrumb #repo-name{color:#d4dcf2}.pill{color:#bda8ff;background:#bda8ff17;border:1px solid #bda8ff45;border-radius:30px;font-size:8px;padding:4px 7px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:8px}.ghost{display:flex;align-items:center;gap:8px;border:1px solid #6e7ca133;background:#13192cba;border-radius:7px;color:#aab5d0;height:33px;padding:0 12px;font-size:10px;backdrop-filter:blur(8px)}.ghost:hover{border-color:#8387cd88;color:#fff}.ghost span{font-size:15px}.ghost.emphasized{border-color:#9289f955;color:#c4bbff}.galaxy-intro{pointer-events:none;position:absolute;top:113px;left:38px;z-index:1;max-width:295px}.coordinates{color:#9994c3;font-size:8px;display:flex;align-items:center;gap:8px}.coordinates .live-dot{background:#9185ff;box-shadow:0 0 8px #9185ff}.galaxy-intro h2{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-1.9px;line-height:1.12;font-weight:500;margin:16px 0 12px}.galaxy-intro p{font-size:11px;line-height:1.8;max-width:245px;color:#75839d;margin:0}.canvas-decor{color:#66728c65;position:absolute;z-index:1;pointer-events:none;font-size:8px}.canvas-decor span{color:#a699ff70}.canvas-decor.top-left{top:58%;left:28px;writing-mode:vertical-rl;transform:rotate(180deg)}.canvas-decor.lower-right{right:29px;bottom:91px}.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;z-index:1;bottom:28px;left:28px;right:28px;pointer-events:none}.stage-controls>*{pointer-events:auto}.control-hint{color:#6e7b98;font-size:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hint-glyph{font-size:16px;color:#abb0e5}.sep{width:1px;height:13px;background:#394158}.control-buttons{display:flex;gap:7px}.square-control{height:31px;min-width:31px;border:1px solid #42496188;background:#131a2dbf;color:#8693b2;border-radius:6px;font-weight:700;font-size:12px}.square-control:hover,.square-control.active{color:#d8d1ff;border-color:#8a81bd99;background:#25243c}
.inspector{z-index:2;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b101c,#0a0e19);border-left:1px solid var(--border)}.inspector-head{height:75px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--border);color:#a6b0cb}.little-spark{color:#b49eff;font-size:18px}.inspector-main{padding:24px 22px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#252b44 transparent;flex:1;min-height:0}.sector-label{font-size:9px;color:#8c82c5}.inspector h3{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.8px;font-weight:600;margin:9px 0 8px;overflow-wrap:anywhere}.inspector-main>p{font-size:10px;line-height:1.75;color:#7a86a4;margin:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 30px}.metric{border:1px solid #2a33483d;background:#151b2a70;border-radius:8px;min-height:80px;padding:13px 11px;display:flex;flex-direction:column;justify-content:space-between}.metric span{color:#777f98;font-size:8px;letter-spacing:1.1px}.metric strong{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500}.language-list{margin-top:17px;display:grid;gap:11px}.lang-btn{width:100%;border:1px solid transparent;background:none;border-radius:6px;color:#aeb8d0;padding:3px 2px;text-align:left}.lang-btn:hover,.lang-btn.active{background:#27233e;border-color:#59517f80}.lang-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.lang-name{display:flex;gap:8px;align-items:center}.color-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px currentColor}.lang-value{color:#6c7892;font-variant-numeric:tabular-nums}.bar-track{width:100%;height:3px;background:#252b3f;margin-top:8px;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.text-action{font-size:10px;background:none;color:#c8b7ff;border:0;padding:10px 0 0}.systems-title{margin-top:29px}.systems-list{display:grid;gap:6px;margin-top:12px}.system-btn{border:1px solid transparent;background:transparent;color:#aeb9d0;display:flex;gap:9px;align-items:center;justify-content:space-between;width:100%;padding:8px 6px;text-align:left;border-radius:6px;font-size:10px}.system-btn:hover,.system-btn.active{background:#1a2133;border-color:#333b56}.system-icon{color:#aea0ff;margin-right:4px}.system-name{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-count{margin-left:auto;color:#72819e;font-size:9px}.selection{border-top:1px solid var(--border);background:#101626;flex-shrink:0;padding:16px 22px 19px;min-height:162px;max-height:245px;overflow-y:auto}.selection-top{display:flex;justify-content:space-between;color:#a3aec6;font-size:9px}.selection-top>span:last-child{color:#9d91dc}.selection-content{margin-top:16px}.selection-placeholder{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.selection-ring{grid-row:span 2;width:37px;height:37px;border:1px solid #6d5e9b;border-radius:50%;display:grid;place-items:center;color:#c9a9ff;font-size:16px}.selection-placeholder strong{font-size:11px;font-weight:600}.selection-placeholder p{font-size:10px;color:#74809c;line-height:1.5;margin:5px 0 0}.star-info{display:flex;align-items:flex-start;gap:11px}.star-glow{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#736aff24;font-size:17px}.star-meta{min-width:0;flex:1}.star-meta strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.star-meta p{font-size:10px;color:#8390ad;overflow-wrap:anywhere;line-height:1.5;margin:6px 0}.star-meta small{font-size:9px;color:#a0add1}.star-link{display:inline-block;margin-top:10px;font-size:10px;color:#c4b6ff;text-decoration:none}.star-link:hover{text-decoration:underline}
.crumb-link{background:none;border:0;color:#7e8aa7;padding:0;font:inherit;letter-spacing:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit}.crumb-link:hover{color:#d4dcf2}.crumb-system-wrap{display:inline-flex;align-items:center;gap:10px}.crumb-system{color:#d4dcf2;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-wrap{margin:12px 0 8px;height:36px;border:1px solid #303851;background:#11182a;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:8px}.search-wrap:focus-within{border-color:#9289fa}.search-wrap svg{width:14px;height:14px;stroke:#858eaa;stroke-width:1.7;fill:none;flex-shrink:0}.search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#ecedff;font-size:11px}.search-wrap input::placeholder{color:#6d7891}.search-results{display:grid;gap:2px;margin-bottom:18px;max-height:168px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#252b44 transparent}.search-results:empty{display:none}.search-hit{width:100%;border:1px solid transparent;background:transparent;color:#aeb8d0;border-radius:6px;padding:8px 7px;text-align:left;display:grid;gap:2px}.search-hit:hover,.search-hit.active{background:#1a2133;border-color:#333b56}.search-hit strong{font-size:11px;font-weight:600;color:#e7ecff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-hit span{font-size:9px;color:#72819e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-empty{font-size:10px;color:#6d7891;padding:6px 4px 10px}.system-filter{width:100%;margin-top:10px;height:32px;border:1px solid #303851;background:#11182a;border-radius:6px;color:#ecedff;padding:0 10px;font-size:10px;outline:0}.system-filter:focus{border-color:#9289fa}.system-filter::placeholder{color:#6d7891}.systems-list{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#252b44 transparent}.folder-section{margin-top:4px}.timeline-bar{position:absolute;z-index:2;left:28px;right:28px;bottom:72px;pointer-events:auto;padding:12px 14px 10px;border:1px solid #42496188;background:#131a2de8;backdrop-filter:blur(10px);border-radius:10px}.timeline-meta{display:flex;justify-content:space-between;align-items:center;color:#c4bbff;font-size:10px;margin-bottom:8px}.timeline-count{color:#6e7b98;font-size:9px}.timeline-bar input[type=range]{width:100%;accent-color:#9a8cff;cursor:pointer}.timeline-ends{display:flex;justify-content:space-between;margin-top:6px;color:#66728c;font-size:8px;letter-spacing:1.2px;font-weight:700}.ghost.loading{opacity:.65}
.boot-error{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);padding:22px 24px;border:1px solid #7067a1;background:#12172afa;box-shadow:0 24px 80px #000a;border-radius:12px;color:#e4dcff}.boot-error strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px;margin-bottom:10px}.boot-error p{font-size:12px;line-height:1.7;color:#aab5d0;margin:0 0 10px}.boot-error pre{margin:0 0 12px;padding:10px 12px;background:#0b1020;border:1px solid #303851;border-radius:7px;color:#c4bbff;font-size:12px;overflow-x:auto}.boot-error a{color:#c4bbff}.boot-error code{font-size:11px;color:#d7cffc}
.share-dialog{width:min(520px,92vw)}.share-dialog h2{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.8px;margin:8px 0 10px;overflow-wrap:anywhere}.share-field-label{display:block;margin:14px 0 7px;color:#98a3c0;font-size:9px;letter-spacing:1.4px;font-weight:700}.share-row{display:flex;gap:8px}.share-row input,.share-dialog textarea{width:100%;border:1px solid #303851;background:#11182a;border-radius:7px;color:#ecedff;padding:10px 11px;font-size:11px;resize:vertical}.share-row .ghost{flex-shrink:0}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.share-primary{width:auto;margin:0;height:38px;padding:0 14px;gap:10px}.record-overlay{position:fixed;z-index:15;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid #ff7b9a66;background:#1a1020f0;color:#ffd0dc;font-size:12px;backdrop-filter:blur(8px)}.record-dot{width:8px;height:8px;border-radius:50%;background:#ff5f84;box-shadow:0 0 12px #ff5f84;animation:recpulse 1s ease-in-out infinite}@keyframes recpulse{50%{opacity:.35}}
body.embed{overflow:hidden}body.embed #app{grid-template-columns:minmax(0,1fr);height:100dvh;min-height:100%}body.embed .rail,body.embed .sidebar,body.embed .inspector{display:none!important}body.embed .stage{min-height:100dvh}body.embed .galaxy-intro.embed-intro{top:78px;left:22px}body.embed .galaxy-intro h2,body.embed .galaxy-intro p{display:none}body.embed .canvas-decor{display:none}body.embed .stage-top{top:16px;left:16px;right:16px}
.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;border:1px solid #7067a1;background:#1b1b38f5;box-shadow:0 10px 40px #0007;border-radius:8px;padding:11px 17px;color:#e4dcff;transition:all .25s;font-size:11px}.toast.show{transform:translate(-50%,0);opacity:1}dialog{background:#12172a;color:var(--text);border:1px solid #474467;border-radius:16px;padding:28px;width:min(420px,90vw);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#030610b9;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-symbol{font-size:42px;color:#a99cff}.dialog-head button{border:0;background:#242b42;color:#d9dffc;border-radius:6px;width:28px;height:28px}dialog .eyebrow{color:#998eff}dialog h2{font-family:'Space Grotesk',sans-serif;font-size:29px;letter-spacing:-1px}dialog p:not(.eyebrow){line-height:1.8;color:#aab5d0;font-size:12px}dialog .primary{max-width:230px;margin-top:23px}
@media (max-width:1250px){#app{grid-template-columns:55px 254px minmax(0,1fr) 240px}.sidebar{padding:35px 16px 19px}.inspector-main{padding:21px 16px}.inspector-head{padding:0 16px}.selection{padding:16px}.stage-top{left:18px;right:18px}.galaxy-intro{left:25px}.galaxy-intro h2{font-size:30px}.control-hint{font-size:7px;gap:5px}}
@media (max-width:1050px){#app{grid-template-columns:52px 260px minmax(0,1fr)}.inspector{position:absolute;right:14px;top:82px;bottom:80px;width:240px;border:1px solid var(--border);border-radius:10px;background:#0b101ee8;backdrop-filter:blur(14px)}.inspector-head{height:50px}.inspector-main{padding-top:14px}.galaxy-intro{top:105px;max-width:200px}.galaxy-intro h2{font-size:26px}.galaxy-intro p{max-width:175px}}
@media (max-width:760px){body{overflow:auto}#app{display:flex;flex-direction:column;height:auto;min-height:100dvh}.rail{height:56px;flex-direction:row;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--border)}.rail-links{margin:0;display:flex;gap:9px}.rail-foot{margin:0;flex-direction:row}.sidebar{border:0;padding:20px 20px 18px;display:block;order:1}.side-top{display:none}.repo-form{margin:0}.repo-form .primary{margin-top:10px}.side-rule,.sidebar>.section-heading,.examples,.side-bottom{display:none}.stage{order:2;height:70vh;min-height:510px}.stage-top{top:17px}.galaxy-intro{top:88px;left:22px}.galaxy-intro h2{font-size:26px}.stage-controls{bottom:16px;left:16px;right:16px}.control-hint{max-width:210px;gap:4px}.top-actions{gap:4px}.top-actions .ghost{font-size:0;padding:0 9px}.top-actions .ghost span{font-size:16px}.inspector{position:static;order:3;display:block;width:100%;border:0;border-top:1px solid var(--border);border-radius:0;backdrop-filter:none;max-height:none}.inspector-head{height:47px}.inspector-main{overflow:visible}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.metric{min-height:70px;padding:8px}.metric span{font-size:7px}.metric strong{font-size:17px}.selection{min-height:135px}.language-list{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.systems-list{display:grid;grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}