.studio-brand-link{font-size:16px;font-weight:600;text-decoration:none;color:var(--ink)}.topbar .usage-pill{display:none}.project-context{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 32px;border-bottom:1px solid var(--line);background:#fff}.project-context[hidden]{display:none}.context-name{background:none;border:0;font:inherit;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:65%;text-align:left;padding:8px 0}.project-context>.icon-button:last-child{margin-left:auto;flex:none}#project-tool-label{font-size:12px;color:var(--muted);white-space:nowrap}.project-page{max-width:1240px;margin:0 auto;width:100%;padding:36px 40px 60px}.project-page h1{overflow-wrap:anywhere}.project-page .page-heading{margin-bottom:26px}.project-page .page-heading p{max-width:68ch}.project-list{display:flex;flex-direction:column}.project-list-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.project-list-lead{display:flex;align-items:flex-start;gap:16px;min-width:0;flex:1}.project-list-lead>.icon{flex:none;width:24px;height:24px;margin-top:4px;color:var(--muted)}.project-list-info{min-width:0}.project-name-link{display:block;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:500;text-align:left;padding:4px 0;overflow-wrap:anywhere;cursor:pointer;text-decoration:none}.project-name-link:hover{text-decoration:underline;text-underline-offset:4px}.project-counts{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.project-list-info p{margin-bottom:0}.project-list-actions{display:flex;align-items:center;gap:12px;flex:none}.project-row-menu{position:relative}.project-row-menu summary{list-style:none;cursor:pointer}.project-row-menu summary::-webkit-details-marker{display:none}.project-row-options{position:absolute;z-index:12;right:0;top:46px;width:156px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;gap:3px}.project-row-options .text-button{padding:10px;min-height:44px;text-align:left}.project-form{padding:20px 0 25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.project-form>label{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.project-form-row{display:flex;gap:10px;align-items:center}.project-form-row input{min-width:0;flex:1}.project-form-row .button{flex:none;min-height:44px}.project-filters{justify-content:space-between}.archive-toggle{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;min-height:44px}.archive-toggle input{width:18px;height:18px;accent-color:#26292e}.project-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.project-tools .button{min-height:46px;gap:9px}.project-tools .button:first-child{background:#26292e;color:#fff;border-color:#26292e}.project-links{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:2px 0 20px;margin-bottom:28px}.project-recent{margin-bottom:38px}.project-task-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.project-task-row>.icon{flex:none;color:var(--muted)}.project-task-info{min-width:0;flex:1}.project-task-info p{font-size:11px;margin:4px 0 0}.project-task-row .badge{flex:none}.project-task-actions{display:flex;gap:12px;align-items:center;flex:none}.project-task-actions .text-button{min-height:40px;font-size:11px}.project-library-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:22px;padding:9px 15px;min-height:42px;font:inherit;font-size:12px;cursor:pointer}.filter-chip[aria-pressed=true]{background:#26292e;color:#fff;border-color:#26292e}.project-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.project-library>.empty-state{grid-column:1/-1}.project-media{min-width:0}.project-media-cover{aspect-ratio:4/3;background:#f5f6f8;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0}.project-media-cover img,.project-media-cover video{width:100%;height:100%;object-fit:contain}.project-audio-cover{flex-direction:column;gap:16px;padding:12px}.project-audio-cover>.icon{width:36px;height:36px;color:var(--muted)}.project-audio-cover audio{max-width:100%;width:100%}.project-media-info{padding-top:10px}.project-media-info>p{font-size:11px;margin:6px 0}.project-media-actions{display:flex;gap:14px;flex-wrap:wrap}.project-media-actions .text-button{font-size:11px;min-height:42px;gap:6px}.project-section-title{margin-top:38px}.home-project-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 32px;border-bottom:1px solid var(--line)}.home-project-entry h2{font-size:21px;margin-bottom:10px}.home-project-entry p{max-width:50ch;font-size:13px;color:var(--muted);margin-bottom:0}.home-project-entry .button{flex:none}.project-cost-summary{display:flex;gap:48px;margin:24px 0}.project-cost-summary dt{font-size:12px}.project-cost-summary dd{font-size:22px;font-weight:500;margin:8px 0;font-variant-numeric:tabular-nums}.project-cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.project-cost-row strong{font-variant-numeric:tabular-nums}.studio-menu{position:fixed;right:22px;top:64px;z-index:50;width:min(320px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:3px}.studio-menu[hidden]{display:none}.studio-menu>a,.studio-menu>button{display:flex;align-items:center;gap:8px;color:var(--ink);text-align:left;min-height:44px;font:inherit;font-size:13px;text-decoration:none;border:0;background:none;border-radius:7px;padding:10px;cursor:pointer}.studio-menu>a:hover,.studio-menu>button:hover{background:#f2f4f7}.studio-menu>strong{padding:6px 10px;font-size:13px}.account-usd{font-size:12px;line-height:1.8;padding:6px 10px 14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.context-menu{top:122px}.mobile-nav{display:none}.project-archived #render-new,.project-archived #render-save,.project-archived #render-upload,.project-archived #render-add,.project-archived #render-submit,.project-archived #render-review{pointer-events:none;opacity:.45}#project-archived-note{margin:14px 24px}#project-library-more{margin-top:24px}.project-page input::placeholder{color:#667085}.project-page input{caret-color:#26292e}.project-page ::selection{background:#dce9ff;color:#222}.project-page button:focus-visible,.studio-menu a:focus-visible,.mobile-nav button:focus-visible{outline:2px solid #497cc3;outline-offset:3px}.project-page .muted{color:#59667b}
@media(max-width:1100px){.project-library{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page{padding:30px 26px 54px}}
@media(max-width:1000px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;min-width:0;border:0;border-radius:8px;background:none;color:#59667b;font-family:inherit;font-size:10px;font-weight:500}.mobile-nav button>.icon{width:21px;height:21px}.mobile-nav button.active{color:#244c82;background:#edf2f9}.app-main{padding-bottom:80px}.topbar{position:sticky;top:0;z-index:22;background:#fff}.topbar-right{margin-left:auto}.project-context{padding:7px 18px;gap:8px}.project-page{padding:28px 24px 38px}.drawer-open{overflow:hidden}.drawer-open .sidebar{z-index:42}.drawer-open .drawer-shade{z-index:41}.drawer-open .mobile-nav{pointer-events:none}.sidebar{max-height:100dvh;overflow-y:auto}.keyboard-open .mobile-nav{display:none}.keyboard-open .app-main{padding-bottom:16px}.toast{bottom:88px}.keyboard-open .toast{bottom:18px}.chat-view{min-height:calc(100dvh - 170px)}.chat-composer{scroll-margin-bottom:32px}.studio-menu{top:66px;right:14px}.context-menu{top:120px}}
@media(max-width:640px){.project-page{padding:24px 18px 36px}.project-page .page-heading{flex-direction:column;gap:16px}.project-page .page-heading h1{font-size:24px;line-height:1.45}.project-page .page-heading .button{min-height:44px;font-size:12px}.project-context{min-height:54px;padding:6px 12px}.context-name{max-width:calc(100% - 92px);flex:1;font-size:13px}#project-tool-label{display:none}.project-context .icon-button{min-width:40px}.project-list-item{align-items:stretch;flex-direction:column;gap:14px;padding:22px 0}.project-list-lead{gap:12px}.project-list-actions{padding-left:36px;justify-content:space-between}.project-list-info .project-name-link{font-size:15px}.project-form-row{flex-wrap:wrap}.project-form-row input{flex-basis:100%;font-size:16px}.project-form-row .button{flex:1}.project-form{padding-top:0}.project-filters{flex-direction:column;align-items:stretch;gap:4px}.archive-toggle{align-self:flex-start}.project-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-tools .button{justify-content:flex-start;padding:12px 10px;font-size:12px}.project-tools .button:last-child{grid-column:1/-1}.project-links{gap:22px;font-size:12px;margin-bottom:20px}.project-library{grid-template-columns:1fr;gap:28px}.project-library-filters{gap:6px}.filter-chip{padding:8px 12px;min-height:42px}.project-recent{margin-bottom:30px}.project-task-row{gap:10px}.project-task-row .badge{font-size:9px;max-width:78px;white-space:normal;text-align:center}.project-task-info .project-name-link{font-size:13px}.project-page .section-heading h2{font-size:16px}.project-page .section-heading{gap:12px}.home-project-entry{flex-direction:column;align-items:flex-start;gap:20px}.home-project-entry h2{font-size:20px}.home-project-entry .button{width:100%}.project-cost-summary{flex-direction:column;gap:22px}.project-cost-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.project-cost-row .muted{grid-row:2}.project-cost-row strong{grid-column:2;grid-row:1/3;align-self:center}.project-media-actions .text-button{font-size:12px}.project-media-info>.project-name-link{font-size:14px}.project-row-options{top:44px}}


.project-pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}

@media(max-width:1000px){.has-messages .chat-composer{bottom:calc(80px + env(safe-area-inset-bottom))}.keyboard-open .has-messages .chat-composer{bottom:8px}}

.project-page .button,.project-context .icon-button,.project-list-actions .icon-button,#menu-toggle,#profile-button{min-width:44px;min-height:44px}

@media(max-width:1000px){
  .project-context{position:sticky;top:65px;z-index:21}
  html:has(.project-context:not([hidden])){scroll-padding-top:132px}
}