:root{--bg:#151515;--side:#111;--fg:#fff;--text:#f4f4f4;--muted:#8a8a8a;--font-ui:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--ink-rgb:255, 255, 255;--ink-2:#b4b4b4;--ink-4:#828282;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font:14px/1.45 Geist,ui-sans-serif,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit}button{cursor:pointer}.nav__logo{color:var(--text);align-items:center;transition:opacity .15s;display:flex}.logo__mark,.logo__letter{transform-box:fill-box;transform-origin:50%}.logo__mark{transition:rotate .7s cubic-bezier(.22,1.25,.36,1),scale .3s cubic-bezier(.22,1.25,.36,1)}.nav__logo:hover .logo__mark{rotate:180deg;scale:1.12}.nav__logo:active .logo__mark{scale:.92}.logo--animated .logo__mark{animation:1s cubic-bezier(.22,1.2,.36,1) backwards logo-spin}.logo--animated .logo__letter{animation:.6s cubic-bezier(.22,1,.36,1) backwards logo-rise;animation-delay:calc(.18s + var(--i) * 45ms)}@keyframes logo-spin{0%{opacity:0;rotate:-240deg;scale:.3}}@keyframes logo-rise{0%{opacity:0;translate:0 30%}}@media(prefers-reduced-motion:reduce){.logo__mark,.logo__letter{transition:none;animation:none!important}}.nav__logo:hover{opacity:.8}.app{grid-template-columns:auto 1fr;min-height:100vh;display:grid}.sidebar{background:var(--side);border-right:1px solid rgba(var(--ink-rgb),.06);width:248px;height:100vh;font-family:var(--font-ui);z-index:20;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:12px 10px;transition:width .22s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;top:0}.sidebar__top{justify-content:space-between;align-items:center;height:40px;margin-bottom:10px;padding:0 2px 0 10px;display:flex}.sidebar__toggle{width:32px;height:32px;color:var(--ink-4);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;transition:background .16s,color .16s;display:grid}.sidebar__toggle:hover{background:rgba(var(--ink-rgb),.07);color:var(--fg)}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__item{height:36px;color:var(--ink-2);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;text-decoration:none;transition:background .14s,color .14s;display:flex;overflow:hidden}.sidebar__item svg{opacity:.85;flex:none}.sidebar__item:hover{background:rgba(var(--ink-rgb),.05);color:var(--fg)}.sidebar__item[data-on]{background:rgba(var(--ink-rgb),.08);color:var(--fg)}.sidebar__bottom{border-top:1px solid rgba(var(--ink-rgb),.08);margin:auto -10px 0;padding:8px 10px 0}.account{position:relative}.account__button{width:100%;height:44px;color:var(--ink-2);font:500 14px var(--font-ui);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 10px;transition:background .16s,color .16s;display:flex}.account__button:hover{background:rgba(var(--ink-rgb),.06);color:var(--fg)}.account__avatar{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.account__name{color:var(--fg);flex:1}.account__button>svg{opacity:.6;transition:rotate .2s}main{flex-direction:column;min-width:0;min-height:100vh;padding:8px 24px 80px;display:flex}.page{flex:1;position:relative}.app:has(.builder){grid-template-columns:1fr}.app:has(.builder) .sidebar{display:none}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation:.25s ease-out both vt-fade-out}::view-transition-new(root){animation:.4s cubic-bezier(.22,1,.36,1) both vt-fade-in}::view-transition-old(style-folder){object-fit:contain;height:100%}::view-transition-new(style-folder){object-fit:contain;height:100%}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;translate:0 10px}}.orb{border-radius:50%;flex:none;position:relative;overflow:hidden}.orb__fill{animation:34s linear infinite orb-drift;display:block;position:absolute;top:50%;left:50%}@keyframes orb-drift{0%{translate:-50% -50%;rotate:0deg}to{translate:-50% -50%;rotate:360deg}}@media(prefers-reduced-motion:reduce){.orb__fill{animation:none;translate:-50% -50%}}.path{white-space:normal;word-break:break-all;color:var(--muted);display:block}@media(width<=860px){main{padding:0 16px 60px}}.storyboards{grid-template-columns:264px minmax(0,1fr);align-items:start;min-height:100vh;margin:-8px -24px -80px;display:grid}.storyboards__view{min-width:0;padding:8px 24px 80px}.storyboards__frame{background:0 0;border:0;width:100%;display:block}@media(width<=860px){.storyboards{grid-template-columns:220px minmax(0,1fr);margin:0 -16px -60px}.storyboards__view{padding:0 8px 60px}}