:root,:root[data-theme=light]{--bg:#f5f5f7;--surface:#fff;--surface-alt:#eeeef1;--text:#17171a;--text-muted:#5c5c66;--border:#d8d8de;--doc-surface:#fff;--doc-text:#17171a;--doc-border:#d8d8de;--accent:#263057;--accent-text:#fff;--danger:#b3261e;--warning:#9a6700;--ok:#1f7a33;--skeleton:#e4e4e9;--overlay:#17171a73;--shadow:0 2px 8px #17171a1f}:root[data-theme=dark]{--bg:#232428;--surface:#2b2c31;--surface-alt:#34353b;--text:#e8e8ea;--text-muted:#a6a6b0;--border:#43444b;--doc-surface:#fff;--doc-text:#17171a;--doc-border:#d8d8de;--accent:#263057;--accent-text:#fff;--danger:#f2b8b5;--warning:#e5c07b;--ok:#7bd88f;--skeleton:#3a3b42;--overlay:#0000008c;--shadow:0 2px 8px #0006}:root{--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--nav-w-expanded:220px;--nav-w-rail:56px;--topbar-h:48px;--font:Inter, "Liberation Sans", system-ui, sans-serif;--font-size:15px;--line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes impress-skeleton{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);min-height:100%;display:grid}.shell[data-nav=expanded]{--nav-w:var(--nav-w-expanded)}.shell[data-nav=rail]{--nav-w:var(--nav-w-rail)}.shell[data-nav=drawer]{--nav-w:0px}.shell-nav{background:var(--surface);border-right:1px solid var(--border);height:100vh;padding:var(--space-4);align-self:start;gap:var(--space-2);flex-direction:column;grid-area:1/1/-1;display:flex;position:sticky;top:0;overflow-y:auto}.shell[data-nav=rail] .shell-nav{padding:var(--space-3) var(--space-2);align-items:center;overflow:visible}.shell-topbar{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;grid-area:1/2;display:flex;position:sticky;top:0}.shell-main{grid-area:2/2;min-width:0;overflow-x:clip}.shell[data-nav=drawer] .shell-nav{z-index:30;width:260px;height:auto;box-shadow:var(--shadow);align-self:stretch;display:none;position:fixed;inset:0 auto 0 0}.shell[data-nav=drawer] .shell-nav[data-open=true]{display:flex}.shell-scrim{background:var(--overlay);z-index:20;cursor:pointer;border:0;padding:0;position:fixed;inset:0}.shell-iconbtn{border-radius:var(--radius);width:40px;height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.shell-iconbtn:hover{background:var(--surface-alt)}.shell-userpop{gap:var(--space-2);display:grid}.shell[data-nav=rail] .shell-user{position:relative}.shell[data-nav=rail] .shell-userpop{left:calc(100% + var(--space-2));width:200px;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;position:absolute;bottom:0}.shell-avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.editor-grid{gap:var(--space-4);align-items:start;display:grid}@media (width>=1536px){.shell-main{padding:var(--space-8)}.editor-grid{grid-template-columns:200px minmax(440px,1fr) minmax(420px,44%)}}@media (width>=1280px) and (width<=1535.98px){.shell-main{padding:var(--space-6)}.editor-grid{grid-template-columns:200px minmax(400px,1fr) minmax(380px,40%)}}@media (width>=1024px) and (width<=1279.98px){.shell-main{padding:var(--space-6)}.editor-grid{grid-template-columns:44px minmax(380px,1fr) minmax(340px,40%)}}@media (width<=1023.98px){.shell-main{padding:var(--space-4)}.editor-grid{grid-template-columns:minmax(0,1fr)}}