:root{--mobile-bottom-bar-height: 3.45rem;--mobile-keys-ribbon-height: 2.55rem;--bg: #040704;--bg-elev: #0b110b;--text-color: #9cff9c;--line-color: #2f5e2f;--border-color: #1e3f1e;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(42, 215, 255, .18);--font-code: "VT323", monospace;--font-title: "Space Grotesk", sans-serif;--font-subtitle: "Jost", sans-serif}body.theme-light{--bg: #f6f2e5;--bg-elev: #fefcf2;--text-color: #6a5127;--line-color: #c7ad81;--border-color: #d9c9a9;--accent-cyan: #176a8a;--accent-pink: #992f6d;--accent-gold: #986512;--shadow: 0 0 24px rgba(27, 66, 89, .16)}body.theme-paper_cream{--bg: #fbf7ea;--bg-elev: #fffdf3;--text-color: #5b4630;--line-color: #b18a50;--border-color: #e4d7bf;--accent-cyan: #007a7a;--accent-pink: #c2185b;--accent-gold: #b58900;--shadow: 0 0 24px rgba(0, 122, 122, .12)}body.theme-classic_sand{--bg: #f7efe0;--bg-elev: #fff7e9;--text-color: #3e2f19;--line-color: #b07f4a;--border-color: #e6d2b7;--accent-cyan: #2a7f7a;--accent-pink: #b3266a;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(38, 127, 122, .1)}body.theme-sky_glass{--bg: #f3f9ff;--bg-elev: #ffffff;--text-color: #233a56;--line-color: #7aa6c5;--border-color: #d8e6f4;--accent-cyan: #0b7285;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(11, 114, 133, .12)}body.theme-mint_frost{--bg: #f1fffb;--bg-elev: #ffffff;--text-color: #144c3e;--line-color: #68b9a3;--border-color: #cfece5;--accent-cyan: #0b7a6c;--accent-pink: #b21f6a;--accent-gold: #b08900;--shadow: 0 0 24px rgba(11, 122, 108, .1)}body.theme-rose_glaze{--bg: #fff1f5;--bg-elev: #ffffff;--text-color: #4a1d2a;--line-color: #cc7aa1;--border-color: #f1d3df;--accent-cyan: #0a6b76;--accent-pink: #d0186f;--accent-gold: #b58900;--shadow: 0 0 24px rgba(208, 24, 111, .1)}body.theme-lavender_day{--bg: #f6f0ff;--bg-elev: #ffffff;--text-color: #2f2452;--line-color: #9a86d6;--border-color: #e3dcff;--accent-cyan: #0f6f88;--accent-pink: #b4237a;--accent-gold: #a47c00;--shadow: 0 0 24px rgba(159, 134, 214, .12)}body.theme-butter_ink{--bg: #fffbe5;--bg-elev: #ffffff;--text-color: #4a3a12;--line-color: #d2a73a;--border-color: #f0e1a7;--accent-cyan: #0b6f7f;--accent-pink: #b4237a;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(210, 167, 58, .12)}body.theme-denim_light{--bg: #eef7ff;--bg-elev: #ffffff;--text-color: #1b3550;--line-color: #6aa0d2;--border-color: #d2e7fb;--accent-cyan: #0b7285;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(11, 114, 133, .1)}body.theme-peach_ink{--bg: #fff0e8;--bg-elev: #ffffff;--text-color: #4b2a1c;--line-color: #e08a6c;--border-color: #f3d1c0;--accent-cyan: #0a6b76;--accent-pink: #d0186f;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(224, 138, 108, .1)}body.theme-lemon_blast{--bg: #fffbe0;--bg-elev: #ffffff;--text-color: #3d3210;--line-color: #d0b100;--border-color: #f2e7a8;--accent-cyan: #0b6f7f;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(208, 177, 0, .1)}body.theme-neon_green{--bg: #030603;--bg-elev: #071107;--text-color: #43ff58;--line-color: #156b1f;--border-color: #0f3c14;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #e3c15a;--shadow: 0 0 24px rgba(67, 255, 88, .16)}body.theme-cyber_cyan{--bg: #040a10;--bg-elev: #08161f;--text-color: #7efcff;--line-color: #0c3a4a;--border-color: #0a2a34;--accent-cyan: #33fff7;--accent-pink: #ff5ed1;--accent-gold: #ffd166;--shadow: 0 0 24px rgba(51, 255, 247, .15)}body.theme-amber_sunset{--bg: #0c0700;--bg-elev: #1a0f05;--text-color: #ffb45c;--line-color: #6a3a00;--border-color: #4a2500;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #ffcc80;--shadow: 0 0 24px rgba(255, 180, 92, .14)}body.theme-purple_neon{--bg: #070206;--bg-elev: #120415;--text-color: #d9b2ff;--line-color: #3a125e;--border-color: #24093a;--accent-cyan: #67e8ff;--accent-pink: #ff4ea1;--accent-gold: #f0c674;--shadow: 0 0 24px rgba(217, 178, 255, .14)}body.theme-matrix_green{--bg: #030703;--bg-elev: #071d10;--text-color: #76ff7a;--line-color: #1f4b24;--border-color: #0f2816;--accent-cyan: #5dffcc;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(118, 255, 122, .14)}body.theme-ocean_blue{--bg: #02060b;--bg-elev: #071420;--text-color: #6bd4ff;--line-color: #0b3350;--border-color: #082238;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #8dd694;--shadow: 0 0 24px rgba(107, 212, 255, .14)}body.theme-vamp_red{--bg: #0b0204;--bg-elev: #1c060d;--text-color: #ff6b8a;--line-color: #4a0a19;--border-color: #30050d;--accent-cyan: #68e6ff;--accent-pink: #ff0077;--accent-gold: #d4af37;--shadow: 0 0 24px rgba(255, 107, 138, .14)}body.theme-ice_violet{--bg: #02040b;--bg-elev: #0d0f24;--text-color: #c3b7ff;--line-color: #1a1f4b;--border-color: #17183a;--accent-cyan: #86f0ff;--accent-pink: #ff73d1;--accent-gold: #ffd18b;--shadow: 0 0 24px rgba(195, 183, 255, .14)}body.theme-synthwave_pink{--bg: #07020a;--bg-elev: #140418;--text-color: #ff8ad8;--line-color: #3a0a2d;--border-color: #250720;--accent-cyan: #5df3ff;--accent-pink: #ff4e9a;--accent-gold: #ffd166;--shadow: 0 0 24px rgba(255, 138, 216, .14)}body.theme-solarized_green{--bg: #001f1a;--bg-elev: #052b22;--text-color: #a9fbd7;--line-color: #0e3b2f;--border-color: #0a2c22;--accent-cyan: #2aa198;--accent-pink: #cb4b16;--accent-gold: #b58900;--shadow: 0 0 24px rgba(42, 161, 152, .12)}body.theme-solarized_blue{--bg: #001b3a;--bg-elev: #04224c;--text-color: #93c5fd;--line-color: #0a2f63;--border-color: #072147;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(147, 197, 253, .12)}body.theme-vintage_brown{--bg: #140a05;--bg-elev: #22120b;--text-color: #f0d2a6;--line-color: #5a3715;--border-color: #3d2310;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(240, 210, 166, .12)}body.theme-mono_ghost{--bg: #090909;--bg-elev: #131313;--text-color: #c9c9c9;--line-color: #333333;--border-color: #202020;--accent-cyan: #cce6ff;--accent-pink: #f7a7ff;--accent-gold: #e2c97d;--shadow: 0 0 24px rgba(204, 230, 255, .1)}body.theme-black_purple{--bg: #07020a;--bg-elev: #110417;--text-color: #b8a0ff;--line-color: #2a0f45;--border-color: #1e0a33;--accent-cyan: #67e8ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(184, 160, 255, .12)}body.theme-arctic_cyan{--bg: #020b0f;--bg-elev: #061b25;--text-color: #9be7ff;--line-color: #0a3040;--border-color: #061f2c;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(155, 231, 255, .12)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-width:0;max-width:100%}body{font-family:var(--font-code);background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--bg-elev) 90%,black),var(--bg));color:var(--text-color);overflow-x:hidden;transition:color .45s ease,background .55s ease}#app{overflow-x:hidden}body.scanline-soft:after,body.scanline-strong:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000}body.scanline-soft:after{background:linear-gradient(transparent 55%,#00000014 55%);background-size:100% 3px}body.scanline-strong:after{background:linear-gradient(transparent 50%,#00000024 50%);background-size:100% 2px}.shell{display:grid;grid-template-rows:auto 1fr;height:100%}@media(max-width:899px){.shell{grid-template-rows:auto auto 1fr}}.topbar{position:relative;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-elev) 90%,black);padding:.55rem .7rem;display:flex;flex-wrap:nowrap;gap:.6rem;align-items:center;justify-content:space-between;overflow:visible}@media(min-width:900px){.topbar{align-items:center;min-height:0}.logo-lockup{align-items:center;flex:0 1 auto;max-width:min(40vw,21rem)}.logo-text-link{justify-content:center}}.toolbar-desktop{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;flex:1 1 auto;min-width:0}.toolbar-mobile-only{display:none;flex-shrink:0;align-items:center}.btn-mobile-overflow{font-size:1.65rem;line-height:1;padding:.2rem .55rem;letter-spacing:0}.mobile-overflow-menu{position:absolute;top:100%;right:.6rem;margin-top:.2rem;z-index:75;display:none;flex-direction:column;gap:.35rem;min-width:min(240px,92vw);padding:.45rem;background:color-mix(in srgb,var(--bg-elev) 96%,black);border:1px solid var(--border-color);box-shadow:var(--shadow)}.mobile-overflow-menu:not([hidden]){display:flex}.mobile-overflow-item{width:100%;justify-content:flex-start;text-align:left}@media(max-width:899px){.toolbar-desktop{display:none!important}.toolbar-mobile-only{display:flex}}@media(min-width:900px){.mobile-overflow-menu{display:none!important}}.backdrop{position:fixed;inset:0;background:#0000008c;display:none;z-index:62}.backdrop.open{display:block}.logo-lockup{display:flex;align-items:flex-end;gap:.6rem;min-width:0;flex:1 1 auto;max-width:none}.logo-square{width:40px;height:40px;border:1px solid var(--border-color);background:var(--bg);object-fit:cover}.logo-text-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;flex:1 1 auto}.logo-text-link:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}.logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;line-height:1;min-width:0}.double-effect-text{position:relative;font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:700;color:#08f;-webkit-user-select:none;user-select:none;transform:rotate(-8deg);font-family:Kalam,cursive;line-height:1;padding-right:.2em}.double-effect-text:before,.double-effect-text:after{content:attr(data-text);position:absolute;top:.05em;left:.07em;color:#d400a4;pointer-events:none;transition:opacity .8s ease}.double-effect-text:before{mix-blend-mode:multiply;opacity:1;z-index:1}.double-effect-text:after{mix-blend-mode:screen;opacity:0;z-index:2}.dark-mode .double-effect-text:before{opacity:0}.dark-mode .double-effect-text:after{opacity:1}.logo-text-sub{font-family:var(--font-subtitle);font-size:.8rem;color:var(--accent-gold)}@media(max-width:899px){.logo-lockup{gap:.4rem;max-width:calc(100% - 3.25rem);flex:1 1 auto}.logo-square{width:32px;height:32px}.double-effect-text{font-size:clamp(1.45rem,11vw,2.35rem);transform:rotate(-8deg)}.logo-text-sub{font-size:.62rem}}button,select,input{font-family:var(--font-code)}.btn{border:1px solid var(--border-color);color:var(--text-color);background:transparent;padding:.3rem .7rem;cursor:pointer;font-size:1.1rem}.btn:hover{background:color-mix(in srgb,var(--text-color) 15%,transparent)}.btn-accent{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn.is-panel-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 14%,transparent)}.workspace{display:grid;grid-template-columns:1fr;min-height:0;min-width:0;width:100%;position:relative;overflow:hidden}@media(max-width:899px){.workspace{padding-bottom:calc(var(--mobile-bottom-bar-height) + var(--mobile-keys-ribbon-height) + env(safe-area-inset-bottom,0px))}}.editor-grid{display:grid;grid-template-columns:1fr;min-height:0;min-width:0;width:100%}.editor-wrap{min-height:0;min-width:0;width:100%;max-width:100%;overflow:hidden;border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}#editor{height:100%;min-width:0;max-width:100%}.cm-editor{max-width:100%}.panel{position:fixed;top:58px;bottom:0;width:min(86vw,320px);background:color-mix(in srgb,var(--bg-elev) 92%,black);padding:.6rem;display:none;flex-direction:column;gap:.55rem;min-height:0;overflow:auto;z-index:65;border:1px solid var(--border-color)}.panel.open{display:flex}.panel#panel-files{left:0;border-left:none}.panel#panel-index{left:0}.panel#panel-settings{right:0;left:auto;width:min(88vw,300px);border-right:none}.panel-head{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;margin-bottom:.35rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-color)}.panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.panel-head-row h3{margin:0;flex:1 1 auto;min-width:0}.panel-drag-handle{width:2.75rem;height:5px;border-radius:99px;background:var(--line-color);margin:0 auto .35rem;opacity:.88;flex-shrink:0}.panel-close-btn{flex-shrink:0;font-size:1.4rem;line-height:1;padding:.12rem .42rem}@media(min-width:900px){.panel-drag-handle,.panel-close-btn{display:none!important}.panel-head{margin-bottom:.45rem;padding-bottom:0;border-bottom:none}.panel-head-row{display:block}}.panel-mobile-snippets{inset:auto 0 0;width:100%;max-height:min(52vh,420px);border-radius:.75rem .75rem 0 0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.mobile-keys-ribbon{display:none;position:fixed;left:0;right:0;bottom:calc(var(--mobile-bottom-bar-height) + env(safe-area-inset-bottom,0px));z-index:57;background:color-mix(in srgb,var(--bg-elev) 94%,black);border-top:1px solid var(--border-color);padding:.28rem .45rem;box-shadow:0 -3px 14px #0000001f}.mobile-keys-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.38rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-key-chip{flex:0 0 auto;min-width:2rem;padding:.32rem .48rem;font-family:var(--font-code);font-size:.92rem;line-height:1.15;border:1px solid var(--border-color);border-radius:5px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--text-color);cursor:pointer;touch-action:manipulation}.mobile-key-chip:hover{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 12%,transparent)}.mobile-key-chip:active{background:color-mix(in srgb,var(--accent-cyan) 20%,transparent)}@media(max-width:899px){.mobile-keys-ribbon{display:block}}.mobile-bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:58;flex-direction:row;align-items:stretch;justify-content:space-between;gap:.35rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg-elev) 92%,black);border-top:1px solid var(--border-color);box-shadow:0 -4px 18px #0003}.mobile-bottom-btn{flex:1 1 0;min-width:0;padding:.45rem .3rem;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-snippets{font-family:var(--font-title);font-weight:700;font-size:1.05rem;letter-spacing:.02em;flex:0 0 auto;min-width:2.75rem;padding-left:.4rem;padding-right:.4rem}@media(max-width:899px){.panel.panel-sidebar{left:0!important;right:0!important;width:100%!important;max-width:none!important;top:0;padding-top:calc(.45rem + env(safe-area-inset-top,0px));bottom:calc(var(--mobile-bottom-bar-height) + var(--mobile-keys-ribbon-height) + env(safe-area-inset-bottom,0px));border-radius:0;border-left:none;border-right:none;box-shadow:0 8px 40px #00000059}#panel-files.panel-sidebar,#panel-index.panel-sidebar{overflow:hidden}#panel-files .file-list-wrap,#panel-index .symbol-list{flex:1 1 auto;min-height:0;overflow:auto}.panel:not(.panel-mobile-snippets){bottom:calc(var(--mobile-bottom-bar-height) + var(--mobile-keys-ribbon-height) + env(safe-area-inset-bottom,0px))}.panel-mobile-snippets{bottom:calc(var(--mobile-bottom-bar-height) + var(--mobile-keys-ribbon-height) + env(safe-area-inset-bottom,0px))}.mobile-bottom-bar{display:flex}}.snippet-chip-list{display:flex;flex-wrap:wrap;gap:.45rem;overflow-y:auto;padding-bottom:.15rem}.snippet-chip{border:1px solid var(--border-color);color:var(--text-color);background:color-mix(in srgb,var(--bg) 70%,transparent);padding:.35rem .55rem;cursor:pointer;font-family:var(--font-code);font-size:1rem;line-height:1.2}.snippet-chip:hover{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 12%,transparent)}@media(min-width:900px){.panel-mobile-snippets{display:none!important}}.panel h3{margin:0;font-size:1rem;letter-spacing:.06em}.file-list,.symbol-list{display:flex;flex-direction:column;gap:.35rem}.file-item,.symbol-item{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border:1px solid var(--border-color);padding:.3rem .45rem;cursor:pointer;font-size:1.05rem}.file-item.active,.symbol-item:hover{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 12%,transparent)}.meta{opacity:.8;font-size:.95rem}#panel-files .file-list-wrap{flex:1 1 auto;min-height:0;max-height:min(50vh,22rem);overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:.25rem}.file-list-empty{padding:.65rem .45rem;text-align:center;display:flex;flex-direction:column;gap:.65rem;align-items:center}.file-list-empty-hint{margin:0;font-size:.95rem;line-height:1.35;opacity:.92}.file-list-empty-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.file-item-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto;text-align:left}.theme-group{display:grid;gap:.45rem}.theme-group #label-theme{grid-column:1 / -1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr));gap:.45rem;max-height:min(46vh,18rem);overflow-y:auto;padding:.1rem}.theme-card{display:flex;flex-direction:column;align-items:stretch;gap:.22rem;padding:.3rem .35rem .4rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);color:var(--text-color);cursor:pointer;font-family:var(--font-code);font-size:.78rem;line-height:1.15;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.theme-card:hover{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 10%,var(--bg-elev))}.theme-card.is-active{border-color:var(--accent-cyan);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-cyan) 45%,transparent);background:color-mix(in srgb,var(--accent-cyan) 14%,transparent)}.theme-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.theme-card-preview{display:block;height:1.65rem;border-radius:4px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.theme-card-label{display:block;font-weight:600;font-size:.74rem;word-break:break-word}.theme-card-hint{display:block;font-size:.66rem;opacity:.78}.settings-group{display:grid;gap:.2rem}.shortcuts-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:#00000085}.shortcuts-modal.open{display:flex}.shortcuts-modal-inner{width:min(100%,26rem);max-height:min(85vh,28rem);overflow:auto;background:var(--bg-elev);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:.75rem 1rem 1rem}.shortcuts-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.65rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-color)}.shortcuts-modal-head h2{margin:0;font-size:1.05rem;font-family:var(--font-subtitle);letter-spacing:.04em}.shortcuts-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;align-items:baseline;font-size:1rem}.shortcut-keys{margin:0;font-family:var(--font-code);color:var(--accent-cyan);white-space:nowrap}.shortcut-desc{margin:0;line-height:1.35}.about-modal-inner{width:min(100%,28rem);max-height:min(88vh,34rem)}.about-modal-body{font-size:.95rem;line-height:1.45;color:var(--text-color)}.about-lead{margin:0 0 .85rem}.about-credits{margin:0 0 1rem;padding:.4rem .55rem .4rem .7rem;font-size:.9rem;line-height:1.45;border-left:3px solid var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 8%,transparent)}.about-subtitle{margin:.75rem 0 .45rem;font-size:1rem;font-family:var(--font-subtitle);letter-spacing:.03em}.about-list{margin:0 0 .9rem;padding-left:1.15rem}.about-list li{margin-bottom:.38rem}.about-links{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.about-link{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:2px}.about-link:hover{color:var(--accent-pink)}.settings-about-block{width:100%}.settings-about-block .btn{width:100%;justify-content:center}.btn-shortcuts-help{font-family:var(--font-title);font-weight:700;min-width:2.25rem;padding-left:.45rem;padding-right:.45rem}.preview-modal{position:fixed;inset:2rem;border:1px solid var(--border-color);background:var(--bg-elev);display:none;z-index:999;box-shadow:var(--shadow)}.preview-modal.open{display:grid;grid-template-rows:auto 1fr}.preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;border-bottom:1px solid var(--border-color);padding:.5rem .55rem}.preview-head-info{flex:1 1 12rem;min-width:0}.preview-modal-title{margin:0 0 .3rem;font-size:1.05rem;font-family:var(--font-subtitle);letter-spacing:.04em}.preview-sandbox-note{margin:0;font-size:.82rem;line-height:1.38;opacity:.88}.preview-head-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;align-items:center}.preview-frame{width:100%;height:100%;border:none;background:#fff}@media(min-width:900px){.panel#panel-files{width:min(320px,28vw)}.panel#panel-index{width:min(360px,32vw)}}.toast-host{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(140%);z-index:1100;padding:.45rem .9rem;border-radius:6px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-elev) 96%,var(--accent-cyan));color:var(--text-color);font-size:.95rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;max-width:min(92vw,26rem);text-align:center}.toast-host--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){body{transition:none}.double-effect-text:before,.double-effect-text:after{transition:none!important}.toast-host,.theme-card{transition:none!important}}