.shell{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--text-md);display:flex}.rail{gap:var(--space-1);width:120px;padding:var(--space-2);padding-left:calc(var(--space-2) + var(--safe-left));background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex}.rail--compact{width:88px}.rail__item{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius);min-height:64px;color:var(--text-dim);font-size:var(--text-sm);flex-direction:column;text-decoration:none;display:flex}.rail__item.active{background:var(--surface-3);color:var(--accent)}.rail--compact .rail__item{min-height:60px;font-size:var(--text-sm);line-height:1.1}.shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.shell__screen{flex:1;min-height:0;overflow:auto}.project-bar{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-1) var(--space-3);padding-right:calc(var(--space-3) + var(--safe-right));background:var(--surface);border-bottom:1px solid var(--border);flex:none;display:flex}.project-bar__back,.icon-button{width:var(--touch-min);height:var(--touch-min);color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-button:disabled{color:var(--text-faint)}.project-bar__name{min-width:0;max-width:280px;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.project-bar__tabs{gap:var(--space-1);flex:1;justify-content:center;display:flex}.project-bar__tab{min-width:96px;min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius);color:var(--text-dim);place-items:center;text-decoration:none;display:grid}.project-bar__tab.active{background:var(--accent);color:var(--accent-text);font-weight:700}.project-bar__history{gap:var(--space-1);display:flex}.quick-idea-button{background:var(--accent);width:64px;height:64px;color:var(--accent-text);box-shadow:var(--shadow);font-size:var(--text-sm);border:0;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-self:center;align-items:center;margin-top:auto;padding:0;font-weight:700;line-height:1;display:flex;position:relative}.quick-idea-button__plus{transition:transform var(--dur) var(--ease);place-items:center;display:grid}.quick-idea-button.open{z-index:1000}.quick-idea-button.open .quick-idea-button__plus{transform:rotate(45deg)}.quick-idea-loading{top:var(--space-4);z-index:950;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--surface-3);color:var(--text);position:fixed;left:50%;transform:translate(-50%)}.sfxlib{gap:var(--space-3);height:100%;min-height:0;color:var(--text);font-family:var(--font);font-size:var(--text-md);flex-direction:column;display:flex}.sfxlib__top{gap:var(--space-2);flex-direction:column;display:flex}.sfxlib__search{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);font:inherit}.sfxlib__search:focus-visible,.sfxlib button:focus-visible,.sfxlib input[type=range]:focus-visible{outline:3px solid var(--info);outline-offset:2px}.sfxlib__tabs{gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.sfxlib__tab{min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;cursor:pointer;flex:none}.sfxlib__tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.sfxlib__body{gap:var(--space-4);flex:1;min-height:0;display:flex}.sfxlib__grid{gap:var(--space-3);flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:104px;align-content:start;min-width:0;padding:2px;display:grid;overflow-y:auto}.sfxlib__tile{--tint:var(--info);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-md);text-align:center;cursor:pointer;flex-direction:column;line-height:1.15;display:flex}.sfxlib__tile svg{color:var(--tint);flex:none}.sfxlib__tile[aria-pressed=true]{border-color:var(--tint);background:var(--surface-3)}.sfxlib__tile[data-playing=true]{box-shadow:0 0 0 3px var(--tint)}.sfxlib__tile[data-cat=laser]{--tint:var(--info)}.sfxlib__tile[data-cat=explosion]{--tint:var(--accent)}.sfxlib__tile[data-cat=transform]{--tint:var(--decepticon)}.sfxlib__tile[data-cat=mech]{--tint:var(--text-dim)}.sfxlib__tile[data-cat=footstep]{--tint:var(--kaiju)}.sfxlib__tile[data-cat=impact]{--tint:var(--danger)}.sfxlib__tile[data-cat=fire]{--tint:var(--autobot)}.sfxlib__tile[data-cat=ambience]{--tint:var(--info)}.sfxlib__tile[data-cat=roar]{--tint:var(--kaiju)}.sfxlib__tile[data-cat=ui]{--tint:var(--text)}.sfxlib__panel{gap:var(--space-3);width:320px;padding:var(--space-4);border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);flex-direction:column;flex:none;display:flex;overflow-y:auto}.sfxlib__name{font-size:var(--text-lg);margin:0;font-weight:700}.sfxlib__meta{color:var(--text-dim);font-size:var(--text-sm);margin:0}.sfxlib__slider{gap:var(--space-1);font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;display:flex}.sfxlib__slider-row{justify-content:space-between;display:flex}.sfxlib__slider input[type=range]{width:100%;min-height:var(--touch-min);accent-color:var(--accent);margin:0}.sfxlib__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.sfxlib__btn{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;flex:120px;font-weight:600}.sfxlib__btn--add{min-height:var(--touch);background:var(--accent);border-color:var(--accent);color:var(--accent-text);flex-basis:100%;font-weight:800}.sfxlib__btn:disabled{opacity:.6;cursor:default}.sfxlib__status{min-height:1.2em;font-size:var(--text-sm);color:var(--text-dim);margin:0}.sfxlib__status[data-error=true]{color:var(--danger)}.sfxlib__empty{padding:var(--space-5);color:var(--text-dim);grid-column:1/-1}@media (width<=760px){.sfxlib__body{flex-direction:column}.sfxlib__panel{width:auto}}.settings{gap:var(--space-4);max-width:820px;padding:var(--space-5);padding-bottom:calc(var(--touch-primary) + var(--space-6));display:grid}.settings h1{font-size:var(--text-xl);margin:0}.settings h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.settings p{margin:0 0 var(--space-2)}.settings__card{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings__hint{color:var(--text-dim)}.settings__button{min-width:160px;min-height:var(--touch);margin-top:var(--space-2);padding:0 var(--space-5);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-size:var(--text-md);border:0;font-weight:700}.settings__button:disabled{background:var(--surface-3);color:var(--text-faint)}.settings__table{border-collapse:collapse;width:100%}.settings__table th,.settings__table td{min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--text-md)}.settings__table thead th{color:var(--text-dim);font-size:var(--text-sm)}.settings__table tbody th{font-weight:400}.settings__yes{color:var(--success)}.settings__no{color:var(--danger)}.settings__yes svg,.settings__no svg{vertical-align:middle}.settings__detail{color:var(--text-dim);font-family:ui-monospace,Consolas,monospace;font-size:var(--text-sm)}.settings__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.settings__grownups>summary{min-height:var(--touch-min);font-size:var(--text-lg);cursor:pointer;align-items:center;font-weight:700;display:flex}.settings__grownups[open]>summary{margin-bottom:var(--space-3)}.update-chip{z-index:60;right:calc(var(--space-4) + var(--safe-right));bottom:calc(var(--space-4) + var(--safe-bottom));align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text);font-size:var(--text-md);display:flex;position:fixed}.update-chip__button{min-height:var(--touch-min);padding:0 var(--space-5);background:var(--accent);color:var(--accent-text);border-radius:var(--radius-lg);font:inherit;border:0;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--surface:#1a1d24;--surface-2:#232733;--surface-3:#2d3241;--border:#3a4052;--text:#f2f4f8;--text-dim:#a5adbf;--text-faint:#6f778a;--accent:#ffb020;--accent-text:#1a1206;--capture:#ff3b3b;--danger:#ff5a5a;--success:#3ddc84;--info:#4aa8ff;--autobot:#e5402f;--decepticon:#8a5cff;--kaiju:#2fcf8f;--onion:#4aa8ff;--guide:#ffffff59;--radius-sm:8px;--radius:14px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--touch-min:48px;--touch:56px;--touch-primary:72px;--shutter:96px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Arial Black", Impact, system-ui, sans-serif;--text-sm:14px;--text-md:17px;--text-lg:22px;--text-xl:30px;--shadow:0 6px 24px #00000073;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.16s;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#e8eaf0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}