.studio-page{--studio-bg:color-mix(in oklab,var(--bg)88%,var(--bg-muted));--studio-surface:color-mix(in oklab,var(--bg-elevated)92%,var(--bg));--studio-surface-muted:color-mix(in oklab,var(--bg-muted)62%,var(--bg));--studio-surface-strong:color-mix(in oklab,var(--bg-elevated)96%,var(--bg));--studio-line:color-mix(in oklab,var(--border)82%,var(--fg-subtle));--studio-line-strong:color-mix(in oklab,var(--border-strong)80%,var(--fg-subtle));--studio-muted:var(--fg-muted);--studio-subtle:var(--fg-subtle);--studio-teal:#0f766e;--studio-indigo:#4f46e5;--studio-amber:#b7791f;--studio-rose:#be3455;min-height:100vh;color:var(--fg);background:linear-gradient(180deg,color-mix(in oklab,var(--studio-surface-muted)78%,transparent),transparent 28rem),linear-gradient(90deg,color-mix(in oklab,var(--studio-line)30%,transparent)1px,transparent 1px),linear-gradient(0deg,color-mix(in oklab,var(--studio-line)22%,transparent)1px,transparent 1px),var(--studio-bg);background-size:auto,32px 32px,32px 32px,auto;padding:0;overflow-x:clip}.studio-page,.studio-page *{box-sizing:border-box;min-width:0}.studio-page .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-workbench{width:min(1540px,100% - 1.5rem);margin-inline:auto;padding:clamp(5.75rem,4.8rem + 2vw,7rem) 0 4rem}.studio-topbar{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:1.5rem;padding:0 0 clamp(1.25rem,1rem + 1vw,2rem);display:grid}.studio-topbar__copy{max-width:760px}.studio-eyebrow,.studio-snapshot span,.studio-index__header span,.studio-index__header small,.studio-reader__folder,.studio-status-filter__label,.studio-note-card__date{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;color:var(--studio-subtle);font-weight:700}.studio-eyebrow{align-items:center;gap:.45rem;margin:0 0 .7rem;display:inline-flex}.studio-eyebrow svg{color:var(--studio-indigo)}.studio-topbar h1{letter-spacing:0;max-width:15ch;margin:0;font-size:clamp(2.35rem,1.65rem + 2.8vw,5.1rem);line-height:.98}.studio-topbar__copy>p:last-child{max-width:68ch;color:var(--studio-muted);font-size:var(--text-lg);margin:1rem 0 0;line-height:1.6}.studio-snapshot{border-left:3px solid var(--studio-teal);background:linear-gradient(90deg,color-mix(in oklab,var(--studio-teal)8%,transparent),transparent);gap:.2rem;min-width:10rem;padding:.65rem 0 .65rem 1rem;display:grid}.studio-snapshot strong{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:0}.studio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:.9rem 0;display:grid}.studio-metric{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:color-mix(in oklab,var(--studio-surface)88%,transparent);grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:58px;padding:.75rem .85rem;display:grid;box-shadow:0 14px 38px -34px #0009;box-shadow:0 14px 38px -34px lab(0% 0 0/.6)}.studio-metric svg{width:1.05rem;height:1.05rem;color:var(--studio-indigo)}.studio-metric span{color:var(--studio-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-metric strong{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:0}.studio-shell{grid-template-columns:280px minmax(250px,330px) minmax(0,1fr) minmax(280px,340px);grid-template-areas:"nav index reader rail";align-items:start;gap:.85rem;display:grid}.studio-sidebar,.studio-index,.studio-reader,.studio-rail{min-width:0;max-width:100%}.studio-sidebar,.studio-index,.studio-rail{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:color-mix(in oklab,var(--studio-surface)91%,transparent);position:sticky;top:88px;box-shadow:0 20px 56px -42px #00000094;box-shadow:0 20px 56px -42px lab(0% 0 0/.58)}.studio-sidebar{grid-area:nav;padding:.9rem}.studio-index{grid-area:index;padding:.9rem}.studio-reader{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in oklab,var(--studio-surface-strong)76%,transparent),transparent 18rem),color-mix(in oklab,var(--studio-surface)94%,transparent);grid-area:reader;min-height:calc(100vh - 11rem);padding:clamp(1.1rem,1.6vw,1.8rem);box-shadow:0 22px 60px -44px #00000094;box-shadow:0 22px 60px -44px lab(0% 0 0/.58)}.studio-rail{grid-area:rail;gap:.85rem;padding:.9rem;display:grid}.studio-search{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:var(--studio-surface-strong);min-height:44px;color:var(--studio-subtle);transition:border-color var(--d-fast)var(--ease),box-shadow var(--d-fast)var(--ease);grid-template-columns:1rem minmax(0,1fr) 1.8rem;align-items:center;gap:.6rem;padding:0 .55rem 0 .75rem;display:grid}.studio-search:focus-within{border-color:color-mix(in oklab,var(--studio-indigo)48%,var(--studio-line));box-shadow:0 0 0 3px color-mix(in oklab,var(--studio-indigo)12%,transparent)}.studio-search input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0}.studio-search input::placeholder{color:var(--studio-subtle)}.studio-search__clear,.studio-icon-button,.studio-index__empty button,.studio-reader--empty button{border:1px solid var(--studio-line);border-radius:var(--radius-sm);background:var(--studio-surface-strong);color:var(--fg);cursor:pointer;transition:border-color var(--d-fast)var(--ease),background var(--d-fast)var(--ease),color var(--d-fast)var(--ease);place-items:center;display:inline-grid}.studio-search__clear{width:1.8rem;height:1.8rem}.studio-status-filter{border-bottom:1px solid var(--studio-line);gap:.65rem;margin-top:.8rem;padding-bottom:.85rem;display:grid}.studio-status-filter__label{align-items:center;gap:.45rem;display:inline-flex}.studio-status-filter__label svg{color:var(--studio-amber)}.studio-status-filter__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.studio-status-filter__buttons button{border:1px solid var(--studio-line);border-radius:var(--radius-sm);background:var(--studio-surface-strong);min-height:34px;color:var(--studio-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.studio-status-filter__buttons button:hover,.studio-status-filter__buttons button.is-active,.studio-search__clear:hover,.studio-icon-button:hover,.studio-index__empty button:hover,.studio-reader--empty button:hover{border-color:color-mix(in oklab,var(--studio-indigo)46%,var(--studio-line));background:color-mix(in oklab,var(--studio-indigo)10%,var(--studio-surface-strong));color:var(--fg)}.studio-folder-nav{gap:.65rem;margin-top:.85rem;display:grid}.studio-folder{border-radius:var(--radius-md);border:1px solid #0000}.studio-folder--active{border-color:var(--studio-line);background:color-mix(in oklab,var(--studio-surface-muted)55%,transparent)}.studio-folder__button{border-radius:var(--radius-md);width:100%;min-height:58px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.2rem minmax(0,1fr) auto .9rem;align-items:center;gap:.65rem;padding:.68rem;display:grid}.studio-folder__button>svg:first-child{color:var(--studio-teal)}.studio-folder__button>svg:last-child{color:var(--studio-subtle);transition:transform var(--d-fast)var(--ease)}.studio-folder--active .studio-folder__button>svg:last-child{transform:rotate(90deg)}.studio-folder__button:hover{background:color-mix(in oklab,var(--studio-teal)9%,transparent)}.studio-folder__text strong,.studio-folder__text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-folder__text strong{line-height:1.2}.studio-folder__text small{color:var(--studio-subtle);font-size:var(--text-xs);margin-top:.2rem}.studio-folder__count{border:1px solid var(--studio-line);border-radius:var(--radius-pill);min-width:1.7rem;color:var(--studio-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;padding:.1rem .42rem}.studio-submenu{gap:.75rem;padding:.15rem .65rem .85rem 2.35rem;display:grid}.studio-submenu__group p{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;color:var(--studio-subtle);margin:0 0 .35rem;font-weight:700}.studio-submenu__item{border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--studio-muted);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.42rem .5rem;display:grid}.studio-submenu__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-submenu__item:hover,.studio-submenu__item--active{background:color-mix(in oklab,var(--studio-indigo)10%,transparent);color:var(--fg)}.studio-submenu__empty{color:var(--studio-subtle);font-size:var(--text-sm);line-height:1.45;display:block}.studio-index__header{gap:.2rem;margin-bottom:.85rem;display:grid}.studio-index__header strong{line-height:1.25}.studio-index__items{gap:.65rem;display:grid}.studio-note-card{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:var(--studio-surface-strong);width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--d-fast)var(--ease),background var(--d-fast)var(--ease),transform var(--d-fast)var(--ease);gap:.5rem;padding:.85rem;display:grid}.studio-note-card:hover,.studio-note-card--active{border-color:color-mix(in oklab,var(--studio-teal)48%,var(--studio-line));background:color-mix(in oklab,var(--studio-teal)8%,var(--studio-surface-strong))}.studio-note-card:hover{transform:translateY(-1px)}.studio-note-card strong{overflow-wrap:anywhere;line-height:1.25}.studio-note-card small{color:var(--studio-muted);line-height:1.45}.studio-note-card__date{border-top:1px solid var(--studio-line);width:fit-content;padding-top:.45rem}.studio-status{border:1px solid var(--studio-line);border-radius:var(--radius-pill);width:fit-content;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;color:var(--studio-subtle);white-space:nowrap;padding:.22rem .48rem;font-weight:700}.studio-status--ready{color:var(--studio-teal);border-color:color-mix(in oklab,var(--studio-teal)48%,var(--studio-line));background:color-mix(in oklab,var(--studio-teal)8%,transparent)}.studio-status--draft{color:var(--studio-amber);border-color:color-mix(in oklab,var(--studio-amber)46%,var(--studio-line));background:color-mix(in oklab,var(--studio-amber)10%,transparent)}.studio-status--next{color:var(--studio-rose);border-color:color-mix(in oklab,var(--studio-rose)42%,var(--studio-line));background:color-mix(in oklab,var(--studio-rose)9%,transparent)}.studio-reader__header{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding-bottom:1.2rem;display:grid}.studio-reader__header h2{letter-spacing:0;overflow-wrap:anywhere;max-width:16ch;margin:.35rem 0 0;font-size:clamp(2rem,1.45rem + 2vw,4.2rem);line-height:1}.studio-reader__header p:not(.studio-reader__folder){max-width:74ch;color:var(--studio-muted);font-size:var(--text-lg);margin:.95rem 0 0;line-height:1.65}.studio-note-tags{flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.2rem;display:flex}.studio-note-tags span{border:1px solid var(--studio-line);border-radius:var(--radius-pill);background:var(--studio-surface-strong);color:var(--studio-muted);font-size:var(--text-xs);padding:.3rem .55rem;line-height:1.2}.studio-reader__sections{gap:0;display:grid}.studio-note-section{border-top:1px solid var(--studio-line);padding:1.05rem 0}.studio-note-section:first-child{border-top:0}.studio-note-section h3,.studio-panel-heading h3{font-size:var(--text-lg);letter-spacing:0;margin:0;line-height:1.2}.studio-note-section p,.studio-command p,.studio-check-list p,.studio-panel-empty,.studio-index__empty p,.studio-reader--empty p{color:var(--studio-muted);margin:.45rem 0 0;line-height:1.65}.studio-rail__section{border-bottom:1px solid var(--studio-line);gap:.8rem;padding-bottom:.85rem;display:grid}.studio-rail__section:last-child{border-bottom:0;padding-bottom:0}.studio-panel-heading{grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.studio-panel-heading svg{color:var(--studio-indigo)}.studio-command-stack,.studio-link-stack{gap:.65rem;display:grid}.studio-command{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:var(--studio-surface-strong);grid-template-columns:minmax(0,1fr) 2.35rem;align-items:start;gap:.7rem;padding:.8rem;display:grid}.studio-command strong,.studio-link-stack strong,.studio-check-list strong{overflow-wrap:anywhere;line-height:1.25}.studio-command code{border:1px solid var(--studio-line);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--bg)84%,var(--bg-muted));max-width:100%;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:.6rem;padding:.48rem .55rem;line-height:1.55;display:block}.studio-icon-button{width:2.35rem;height:2.35rem;color:var(--studio-teal)}.studio-link-stack a{border:1px solid var(--studio-line);border-radius:var(--radius-md);background:var(--studio-surface-strong);color:inherit;grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;display:grid}.studio-link-stack a:hover{border-color:color-mix(in oklab,var(--studio-indigo)44%,var(--studio-line));background:color-mix(in oklab,var(--studio-indigo)8%,var(--studio-surface-strong))}.studio-link-stack small{color:var(--studio-muted);margin-top:.25rem;line-height:1.45;display:block}.studio-link-stack svg{color:var(--studio-indigo)}.studio-check-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.studio-check-list li{grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.7rem;display:grid}.studio-check-list li>span{border:1px solid var(--studio-line);border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;margin-top:.16rem;display:grid}.studio-check-list li>span.is-checked{border-color:var(--studio-teal);background:color-mix(in oklab,var(--studio-teal)14%,transparent);color:var(--studio-teal)}.studio-index__empty,.studio-reader--empty{border:1px dashed var(--studio-line-strong);border-radius:var(--radius-md);background:color-mix(in oklab,var(--studio-surface-muted)46%,transparent);text-align:center;place-items:center;min-height:16rem;padding:1rem;display:grid}.studio-index__empty button,.studio-reader--empty button{min-height:38px;font:inherit;grid-auto-flow:column;align-items:center;gap:.45rem;margin-top:.8rem;padding:0 .75rem}.studio-reader--empty{min-height:calc(100vh - 11rem)}.studio-reader--empty>div{max-width:24rem}.studio-reader--empty svg{color:var(--studio-indigo)}.studio-reader--empty h2{font-size:var(--text-2xl);letter-spacing:0;margin:.7rem 0 0}@media (max-width:1380px){.studio-workbench{width:min(1280px,100% - 1rem)}.studio-shell{grid-template-columns:280px minmax(0,1fr) minmax(280px,330px);grid-template-areas:"nav reader rail""index reader rail"}.studio-index{position:static}}@media (max-width:1120px){.studio-shell{grid-template-columns:minmax(250px,300px) minmax(0,1fr);grid-template-areas:"nav reader""index reader""rail rail"}.studio-rail{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.studio-rail__section{border-right:1px solid var(--studio-line);border-bottom:0;padding-bottom:0;padding-right:.85rem}.studio-rail__section:last-child{border-right:0;padding-right:0}}@media (max-width:860px){.studio-workbench{width:100%;padding:4.85rem .75rem 2rem}.studio-topbar{grid-template-columns:1fr;gap:1rem}.studio-topbar h1{max-width:12ch;font-size:clamp(2.25rem,10vw,3.6rem);line-height:1.02}.studio-topbar__copy>p:last-child{font-size:var(--text-base)}.studio-snapshot{width:100%}.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell{grid-template-columns:1fr;grid-template-areas:"nav""index""reader""rail"}.studio-sidebar,.studio-index,.studio-reader,.studio-rail{width:100%;box-shadow:none;position:static}.studio-reader{min-height:auto}.studio-reader__header{grid-template-columns:1fr}.studio-reader__header h2{max-width:100%;font-size:clamp(1.85rem,8vw,2.65rem);line-height:1.06}.studio-reader__header p:not(.studio-reader__folder){font-size:var(--text-base)}.studio-rail{grid-template-columns:1fr}.studio-rail__section{border-right:0;border-bottom:1px solid var(--studio-line);padding-bottom:.85rem;padding-right:0}.studio-rail__section:last-child{border-bottom:0;padding-bottom:0}}@media (max-width:520px){.studio-workbench{padding-inline:.6rem}.studio-metrics,.studio-status-filter__buttons{grid-template-columns:1fr}.studio-folder__button{grid-template-columns:1.1rem minmax(0,1fr) auto}.studio-folder__button>svg:last-child{display:none}.studio-submenu{padding-left:.65rem}.studio-command,.studio-link-stack a{grid-template-columns:1fr}.studio-icon-button{width:100%;min-height:42px}}