.ladder-card{position:relative;display:flex;align-items:center;gap:4px;border-radius:10px;margin:2px 4px;border:1px solid transparent;transition:border-color .22s var(--ease-spring-smooth),background .22s var(--ease-spring-smooth)}.ladder-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(100px circle at var(--mx,50%) var(--my,50%),hsla(35,86%,78%,.08),transparent 70%);opacity:0;transition:opacity .2s var(--ease-spring-smooth);pointer-events:none;z-index:0}.ladder-card:hover{background:hsla(35,86%,78%,.08)}.ladder-card:hover:before{opacity:1}.ladder-card.is-active{background:hsla(35,86%,78%,.15);border-color:hsla(35,86%,78%,.3)}.ladder-card-main{flex:1 1;min-width:0;position:relative;z-index:1;background:none;border:none;padding:8px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.ladder-card-name{font-size:13px;font-weight:400;line-height:1.2;color:hsla(0,0%,93%,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.ladder-card-name.overflow-marquee-container{display:block}.ladder-card-name.overflow-marquee-container.is-overflowing .overflow-marquee-text.is-animating{animation-duration:var(--marquee-duration,8s)}.ladder-card.is-active .ladder-card-name,.ladder-card:hover .ladder-card-name{color:#fff}.ladder-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.2;min-height:13.2px;color:hsla(0,0%,78%,.55)}.ladder-card-author{color:hsla(35,86%,78%,.6);font-weight:400}.ladder-card-steps{color:hsla(0,0%,78%,.4)}.ladder-card-add{position:relative;z-index:1;background:hsla(35,86%,78%,.1);border:1px solid hsla(35,86%,78%,.25);color:hsla(35,86%,78%,.85);font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer;margin-right:8px;transition:background .15s var(--ease-spring-smooth),border-color .15s var(--ease-spring-smooth),color .15s var(--ease-spring-smooth);white-space:nowrap}.ladder-card-add:hover:not(:disabled){background:hsla(35,86%,78%,.2);border-color:hsla(35,86%,78%,.45);color:#fff}.ladder-card-add:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.ladder-card,.ladder-card:before{transition:none}}.timeline-alert.is-error{border-color:hsla(0,77%,75%,.7);background:hsla(0,77%,75%,.16);color:hsla(0,77%,75%,.95)}.timeline-retry{border:1px solid hsla(35,86%,78%,.7);background:hsla(35,86%,78%,.15);color:#f7ce96;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.timeline-retry:hover{border-color:#f7ce96;background:hsla(35,86%,78%,.28)}.timeline-grid-toggle{border:1px solid hsla(35,86%,78%,.6);background:transparent;color:#f7ce96;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.timeline-grid-toggle.is-active{background:hsla(35,86%,78%,.18);border-color:#f7ce96}.studio-timeline-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:hsla(0,77%,75%,.7);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.timeline-stage{position:relative;flex:1 1;min-height:150px;max-height:calc(100vh - var(--notch-height) - 220px);overflow-y:auto;overflow-x:hidden}.timeline-stage::-webkit-scrollbar{width:6px}.timeline-stage::-webkit-scrollbar-track{background:transparent}.timeline-stage::-webkit-scrollbar-thumb{background:hsla(35,86%,78%,.35);border-radius:999px}.timeline-stage::-webkit-scrollbar-thumb:hover{background:hsla(35,86%,78%,.55)}.timeline-svg{position:absolute;inset:0;width:100%;height:auto;overflow:visible;display:block}.timeline-svg-line{stroke:#f7ce96;stroke-width:1.6px;stroke-linecap:round;opacity:.9;transition:all .24s ease}.timeline-grid-line,.timeline-svg-line{vector-effect:non-scaling-stroke;pointer-events:none}.timeline-grid-line{stroke:hsla(35,86%,78%,.18);stroke-width:.8px;stroke-dasharray:2 4}.timeline-collapse-hit{stroke:transparent;stroke-width:12px;cursor:pointer;pointer-events:stroke}.timeline-node-hit{fill:transparent;cursor:pointer;pointer-events:all}.timeline-svg-line.is-dotted{stroke-dasharray:2.5 3.5}.timeline-svg-line.is-waiting{opacity:.5;animation:timeline-wait-blink 1s ease-in-out infinite}.timeline-intersection{pointer-events:none;animation:timeline-intersection-glow 1.2s ease-in-out infinite}.timeline-intersection-line{stroke:#f7ce96;stroke-width:.8px;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 4px rgba(247,206,150,.7))}.timeline-intersection-label{fill:#f7ce96;font-size:7px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:rgba(45,45,45,.8);stroke-width:1.2px}.timeline-node-svg{fill:#2d2d2d;stroke:#f7ce96;stroke-width:1.6px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 0 rgba(247,206,150,0));pointer-events:auto;cursor:pointer;transition:all .24s ease;transform-box:fill-box;transform-origin:center}.timeline-node-svg.is-new{opacity:0;animation:timeline-node-pop .42s ease forwards}.timeline-node-svg.is-node-selected{fill:hsla(35,86%,78%,.2);stroke-width:2.5px;filter:drop-shadow(0 0 6px rgba(247,206,150,.5))}.timeline-tooltip{position:absolute;right:12px;bottom:12px;max-width:220px;padding:10px 12px;background:#252525;border:1px solid hsla(35,86%,78%,.6);border-radius:10px;font-size:12px;color:#f7ce96;box-shadow:0 8px 18px rgba(0,0,0,.35)}.studio-timeline{display:flex;flex-direction:column;height:100%;overflow:hidden;gap:8px}.studio-timeline-header{flex-shrink:0}.studio-timeline-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-timeline.has-updates .timeline-tooltip{bottom:48px}.timeline-updates{position:absolute;right:12px;bottom:12px;z-index:2;border:1px solid #f7ce96;background:#f7ce96;color:#2d2d2d;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(6px);box-shadow:0 0 12px hsla(35,86%,78%,.5);transition:opacity .24s ease,transform .24s ease;animation:none}.timeline-updates.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);animation:timeline-updates-pulse 4s ease-in-out infinite}.timeline-simulate{border:1px solid hsla(35,86%,78%,.7);background:rgba(37,37,37,.75);color:#f7ce96;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:10px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;box-shadow:0 0 0 hsla(35,86%,78%,0);white-space:nowrap}.timeline-simulate:hover{border-color:#f7ce96;background:hsla(35,86%,78%,.12)}.timeline-simulate.is-active{background:#f7ce96;color:#2d2d2d;box-shadow:0 0 14px hsla(35,86%,78%,.55)}.studio-main-content{display:flex;flex-direction:row;flex:1 1;overflow:hidden;position:relative;min-width:0}.studio-timeline-dock{gap:8px}.studio-timeline-toggle{margin-left:0;border-radius:10px;border:.84px solid hsla(35,86%,78%,.6);background:#252525;transition:border-color .2s ease,background .2s ease;width:32px;height:32px;box-sizing:border-box}.studio-timeline-toggle:hover{border-color:hsla(35,86%,78%,.8);background:hsla(35,86%,78%,.12)}.studio-timeline-toggle.is-active{border-color:hsla(35,86%,78%,.9);background:hsla(35,86%,78%,.15)}.studio-timeline-toggle .logo{width:18px;height:18px;opacity:.7;transition:opacity .2s ease;display:block;margin:auto}.studio-timeline-toggle.is-active .logo,.studio-timeline-toggle:hover .logo{opacity:1}.studio-timeline-dock{flex-shrink:0;width:min(340px,38vw);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-surface);overflow:hidden}.studio-timeline-dock .studio-timeline{height:100%;flex:1 1;min-height:0}.studio-timeline-dock .timeline-stage{max-height:none;flex:1 1}.studio-timeline-toggle{position:absolute;top:12px;right:12px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--r-sm);border:1px solid var(--border-amber);background:rgba(37,37,37,.85);color:var(--amber);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.studio-timeline-toggle:hover{background:hsla(35,86%,78%,.14);border-color:var(--border-amber-hi)}.studio-timeline-toggle.is-active{background:hsla(35,86%,78%,.18);border-color:var(--amber)}.studio-timeline-toggle svg{width:18px;height:18px;display:block}@media (max-width:720px){.studio-timeline-dock{position:absolute;inset:0;width:100%;z-index:25;border-left:none}}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.usage-row{grid-template-columns:1fr 1fr}.timeline-svg{transform:scale(.6);transform-origin:top center}}@media (max-width:720px){.nav{padding:16px 24px}.logo{width:min(60vw,200px);margin-top:0}.cta{width:min(80vw,280px)}.hero-docs-link{top:14px;right:18px;font-size:13px}.studio-floating-controls{top:10px;left:10px;gap:8px}.studio-sidebar{width:min(320px,86vw);padding:8px 10px 10px}.studio-sidebar-top{gap:6px;padding-bottom:12px}.studio-sidebar-brand{align-items:center}.studio-sidebar-brand .logo{height:24px}.studio-sidebar-header-button{width:34px;height:34px;border-radius:10px}.studio-sidebar-nav-link,.studio-sidebar-search-label,.studio-sidebar-section-toggle{font-size:14px}.studio-sidebar-middle{padding-top:8px}.studio-sidebar-thread,.studio-sidebar-thread-skeleton{min-height:44px;border-radius:10px}.studio-sidebar-thread{padding:10px 11px}.studio-sidebar-empty,.studio-sidebar-thread-project,.studio-sidebar-thread-title{font-size:13px}.studio-sidebar-search-input{border-radius:12px;padding:9px 11px}.studio-sidebar-bottom{gap:10px;padding-top:12px}.studio-workspace.is-route-view{padding:72px 18px 24px}.studio-project-detail,.studio-projects-page{gap:20px}.studio-project-detail-header h1,.studio-projects-page-header h1{font-size:30px}.studio-projects-page-search{padding:12px 16px;font-size:16px}.studio-project-detail-row-copy,.studio-projects-page-list-head,.studio-projects-page-row{grid-template-columns:minmax(0,1fr) 84px;gap:10px}.studio-project-detail-row,.studio-projects-page-row{padding-left:0;padding-right:0}.studio-nav-icon{width:34px;height:34px;border-radius:11px}.studio-nav-icon svg{width:15px;height:15px}.studio-input-row textarea,.studio-panel-input,.studio-panel-input--new,.studio-panel-input--search{font-size:16px}.studio-input{border-radius:18px 18px 0 0;padding:12px 12px calc(10px + env(safe-area-inset-bottom))}.studio-controls--composer{align-items:flex-end;gap:6px}.studio-controls-left{gap:2px}.studio-control-button{font-size:12px;padding:6px 8px}.studio-send{width:36px;height:36px;margin-left:4px}.studio-canvas-header .logo{width:auto;height:var(--notch-height)}.dashboard{width:100%;padding:24px 16px 48px}.dashboard-grid{gap:14px}.dashboard-card{padding:16px}.dashboard-card--fixed{height:300px}.usage-row{grid-template-columns:1fr;gap:10px;font-size:12px}.usage-row--header{display:none}.usage-row span{display:grid;grid-template-columns:110px 1fr;grid-gap:10px;gap:10px;word-break:break-word}.usage-row span:before{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.usage-row span:first-child:before{content:"Date"}.usage-row span:nth-child(2):before{content:"Model"}.usage-row span:nth-child(3):before{content:"Engine"}.usage-row span:nth-child(4):before{content:"Output"}.usage-row span:nth-child(5):before{content:"Iterations"}.usage-row span:nth-child(6):before{content:"Cost"}.card-header{flex-direction:column;align-items:flex-start}.key-actions{width:100%;flex-direction:column;align-items:stretch}.dashboard-button,.key-input{width:100%}.key-row{flex-direction:column;align-items:flex-start;gap:10px}.key-revoke{width:100%}.auth-field input,.key-input,.settings-field input,.settings-field select,.settings-field textarea{font-size:16px}}@media (max-width:640px){.waitlist-row{flex-direction:column;align-items:stretch}.studio-canvas-header .logo{width:auto;height:var(--notch-height)}.waitlist-button{width:100%}}