*{box-sizing:border-box;margin:0;padding:0}html,body{color:#cfd;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;overflow:hidden}canvas{display:block}#hud,#fps,#cosmic-time{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px #00c8ffb3,0 0 2px #000;position:fixed}#hud{color:#aef;top:16px;left:18px}#hud #title{letter-spacing:.3em;color:#cef;font-size:22px;font-weight:300}#hud #sub{letter-spacing:.2em;color:#6cf;text-transform:uppercase;margin-top:4px;font-size:11px}#hud #hint{color:#6cf;opacity:.55;letter-spacing:.05em;margin-top:14px;font-size:11px}#fps{letter-spacing:.05em;color:#6cf;font-size:12px;top:16px;right:18px}#cosmic-time{color:#aef;font-size:13px;line-height:1.4;bottom:18px;left:270px}#clumps{color:#aef;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0008148c;border:1px solid #6ec8ff2e;border-radius:8px;width:220px;max-height:70vh;padding:10px 12px 12px;font-size:12px;position:fixed;top:16px;right:18px;overflow-y:auto}#clumps-header{letter-spacing:.2em;color:#6cf;text-transform:uppercase;border-bottom:1px solid #6ec8ff26;margin-bottom:6px;padding-bottom:4px;font-size:11px}#clumps-list{margin:0;padding:0;list-style:none}#clumps-list li{cursor:pointer;border-radius:4px;justify-content:space-between;margin:1px 0;padding:5px 6px;transition:background .15s;display:flex}#clumps-list li:hover{background:#6ec8ff1f}#clumps-list li .name{color:#cef}#clumps-list li .meta{color:#6cf;opacity:.7;font-size:11px}#clumps-list li.empty{cursor:default;opacity:.5;text-align:center;padding:12px 0}#clumps-list li.empty:hover{background:0 0}#fps{top:130px;left:18px;right:auto}#loop-bar{background:#6ec8ff1f;border-radius:2px;width:220px;height:4px;margin-top:6px;overflow:hidden}#loop-fill{background:linear-gradient(90deg,#6cf,#cef);width:0%;height:100%;transition:width 50ms linear}#loop-mode-tag{color:#6cf;letter-spacing:.05em;margin-top:8px;font-size:11px}#render-panel{color:#aef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#000814a6;border:1px solid #6ec8ff38;border-radius:8px;width:240px;padding:12px 14px;font-size:12px;position:fixed;bottom:18px;right:18px}#render-panel .rp-title{letter-spacing:.2em;color:#cef;text-transform:uppercase;cursor:move;border-bottom:1px solid #6ec8ff2e;margin-bottom:10px;padding-bottom:6px;font-size:11px}#render-panel label{color:#6cf;justify-content:space-between;align-items:center;margin:6px 0;font-size:11px;display:flex}#render-panel input[type=text]{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;width:110px;padding:3px 6px;font-family:inherit;font-size:11px}#render-panel input[type=text]::placeholder{color:#6ec8ff66}#render-panel select{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px}#render-panel button{color:#cef;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#1d4f7a,#0f3050);border:1px solid #6ec8ff80;border-radius:4px;width:100%;margin-top:10px;padding:8px;font-family:inherit;font-size:12px;transition:filter .12s}#render-panel button:hover:not(:disabled){filter:brightness(1.3)}#render-panel button:disabled{opacity:.5;cursor:not-allowed}#rp-progress{color:#fc6;min-height:14px;margin-top:8px;font-size:11px}.rp-tags-section{border-top:1px solid #6ec8ff2e;margin-top:10px;padding-top:8px}.rp-tags-header{color:#6cf;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.rp-tags-header button{color:#cef;cursor:pointer;background:#6ec8ff26;border:1px solid #6ec8ff66;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:10px;transition:filter .12s}.rp-tags-header button:hover{filter:brightness(1.4)}#rp-tags{color:#cef;resize:vertical;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:10px;line-height:1.35}.rp-mini-footer{border-top:1px solid #6ec8ff2e;justify-content:center;align-items:center;margin-top:10px;padding-top:8px;display:flex}.rp-settings-btn{color:#cef;cursor:pointer;letter-spacing:.05em;background:#6ec8ff1a;border:1px solid #6ec8ff59;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:11px;transition:filter .12s,background .12s}.rp-settings-btn:hover{filter:brightness(1.4);background:#6ec8ff33}#settings-modal{z-index:2000;position:fixed;inset:0}#settings-modal.hidden{display:none}#settings-modal .settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000814b3;position:absolute;inset:0}#settings-modal .settings-content{color:#aef;background:#08101ef5;border:1px solid #6ec8ff59;border-radius:10px;flex-direction:column;width:580px;max-width:92vw;max-height:86vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0009,0 0 32px #6ec8ff1f}#settings-modal .settings-header{border-bottom:1px solid #6ec8ff2e;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}#settings-modal .settings-title{letter-spacing:.2em;text-transform:uppercase;color:#cef;font-size:13px}#settings-modal #settings-close{color:#cef;cursor:pointer;background:0 0;border:1px solid #6ec8ff4d;border-radius:4px;width:28px;height:28px;font-size:18px;line-height:1}#settings-modal #settings-close:hover{background:#ff646433;border-color:#ff646499}#settings-modal .settings-body{padding:16px 22px 20px;font-size:13px;line-height:1.5;overflow-y:auto}#settings-modal .settings-body section{border-bottom:1px solid #6ec8ff14;margin-bottom:18px;padding-bottom:14px}#settings-modal .settings-body section:last-of-type{border-bottom:none}#settings-modal h3{letter-spacing:.18em;text-transform:uppercase;color:#6cf;margin:0 0 8px;font-size:11px;font-weight:500}#settings-modal p{color:#aef;margin:0 0 8px}#settings-modal .settings-meta{color:#6cf;opacity:.85;font-size:11px}#settings-modal ul{color:#aef;margin:0;padding-left:20px}#settings-modal ul li{margin:4px 0;font-size:12px}#settings-modal kbd{color:#cef;background:#6ec8ff2e;border:1px solid #6ec8ff66;border-radius:3px;padding:1px 5px;font-family:Consolas,Courier New,monospace;font-size:11px}#settings-modal strong{color:#cef}#settings-modal .settings-toggle{cursor:pointer;color:#aef;align-items:center;gap:10px;font-size:12px;display:flex}#settings-modal .settings-toggle input[type=checkbox]{accent-color:#6cf;cursor:pointer;width:16px;height:16px}#settings-modal .settings-support{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}#settings-modal .settings-action{color:#cef;cursor:pointer;letter-spacing:.03em;background:#6ec8ff1f;border:1px solid #6ec8ff66;border-radius:5px;padding:8px 14px;font-family:inherit;font-size:12px;transition:filter .12s,background .12s}#settings-modal .settings-action:hover{filter:brightness(1.35);background:#6ec8ff38}#settings-modal .settings-action-copied{color:#afe!important;background:#6edc8c33!important;border-color:#6edc8c99!important}#settings-modal .settings-footer{color:#6cf;opacity:.7;text-align:center;letter-spacing:.05em;border-top:1px solid #6ec8ff1a;margin-top:4px;padding-top:12px;font-size:11px}#settings-modal .settings-footer a{color:inherit;text-decoration:none}#settings-modal .settings-footer a:hover{color:#cef;text-decoration:underline}body.panels-hidden #tunnel-panel,body.panels-hidden #render-panel,body.panels-hidden #history-panel,body.panels-hidden #hud,body.panels-hidden #fps{display:none!important}#restore-panels-pill{color:#6cf;letter-spacing:.15em;text-transform:uppercase;z-index:1500;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001020b3;border:1px solid #6ec8ff40;border-radius:16px;padding:4px 14px;font-family:inherit;font-size:10px;transition:opacity .3s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#restore-panels-pill:hover{opacity:.9}#restore-panels-pill.hidden{display:none}#tunnel-panel{color:#aef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#000814a6;border:1px solid #6ec8ff38;border-radius:8px;width:230px;max-height:calc(100vh - 50px);padding:12px 14px;font-size:12px;position:fixed;bottom:18px;left:18px;overflow-y:auto}#tunnel-panel .rp-title{letter-spacing:.2em;color:#cef;text-transform:uppercase;cursor:move;border-bottom:1px solid #6ec8ff2e;margin-bottom:10px;padding-bottom:6px;font-size:11px}#tunnel-panel label{color:#6cf;justify-content:space-between;align-items:center;margin:6px 0;font-size:11px;display:flex}#history-panel{color:#aef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:text;user-select:text;background:#000814a6;border:1px solid #6ec8ff38;border-radius:8px;width:240px;max-height:calc(50vh - 36px);padding:12px 14px;font-size:11px;position:fixed;top:18px;right:18px;overflow-y:auto}#history-panel .rp-title{letter-spacing:.2em;color:#cef;text-transform:uppercase;cursor:move;border-bottom:1px solid #6ec8ff2e;margin-bottom:8px;padding-bottom:6px;font-size:11px}#history-panel #hist-export{color:#cef;cursor:pointer;background:#6ec8ff26;border:1px solid #6ec8ff66;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;transition:filter .12s}#history-panel #hist-export:hover{filter:brightness(1.5)}#history-list{margin:0;padding:0;list-style:none}#history-list li{border-bottom:1px solid #6ec8ff14;padding:6px 0;line-height:1.3}#history-list li.empty{color:#6cf;opacity:.5;text-align:center;border:none;padding:12px 0}#history-list .hist-file{color:#cef;font-size:11px}#history-list .hist-params{color:#6cf;opacity:.65;margin-top:2px;font-size:10px}#history-list .hist-row1{justify-content:space-between;align-items:center;gap:6px;display:flex}#history-list .hist-reload{color:#cef;cursor:pointer;background:#6ec8ff26;border:1px solid #6ec8ff66;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;transition:filter .12s}#history-list .hist-reload:hover{filter:brightness(1.5)}#tunnel-panel .rp-sep{border-top:1px solid #6ec8ff26;margin:8px 0}#custom-palette-row{justify-content:space-between;gap:6px;margin:6px 0 2px;display:flex}#custom-palette-row label.cp{color:#6cf;flex-direction:column;align-items:center;gap:2px;margin:0;font-size:10px;display:flex}#custom-palette-row input[type=color]{cursor:pointer;background:#001020b3;border:1px solid #6ec8ff66;border-radius:4px;width:36px;height:26px;padding:1px}#tunnel-panel select{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px}.bg-color-row{gap:8px;margin:6px 0 2px;display:flex}.bg-color-row label.bg-cp{color:#6cf;flex-direction:column;align-items:center;gap:2px;margin:0;font-size:10px;display:flex}.bg-color-row input[type=color]{cursor:pointer;background:#001020b3;border:1px solid #6ec8ff66;border-radius:4px;width:36px;height:26px;padding:1px}.rp-seed-row{align-items:center;gap:4px;display:flex}.rp-seed-row input[type=number]{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;width:70px;padding:2px 4px;font-family:inherit;font-size:11px}.rp-seed-row button{color:#cef;cursor:pointer;background:#6ec8ff26;border:1px solid #6ec8ff66;border-radius:4px;padding:1px 5px;font-size:12px;transition:filter .12s}.rp-seed-row button:hover{filter:brightness(1.5)}.sp-text-row{align-items:center;gap:4px;display:flex}.sp-text-row input[type=text]{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;width:90px;padding:3px 6px;font-family:inherit;font-size:12px}.sp-text-row button{color:#cef;cursor:pointer;background:#6ec8ff26;border:1px solid #6ec8ff66;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:13px;transition:filter .12s}.sp-text-row button:hover{filter:brightness(1.5)}#glyph-picker{color:#aef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;z-index:1000;background:#000814f2;border:1px solid #6ec8ff66;border-radius:8px;flex-direction:column;width:560px;max-width:90vw;max-height:80vh;padding:0;font-size:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080,0 0 24px #6ec8ff26}#glyph-picker .gp-header{border-bottom:1px solid #6ec8ff2e;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}#glyph-picker .gp-title{letter-spacing:.2em;color:#cef;text-transform:uppercase;flex-shrink:0;font-size:12px}#glyph-picker #gp-search{color:#cef;background:#001020b3;border:1px solid #6ec8ff4d;border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:12px}#glyph-picker #gp-close{color:#cef;cursor:pointer;background:0 0;border:1px solid #6ec8ff4d;border-radius:4px;flex-shrink:0;width:26px;height:26px;font-size:16px;line-height:1}#glyph-picker #gp-close:hover{background:#ff646433}#glyph-picker #gp-selected{background:#00102080;border-bottom:1px solid #6ec8ff2e;flex-shrink:0;min-height:44px;max-height:100px;padding:8px 14px;overflow-y:auto}#glyph-picker #gp-selected-list{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;display:flex}#glyph-picker .gp-selected-empty{color:#6cf;opacity:.5;letter-spacing:.05em;font-size:11px}#glyph-picker .gp-selected-chip{color:#cef;cursor:pointer;background:#6ec8ff33;border:1px solid #6ec8ff80;border-radius:4px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:2px 6px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:18px;line-height:1;transition:background .12s,border-color .12s,filter .12s;display:inline-flex}#glyph-picker .gp-selected-chip:hover{filter:brightness(1.1);background:#ff64644d;border-color:#ff646499}#glyph-picker .gp-selected-chip img{object-fit:contain;pointer-events:none;width:22px;height:22px}#glyph-picker .gp-glyph.selected{background:#6edc8c4d;border-color:#6edc8cb3;box-shadow:inset 0 0 0 2px #6edc8c66}#glyph-picker .gp-glyph.selected:hover{background:#6edc8c73}#glyph-picker .gp-body{padding:8px 14px 14px;overflow-y:auto}#glyph-picker .gp-cat-title{letter-spacing:.2em;color:#6cf;text-transform:uppercase;border-bottom:1px solid #6ec8ff1f;margin:12px 0 6px;padding-bottom:4px;font-size:10px}#glyph-picker .gp-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;display:grid}#glyph-picker .gp-glyph{color:#cef;cursor:pointer;background:#00102080;border:1px solid #6ec8ff26;border-radius:4px;padding:6px 0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:22px;line-height:1;transition:background .12s,border-color .12s}#glyph-picker .gp-glyph:hover{background:#6ec8ff40;border-color:#6ec8ff80}#glyph-picker .gp-glyph-img{background:#141e3299;padding:4px}#glyph-picker .gp-glyph-img img{object-fit:contain;pointer-events:none;width:100%;max-width:36px;height:100%;max-height:36px;margin:0 auto;display:block}