:root{--bg:#f4f5f7;--surface:rgba(255,255,255,0.92);--surface-strong:#ffffff;--surface-muted:#eef1f5;--border:rgba(18,24,38,0.08);--text:#151513;--muted:#6b7280;--accent:#d6ff1f;--accent-strong:#11120d;--accent-soft:rgba(214,255,31,0.24);--success:#1d6a47;--danger:#9d3928;--shadow:0 8px 24px rgba(15,23,42,0.04);--sans:"Avenir Next","Helvetica Neue",sans-serif;--display:"Iowan Old Style","Palatino Linotype",serif}*{box-sizing:border-box}body,html{background:#f4f5f7;color:var(--text)}body{margin:0;min-height:100vh;font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:0 16px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10;margin:0 auto 8px;max-width:1600px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--border);background:rgba(244,245,247,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:baseline;gap:10px}.brand-lockup h1{font-size:1rem;line-height:1}.asset-card h3,.page-title,.panel h2,.panel h3,.section-header h2,.sidebar-intro h2,.timeline-entry h3,.topbar h1{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.03em}.page-title{font-size:clamp(2.1rem,4vw,3.4rem)}.eyebrow{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(21,21,19,.44)}.asset-meta p,.helper-text,.panel p,.timeline-entry p{margin:0;color:var(--muted);line-height:1.6}.page-shell{margin:0 auto;max-width:1600px}.topbar-actions,.topbar-user{display:flex;align-items:center}.topbar-actions{gap:10px}.topbar-user{color:var(--muted);font-size:.88rem}.bottom-bar{margin:10px auto 0;max-width:1600px;padding:10px 0 0;border-top:1px solid var(--border)}.workbench-frame{display:grid;grid-gap:20px;gap:20px;grid-template-columns:260px minmax(0,1fr)}.workbench-frame-with-rail{grid-template-columns:260px minmax(0,1.1fr) 340px}.workbench-rail,.workbench-sidebar{position:-webkit-sticky;position:sticky;top:24px;align-self:start}.workbench-main{min-width:0}.panel,.workbench-rail,.workbench-sidebar{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:none}.panel{padding:18px}.sidebar-stack,.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{gap:20px}.sidebar-intro,.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-nav-item{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid transparent;background:rgba(255,255,255,.68);transition:transform .16s ease,border-color .16s ease,background .16s ease}.sidebar-nav-item:hover{transform:translateY(-1px);border-color:var(--border)}.sidebar-nav-item-active{background:rgba(18,24,38,.04);border-color:rgba(18,24,38,.1)}.sidebar-nav-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-nav-meta strong{font-size:.98rem}.project-row-title span,.reference-editor-heading span,.reference-item-heading span,.sidebar-nav-meta span{color:rgba(21,21,19,.52);font-size:.82rem}.sidebar-footer,.sidebar-summary{display:flex;flex-direction:column;gap:10px}.panel-heading,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-header{margin-bottom:6px}.panel-heading>div:first-child,.section-header>div:first-child{display:flex;flex-direction:column;gap:8px}.layout-grid{display:grid;grid-gap:20px;gap:20px}.layout-grid-two{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.field-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:.92rem;font-weight:600}.actor-input,.input,.select,.textarea{width:100%;border:1px solid rgba(21,21,19,.12);border-radius:10px;background:rgba(255,255,255,.94);padding:12px 14px;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.actor-input:focus,.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgba(21,21,19,.26);box-shadow:0 0 0 4px rgba(214,255,31,.16)}.input-hero{font-size:1.12rem;min-height:48px}.textarea{min-height:132px;resize:vertical}.textarea-compact{min-height:96px}.textarea-xl{min-height:220px}.action-strip,.actor-bar,.button-row,.inline-row,.status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-strip,.actor-bar{justify-content:flex-end}.actor-label{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.danger-button,.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:9px 14px;border-radius:10px;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.primary-button{background:var(--accent);color:var(--accent-strong);font-weight:700}.ghost-button{background:rgba(255,255,255,.84);border-color:var(--border)}.danger-button{background:rgba(157,57,40,.1);border-color:rgba(157,57,40,.2);color:var(--danger)}.danger-button:hover,.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.danger-button:disabled,.ghost-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.status-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(21,21,19,.08);color:rgba(21,21,19,.72);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-succeeded{background:rgba(29,106,71,.12);color:var(--success)}.status-failed{background:rgba(157,57,40,.12);color:var(--danger)}.status-active,.status-draft,.status-queued,.status-running{background:rgba(214,255,31,.28);color:rgba(21,21,19,.74)}.empty-state,.error-banner,.notice,.success-banner{border-radius:10px;padding:12px 14px}.notice{background:rgba(18,24,38,.04)}.error-banner{background:rgba(157,57,40,.08);color:var(--danger)}.success-banner{background:rgba(29,106,71,.08);color:var(--success)}.empty-state{gap:10px;align-items:flex-start;background:rgba(18,24,38,.03)}.empty-state,.project-list{display:flex;flex-direction:column}.project-list{gap:12px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-radius:0;background:transparent;border:none;border-bottom:1px solid var(--border);transition:transform .16s ease,opacity .16s ease}.project-row:hover{transform:translateY(-1px)}.project-row-main,.project-row-side{display:flex;flex-direction:column;gap:8px}.project-row-main{min-width:0}.project-row-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.project-row-title strong{font-size:1.06rem}.project-row-side{align-items:flex-end}.muted-link{color:rgba(21,21,19,.66);font-weight:600}.sequence-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}.reference-gallery,.sequence-list{display:flex;flex-direction:column;gap:12px}.asset-card,.prompt-entry,.reference-editor,.reference-item,.timeline-entry{border-radius:8px;border:1px solid var(--border);background:var(--surface-strong);overflow:hidden}.reference-item{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:92px}.asset-image-wrap,.reference-editor-media,.reference-item-media{background:var(--surface-muted)}.asset-image,.reference-editor-image,.reference-item-image{width:100%;height:100%;object-fit:cover}.asset-meta,.prompt-entry,.reference-editor-copy,.reference-item-copy,.timeline-entry{padding:16px}.prompt-entry,.reference-editor-copy,.reference-item-copy{display:flex;flex-direction:column;gap:10px}.reference-editor-heading,.reference-item-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.reference-editor{display:grid;grid-template-columns:160px minmax(0,1fr)}.reference-editor-media{min-height:160px}.reference-editor-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(21,21,19,.5);font-weight:600}.asset-grid,.session-grid,.timeline-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.asset-card-selected{border-color:rgba(21,21,19,.24);box-shadow:inset 0 0 0 1px rgba(18,24,38,.12)}.asset-image-wrap{aspect-ratio:1/1}.asset-meta{display:flex;flex-direction:column;gap:10px}.asset-meta small{color:rgba(21,21,19,.48)}.asset-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.session-row,.timeline-entry{display:flex;flex-direction:column;gap:14px}.rail-panel{min-height:100%}.studio-shell{display:grid;position:relative;grid-template-columns:360px minmax(0,1fr) 320px;min-height:calc(100vh - 88px);background:#f8f9fb;overflow:hidden;animation:studio-enter .32s ease}.studio-shell-projects-collapsed{grid-template-columns:360px minmax(0,1fr) 64px}.studio-column{min-width:0;display:flex;flex-direction:column}.studio-column+.studio-column{border-left:1px solid var(--border)}.studio-column-left,.studio-column-right{background:#f6f7f9}.studio-column-right-collapsed{overflow:hidden}.studio-column-center{background:#fbfcfd}.studio-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid var(--border)}.studio-column-copy,.studio-section-copy{display:flex;flex-direction:column;gap:8px}.studio-column-copy h2,.studio-section-copy h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.03em}.studio-column-copy h2{font-size:1.45rem}.studio-section-copy h3{font-size:1.02rem}.studio-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:var(--muted);font-size:.82rem;white-space:nowrap}.studio-section{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border)}.studio-actions-section{background:rgba(214,255,31,.04)}.studio-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio-form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tabs{display:flex;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid var(--border)}.studio-tab{position:relative;padding:12px 0;border:none;background:transparent;color:var(--muted);font-weight:700}.studio-tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;transform:scaleX(.55);transform-origin:left center;background:transparent;transition:transform .16s ease,background .16s ease,opacity .16s ease;opacity:0}.studio-tab-active:after,.studio-tab:hover:after{opacity:1;transform:scaleX(1)}.studio-tab-active{color:var(--text)}.studio-tab-active:after{background:rgba(21,21,19,.82)}.studio-tab-panel{animation:studio-panel-enter .2s ease}.studio-empty{gap:10px;padding:2px 0}.studio-empty,.studio-list{display:flex;flex-direction:column}.studio-list>*+*{border-top:1px solid var(--border)}.studio-media-row{display:grid;grid-template-columns:108px minmax(0,1fr);grid-gap:16px;gap:16px;padding:14px 0}.studio-media-row-editable{align-items:flex-start}.studio-media-row-active{margin:0 -18px;padding:14px 18px;background:rgba(18,24,38,.035)}.studio-media-frame{overflow:hidden;border-radius:8px;background:var(--surface-muted);aspect-ratio:1/1}.studio-media-frame-square{aspect-ratio:1/1}.studio-media-image{width:100%;height:100%;object-fit:cover}.studio-media-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;color:rgba(21,21,19,.56);font-size:.82rem;font-weight:700;text-align:center}.studio-media-copy{min-width:0;display:flex;flex-direction:column;gap:10px}.studio-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-note,.studio-row-foot,.studio-row-heading span{color:rgba(21,21,19,.56);font-size:.82rem}.studio-note,.studio-row-foot{display:flex;gap:10px 14px;flex-wrap:wrap}.studio-media-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.studio-output-item{margin:0;display:flex;flex-direction:column;gap:8px}.studio-output-image{width:100%;aspect-ratio:1/1;border-radius:8px;object-fit:cover;background:var(--surface-muted)}.studio-output-caption{color:var(--muted);font-size:.82rem}.studio-prompt-row{gap:14px}.studio-project-row,.studio-prompt-row{display:flex;flex-direction:column;padding:14px 0}.studio-project-row{position:relative;width:100%;gap:10px;border:none;background:transparent;color:inherit;text-align:left;transition:transform .16s ease,opacity .16s ease}.studio-project-row:before{content:"";position:absolute;top:14px;bottom:14px;left:-18px;width:3px;background:transparent;transition:background .16s ease}.studio-project-row:hover{transform:translateX(4px)}.studio-project-row-active:before{background:rgba(18,24,38,.72)}.studio-project-row-active{transform:translateX(4px)}.studio-sidebar-toggle{position:absolute;top:96px;right:320px;z-index:3;transform:translateX(50%);width:22px;min-width:22px;min-height:56px;padding:0;border-radius:999px;background:rgba(255,255,255,.96);border-color:rgba(18,24,38,.1);box-shadow:0 1px 4px rgba(15,23,42,.06);color:rgba(18,24,38,.7);font-size:.8rem;font-weight:700}.studio-sidebar-toggle-collapsed{right:64px}.actor-bar{justify-content:flex-start;gap:10px;padding:0}.actor-bar small{color:var(--muted)}@keyframes studio-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1280px){.workbench-frame-with-rail{grid-template-columns:240px minmax(0,1fr)}.workbench-rail{position:static;grid-column:1/-1}.studio-shell{grid-template-columns:320px minmax(0,1fr)}.studio-shell-projects-collapsed{grid-template-columns:320px minmax(0,1fr) 56px}.studio-column-right{grid-column:1/-1;border-left:none;border-top:1px solid var(--border)}.studio-column-right-collapsed{grid-column:auto;border-top:none;border-left:1px solid var(--border)}.studio-sidebar-toggle{right:320px}.studio-sidebar-toggle-collapsed{right:56px}}@media (max-width:960px){.field-grid,.field-grid-three,.layout-grid-two,.reference-editor,.reference-item,.topbar,.workbench-frame,.workbench-frame-with-rail{grid-template-columns:1fr;flex-direction:column}.workbench-rail,.workbench-sidebar{position:static}.panel-heading,.project-row,.section-header{flex-direction:column;align-items:flex-start}.project-row-side{width:100%;align-items:flex-start}.actor-bar{justify-content:flex-start}.studio-form-grid,.studio-media-row,.studio-shell,.topbar{grid-template-columns:1fr}.studio-column+.studio-column{border-left:none;border-top:1px solid var(--border)}.studio-column-header,.studio-row-heading,.studio-section-heading{flex-direction:column;align-items:flex-start}.studio-project-row:before{display:none}.studio-tabs{overflow-x:auto}.studio-tab{white-space:nowrap}.studio-sidebar-toggle{top:auto;right:12px;bottom:12px;transform:none}.studio-sidebar-toggle-collapsed{right:12px}}