.studio-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.studio-nav button{min-height:44px;border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:22px}.studio-nav button[aria-current]{background:#3c3c3c;color:#f5f5f2}.workspace-bar[hidden]{display:none}header{flex-wrap:wrap;gap:14px}#brandHub{min-width:0}.brand-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0}.brand-intro h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,48px);font-weight:400;margin:0 0 12px}.brand-intro p,.brand-overview p{color:var(--muted);line-height:1.7;max-width:65ch}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.brand-project{display:flex;align-items:flex-start;text-align:left;flex-direction:column;gap:18px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#1f1f1f;color:var(--text);min-height:160px}.brand-project:hover{border-color:#a9a9a9}.brand-project strong{font-size:25px;font-family:Georgia,serif;font-weight:400;overflow-wrap:anywhere}.brand-project span{color:var(--muted);font-size:13px}.brand-project span:last-child{color:var(--accent);margin-top:auto}.unassigned{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.unassigned>p{color:var(--muted)}.brand-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 0 40px}.brand-overview h2{font:32px Georgia,serif}.pipeline-overview{color:var(--accent)!important;font-size:18px}.brand-context{padding:20px 0}.brand-context summary{cursor:pointer;min-height:44px}.brand-context pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--muted);line-height:1.7}#brandSurface .project-field{margin:20px 0}#brandSurface textarea{min-height:140px}#brandSurface .project-stages{max-width:100%;overflow:auto}#brandSurface a{color:var(--accent)}#brandDialogForm>.project-field{margin:20px 0}#brandDialogForm>.primary{margin-top:20px}.studio-nav button:focus-visible,.brand-project:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.studio-nav{order:3;width:100%;justify-content:space-between}.studio-nav button{padding:10px 12px}.brand-intro{align-items:flex-start;flex-direction:column}.brand-overview{grid-template-columns:1fr;gap:10px}.brand-grid{grid-template-columns:1fr}.brand-project{min-height:140px}#brandHub .project-form-actions{align-items:stretch}#brandHub .project-stages button{flex-shrink:0}}
.brand-intro h1,#brandSurface h2{overflow-wrap:anywhere}.studio-nav{min-width:0}@media(max-width:760px){.studio-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.studio-nav button{padding:10px 3px;font-size:12px}.header-actions{flex-wrap:wrap}}
.brand-grid{grid-template-columns:repeat(auto-fill,minmax(240px,300px));gap:16px}.brand-project{min-height:142px;padding:20px;gap:12px;border-radius:18px}.brand-project[hidden]{display:none}.brand-project strong{font-size:23px}.client-search{display:block;max-width:320px;margin:0 0 24px;font-size:12px;color:var(--muted)}.client-search input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text)}.unassigned summary{cursor:pointer;min-height:44px;color:var(--muted)}.unassigned .brand-grid{margin-top:20px}.planner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 24px}.planner-heading h2{font:34px Georgia,serif;margin:0 0 10px}.planner-heading p,.planner-note,.planner-filters>span{color:var(--muted);font-size:13px;line-height:1.7}.planner-filters{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.planner-filters label{display:grid;gap:8px;font-size:12px}.planner-filters select{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel);color:var(--text)}.planner-list{border-top:1px solid var(--line)}.planner-entry{display:grid;grid-template-columns:100px minmax(180px,1fr) 100px 160px;gap:20px;align-items:center;width:100%;text-align:left;padding:20px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.planner-entry:hover{background:var(--panel)}.planner-entry small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.planner-date{font-size:18px}.planner-detail{min-width:0;overflow-wrap:anywhere}.planner-status{font-size:12px;text-transform:capitalize}.planner-status.overdue{color:#e3b17b}.schedule-dialog .project-field{margin:18px 0}.schedule-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-error{color:#e3b17b}.schedule-dialog textarea{height:110px;min-height:80px}.schedule-dialog{max-height:90dvh;overflow:auto}@media(max-width:760px){.brand-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.studio-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.planner-heading{align-items:start;flex-direction:column}.planner-entry{grid-template-columns:75px minmax(0,1fr);gap:12px}.planner-entry>span:nth-child(3){grid-column:2}.planner-entry>span:nth-child(4){grid-column:2}.schedule-pair{grid-template-columns:1fr;gap:0}}
.wordmark .brandmark{width:48px;letter-spacing:-7px;font-size:34px;font-style:normal;font-weight:700;text-transform:lowercase}
.youtube-lookup,.youtube-result{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel);margin:20px 0}.youtube-lookup label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.youtube-lookup>div{display:flex;gap:10px}.youtube-lookup input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:12px 14px}.youtube-lookup p,.youtube-result p{font-size:12px}.youtube-result h2{font:32px Georgia,serif;margin:8px 0}.youtube-result h2 a:hover{color:var(--accent)}.youtube-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.youtube-metrics>div{padding:20px;border:1px solid var(--line);border-radius:16px;display:grid;gap:5px}.youtube-metrics strong{font:clamp(20px,2.5vw,32px) Georgia,serif;overflow-wrap:anywhere}.youtube-metrics span,.youtube-uploads span{font-size:12px;color:var(--muted)}.youtube-uploads{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}.youtube-uploads a{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.youtube-uploads a:hover{border-color:var(--accent)}.youtube-uploads strong{font-weight:500;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:760px){.studio-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.youtube-lookup>div{flex-direction:column}.youtube-lookup>div button{min-height:44px}.youtube-metrics{grid-template-columns:1fr 1fr}.youtube-result,.youtube-lookup{padding:18px}}

/* Studio shell: a navigation rail, client switcher, and honest local profile. */
.studio-rail{position:fixed;z-index:31;left:14px;top:16px;bottom:16px;width:76px;padding:12px 8px;border:1px solid var(--line);border-radius:24px;background:#1f1f1f;display:flex;flex-direction:column;align-items:center;gap:22px}
.rail-new{width:48px;height:48px;border-radius:16px;background:var(--accent);color:#212121;font-size:30px;line-height:1}
@media(max-width:760px){.studio-rail .rail-new{place-items:center}}
.studio-rail #railNav{width:100%}.studio-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.studio-nav button{width:100%;min-height:62px;border-radius:15px;padding:6px 2px;display:grid;justify-items:center;align-content:center;gap:3px;font-size:10px;line-height:1.1}.studio-nav button span:first-child{font-size:23px;line-height:1.1}.studio-nav button[aria-current]{background:#424242;color:var(--accent)}
header{margin-left:104px;min-height:74px;flex-wrap:nowrap}.wordmark{flex-shrink:0}.workspace-switch{display:flex;align-items:center;gap:11px;min-width:180px;max-width:360px;flex:1;margin-left:clamp(10px,3vw,60px)}.workspace-switch label{font-size:12px;color:var(--muted);white-space:nowrap}.workspace-switch select{min-width:0;width:100%;height:42px;border:1px solid var(--line);border-radius:13px;background:#2b2b2b;color:var(--text);padding:0 13px;font-size:13px}
.profile-menu{position:relative}.profile-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;min-height:44px;white-space:nowrap;font-size:12px}.profile-menu summary::-webkit-details-marker{display:none}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4e4e4e;color:var(--accent);font-family:Georgia,serif;font-size:18px}.profile-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:35;width:min(300px,calc(100vw - 28px));padding:19px;border:1px solid #545454;border-radius:18px;background:#282828;box-shadow:0 20px 45px #0008}.profile-panel strong{font-size:17px}.profile-panel p{font-size:12px;margin:10px 0 17px}.profile-panel label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.profile-panel input{width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.profile-panel button{width:100%;text-align:left;margin-top:12px}
main{max-width:none;margin-left:92px;padding-left:clamp(20px,3vw,64px);padding-right:clamp(20px,3vw,64px)}.page-heading{margin-top:6px}.page-heading h1{font-size:clamp(30px,3vw,44px)}.studio{grid-template-columns:minmax(0,1fr) minmax(290px,330px);border-radius:22px}.composer,.controls{padding:26px}.composer>.section-title h2,.controls>.section-title h2{font-size:18px;font-weight:600}.prompt-heading{margin-top:26px}.media-shortcuts{display:flex;gap:8px;margin:18px 0 10px;flex-wrap:wrap}.media-shortcuts button{min-height:40px;padding:8px 14px;border:1px solid #515151;border-radius:11px;background:#2b2b2b;color:var(--text);font-size:12px}.media-shortcuts button:hover{border-color:var(--accent);color:var(--accent)}.dropzone{border-radius:14px}.prompt-wrap{border-radius:15px}
@media(max-width:1050px){header{gap:10px}.header-actions{gap:10px}.header-actions #importsButton,.connection{display:none}.workspace-switch{margin-left:8px}}
@media(max-width:760px){.studio-rail{top:auto;left:8px;right:8px;bottom:8px;width:auto;height:72px;padding:5px 6px;border-radius:20px;display:block}.studio-rail .rail-new{display:none}.studio-rail #railNav{height:100%}.studio-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;height:100%}.studio-nav button{min-height:58px;padding:4px 1px;font-size:10px;border-radius:13px}.studio-nav button span:first-child{font-size:20px}header{margin:8px 8px 0;padding:10px 13px;min-height:66px;flex-wrap:wrap}.wordmark{font-size:19px}.wordmark .brandmark{font-size:28px;width:39px}.workspace-switch{order:3;width:100%;max-width:none;margin:0;flex:auto}.workspace-switch label{font-size:11px}.profile-menu #profileLabel{display:none}.profile-menu summary{min-width:44px;justify-content:center}.profile-menu summary>span:last-child{display:none}main{margin:0;padding:18px 16px 106px}.studio{grid-template-columns:1fr}.composer,.controls{padding:22px 18px}.controls{border-left:0;border-top:1px solid var(--line)}.page-heading{align-items:flex-start;flex-direction:column}.mode-control{align-self:flex-start}.media-shortcuts button{flex:1}.profile-panel{right:-4px}}
@media(max-width:390px){.studio-nav button{font-size:9px}.studio-nav button span:first-child{font-size:18px}}

/* Match the MadeByLabs studio palette and keep header controls on one axis. */
:root{--bg:#050505;--panel:#0b0b0d;--raised:#1a1a1d;--line:#343438;--text:#f5f5f2;--muted:#a6a6aa;--accent:#f5f5f2;--dark:#050505;font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
header{align-items:center}
.header-actions{align-items:center;flex-shrink:0}
.profile-menu{margin:0;align-self:center;font-size:12px}
.profile-menu summary{height:44px;box-sizing:border-box;color:var(--text)}
.profile-avatar{font-family:inherit;font-weight:700}
.wordmark,.brand-intro h1,.brand-project strong,.brand-overview h2,.planner-heading h2,.page-heading h1,.project-heading h1,.project-section-heading h2,.library-heading h2,.dialog-heading h2{font-family:'Archivo Variable',Archivo,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.045em}
.planner-views{display:flex;gap:4px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.planner-views button{min-height:36px;padding:7px 13px;border:0;border-radius:8px;color:var(--muted)}.planner-views button[aria-pressed="true"]{background:var(--raised);color:var(--text)}.planner-kanban{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;padding:14px 0;overflow-x:auto}.planner-column{min-height:220px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.planner-column h3{display:flex;justify-content:space-between;margin:0 0 12px;font-size:15px}.planner-column h3 small,.planner-column-empty{color:var(--muted)}.planner-column .planner-entry{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px;margin-bottom:9px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.planner-column .planner-entry>span{font-size:12px}.planner-column .planner-date{font-size:13px}.planner-month{display:flex;justify-content:center;align-items:center;gap:20px;padding:18px}.planner-month button{min-width:36px;min-height:36px}.planner-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.planner-calendar>span{text-align:center;padding:10px;background:var(--bg);font-size:12px;color:var(--muted)}.planner-day{min-height:115px;padding:9px;background:var(--bg);overflow:hidden}.planner-day.is-blank{background:var(--panel)}.planner-day>strong{font-size:12px}.planner-day button{display:block;width:100%;padding:7px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border-radius:7px;background:var(--panel);font-size:11px}.planner-day button:hover{background:var(--raised)}@media(max-width:900px){.planner-kanban{grid-template-columns:repeat(4,minmax(190px,1fr))}.planner-views{margin-left:0}.planner-day{min-height:85px}}@media(max-width:600px){.planner-calendar>span{font-size:10px}.planner-day{min-height:65px;padding:4px}.planner-day button{font-size:10px;padding:4px}}
.dashboard-uploads{display:grid;gap:8px;max-height:340px;overflow:auto}.dashboard-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.dashboard-upload>a{flex:1;min-width:160px}.dashboard-upload small{color:var(--muted)}.dashboard-upload label{display:flex;align-items:center;gap:7px;color:var(--muted)}.dashboard-upload select{max-width:160px;min-height:34px;padding:5px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px}.dashboard-upload button{font-size:11px}
.brand-intro h1,.page-heading h1,.project-heading h1{line-height:1.04}
.eyebrow,.workspace-switch label,.studio-nav button,.section-help{font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.02em}
.client-library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0}.client-library-heading h2{font:700 clamp(26px,3vw,38px) 'Archivo Variable',Archivo,Arial,sans-serif;letter-spacing:-.045em;margin:5px 0}.client-library-heading p{color:var(--muted);margin:0}.client-library-heading>span{color:var(--muted);white-space:nowrap}.client-library-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0 24px}.client-library-filters label,.client-asset-details label{display:grid;gap:7px;color:var(--muted);font-size:12px}.client-library-filters select,.client-library-filters input,.client-asset-details select,.client-asset-details input{min-height:44px;min-width:180px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit}.client-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.client-asset{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.client-asset-media{aspect-ratio:16/9;background:var(--raised)}.client-asset-media video{display:block;width:100%;height:100%;object-fit:contain}.client-asset-placeholder{display:grid;place-items:center;height:100%;color:var(--muted);text-transform:capitalize}.client-asset-details{display:grid;gap:13px;padding:16px}.client-asset-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.client-asset-meta span{font-size:11px;color:var(--muted)}.client-asset-details p{margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.client-asset-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.client-asset-actions .text-button{color:var(--danger)}.client-asset-actions a{color:var(--text);font-size:12px}.client-asset-details select,.client-asset-details input{width:100%}.client-library-filters #unfiledSelect{flex:1}.client-assets .project-empty{grid-column:1/-1}
@media(max-width:760px){.client-library-heading{align-items:flex-start;flex-direction:column;gap:8px}.client-library-filters label{flex:1 1 180px}.client-library-filters select,.client-library-filters input{width:100%}}
.client-library-upload{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;white-space:nowrap}.client-library-upload:focus-within{outline:2px solid var(--text);outline-offset:3px}.client-library-count{color:var(--muted);font-size:12px;margin:0 0 14px}.client-assets{display:block;columns:260px;column-gap:16px}.client-asset{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;margin:0 0 16px}.client-asset-media{aspect-ratio:auto;min-height:0}.client-asset-media img,.client-asset-media video{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.client-asset-media audio{display:block;width:calc(100% - 24px);margin:0 12px 12px}.client-audio-art{display:grid;place-items:center;height:130px;font-size:56px;color:var(--muted)}.client-asset-placeholder{min-height:170px}.client-assets .project-empty{display:block;break-inside:avoid}.client-library-filters label{min-width:0}.client-library-filters select,.client-library-filters input{min-width:160px}
.client-asset-media{position:relative}.client-asset-toolbar{position:absolute;z-index:2;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(5px);transition:opacity .16s ease,transform .16s ease}.client-asset-caption{position:absolute;z-index:1;left:0;right:0;bottom:0;display:grid;gap:2px;padding:28px 12px 11px;background:linear-gradient(transparent,#000d);color:#fff;opacity:0;transition:opacity .16s ease;pointer-events:none}.client-asset:hover .client-asset-toolbar,.client-asset:focus-within .client-asset-toolbar,.client-asset:hover .client-asset-caption,.client-asset:focus-within .client-asset-caption{opacity:1;transform:none}.client-asset-toolbar button,.client-asset-toolbar a{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff55;border-radius:11px;background:#141414dc;color:#fff;text-decoration:none;font-size:21px;line-height:1;backdrop-filter:blur(8px);cursor:pointer}.client-asset-toolbar button:hover,.client-asset-toolbar a:hover{background:#393939}.client-asset-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-asset-caption span{font-size:11px;color:#ddd}.client-asset-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.client-asset-editor{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #000a}.client-asset-editor::backdrop{background:#0009}.client-asset-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-asset-editor h3{margin:0;font:700 23px 'Archivo Variable',Archivo,Arial,sans-serif}.client-editor-close{font-size:24px;color:var(--muted)}.client-asset-editor p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.client-asset-editor label{display:grid;gap:7px;margin:18px 0;color:var(--muted);font-size:12px}.client-asset-editor select,.client-asset-editor input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font:inherit}.client-asset-editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
@media(hover:none){.client-asset-toolbar,.client-asset-caption{opacity:1;transform:none}}
.client-directory-card{position:relative;min-width:0}.client-directory-card .brand-project{width:100%;height:100%;padding-bottom:52px}.client-manage-card{position:absolute;left:15px;bottom:12px;padding:7px 11px;font-size:12px}.client-heading-actions{display:flex;align-items:center;gap:9px}.client-manager-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.client-manager-actions .text-button{color:var(--danger)}
.studio-nav button .client-nav-glyph{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border-radius:50%;background:#555;color:#fff;font:700 12px 'Archivo Variable',Archivo,Arial,sans-serif;letter-spacing:-.02em}.client-nav-glyph img,.client-photo-preview img,.client-directory-photo img{width:100%;height:100%;object-fit:cover}.client-directory-photo{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:#555;color:#fff;font:700 13px 'Archivo Variable',Archivo,Arial,sans-serif}.client-photo-setting{display:flex;align-items:center;gap:16px;margin:22px 0}.client-photo-preview{display:grid;place-items:center;flex:none;width:68px;height:68px;overflow:hidden;border-radius:50%;background:#555;color:#fff;font-weight:700}.client-photo-setting>div:last-child{display:grid;gap:7px;min-width:0}.client-photo-setting label{font-size:12px;color:var(--muted)}.client-photo-setting input{max-width:100%;font-size:12px}.client-photo-setting .text-button{justify-self:start;padding:3px 0;font-size:12px}
.workspace-section-nav{display:flex;gap:25px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:20px 0 28px;white-space:nowrap}.workspace-section-nav::-webkit-scrollbar{display:none}.workspace-section-nav button{position:relative;flex:none;min-height:46px;padding:5px 1px 14px;color:var(--muted);font-size:13px}.workspace-section-nav button[aria-current=page]{color:var(--text);font-weight:700}.workspace-section-nav button[aria-current=page]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--text)}.workspace-section-nav button:focus-visible,.brand-guide-card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.client-overview-header .brand-intro{margin:17px 0 24px}
.studio-nav button span:last-child{max-width:100%;white-space:nowrap}
.studio-nav button .studio-nav-icon{display:grid;place-items:center;width:34px;height:34px}
.studio-nav-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.client-directory-photo{width:68px;height:68px;font-size:18px}
.brand-title-row{display:flex;align-items:center;gap:18px;min-width:0}
.brand-overview-photo{display:grid;place-items:center;flex:none;width:66px;height:66px;overflow:hidden;border-radius:50%;background:#555;color:#fff;font:700 20px 'Archivo Variable',Archivo,Arial,sans-serif}
.brand-overview-photo img{width:100%;height:100%;object-fit:cover}
.flow-asset-section{margin:18px 0 22px}.flow-asset-heading h3{font-size:14px;margin:0 0 4px}.flow-asset-heading p{color:var(--muted);font-size:12px;margin:0 0 15px}.flow-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,160px));gap:12px}.flow-asset-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:13px;background:#242424;color:var(--text);text-align:left}.flow-asset-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.flow-asset-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flow-asset-media{display:grid;place-items:center;width:100%;height:120px;overflow:hidden;background:#151515;color:var(--muted);font-size:32px}.flow-asset-media img,.flow-asset-media video{width:100%;height:100%;object-fit:cover}.flow-asset-name{width:100%;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.flow-asset-mark{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#111;opacity:0;font-size:13px;font-weight:700}.flow-asset-card[aria-pressed=true] .flow-asset-mark{opacity:1}.flow-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.flow-complete{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.flow-save-group{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.flow-save-group span{color:var(--muted);font-size:11px;margin-right:7px}.flow-save-group button{min-height:44px}.flow-save-group .primary{background:var(--text);color:var(--bg)}
@media(max-width:720px){.flow-footer{align-items:stretch;flex-direction:column}.flow-save-group{justify-content:stretch}.flow-save-group span{width:100%;margin:0}.flow-save-group button{flex:1}.flow-asset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}
.brand-guide{padding:8px 0 32px}.brand-guide-heading{margin-bottom:28px}.brand-guide-heading h2{font:700 clamp(28px,3vw,40px) 'Archivo Variable',Archivo,Arial,sans-serif;letter-spacing:-.035em;margin:9px 0 6px}.brand-guide-heading p{color:var(--muted);line-height:1.5;margin:0}.brand-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1300px}.brand-guide-card{min-width:0;min-height:170px;padding:23px 25px;border:1px solid var(--line);border-radius:18px;background:#1f1f1f}.brand-guide-feature{grid-column:1/-1;min-height:200px}.brand-guide-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-guide-card h3{font:700 18px 'Archivo Variable',Archivo,Arial,sans-serif;margin:0}.brand-guide-card p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:75ch;line-height:1.65;color:var(--text);margin:19px 0 0}.brand-guide-card .brand-guide-empty{color:var(--muted)}.brand-guide-card .text-button{font-size:12px;color:var(--muted)}
@media(max-width:760px){.workspace-section-nav{gap:21px;margin-top:4px;margin-bottom:24px}.workspace-section-nav button{font-size:12px}.brand-guide-grid{grid-template-columns:1fr}.brand-guide-feature{grid-column:auto}.brand-guide-card,.brand-guide-feature{min-height:145px;padding:20px}}
@media(max-width:600px){.client-heading-actions{flex-wrap:wrap}.client-manager-actions{flex-wrap:wrap}}

/* The generator is the left working column; completed takes live beside it. */
#legacyStudio .studio{display:grid;grid-template-columns:minmax(360px,450px) minmax(0,1fr);align-items:stretch;overflow:visible;background:transparent}
.generator-panel{min-width:0;background:var(--panel);border-right:1px solid var(--line);border-radius:22px 0 0 22px;overflow:hidden}
.generator-panel .composer{padding:24px 24px 12px}.generator-panel .controls{padding:16px 24px 26px;background:transparent;border:0;border-top:1px solid var(--line)}
.generator-panel .prompt-heading{margin-top:23px}.generator-panel .prompt-wrap textarea{height:220px}.generator-panel .dropzone{padding:17px 16px}.generator-panel .upload-hint{display:none}
#legacyStudio .library-section{min-width:0;margin:0;padding:24px 26px 30px;background:#191919;border-radius:0 22px 22px 0}
#legacyStudio .library-heading{align-items:flex-start;gap:15px;margin-bottom:20px}#legacyStudio .library-heading h2{font-size:25px;margin:0}#legacyStudio .library-heading .eyebrow{display:none}
#legacyStudio .jobs{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;align-content:start}#legacyStudio .empty-library{grid-column:1/-1;min-height:380px}
.references{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scrollbar-color:#616161 transparent}
.ref-card{position:relative;flex:0 0 104px;width:104px;height:132px;border:1px solid #4f4f4f;border-radius:12px;background:#252525;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;transition:border-color .12s,box-shadow .12s}
.ref-card:hover,.ref-card:focus-visible{border-color:var(--accent)}.ref-card.is-dragging{z-index:3;cursor:grabbing;box-shadow:0 15px 30px #000a;pointer-events:none}
.ref-card .ref-preview{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;display:block;overflow:hidden;background:#1e1e1e}
.ref-card .ref-preview img,.ref-card .ref-preview video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ref-card .ref-tag{position:absolute;left:5px;bottom:5px;z-index:1;max-width:calc(100% - 10px);padding:5px 6px;border-radius:7px;background:#161616cf;color:#f5f5f2;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(6px)}
.ref-card .ref-remove{position:absolute;right:5px;top:5px;z-index:2;width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid #ececec66;border-radius:8px;background:#191919dd;color:#f7f7ef;font-size:20px;line-height:1}.ref-card .ref-remove:hover{background:#713f37}.ref-card .media-symbol{height:100%;font-size:40px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){#legacyStudio .studio{grid-template-columns:minmax(330px,400px) minmax(0,1fr)}#legacyStudio .library-section{padding:22px 18px}.generator-panel .composer,.generator-panel .controls{padding-left:18px;padding-right:18px}}
@media(max-width:850px){#legacyStudio .studio{grid-template-columns:1fr}.generator-panel{border-right:0;border-bottom:1px solid var(--line);border-radius:22px 22px 0 0}#legacyStudio .library-section{border-radius:0 0 22px 22px}#legacyStudio .empty-library{min-height:220px}.ref-card .ref-remove{opacity:1}}
@media(hover:none){.ref-card .ref-remove{opacity:1}}

.generator-modes{display:flex;gap:7px;margin:24px 0 12px}.generator-modes button{min-width:78px;padding:10px 18px;border-radius:18px;color:var(--muted)}.generator-modes button[aria-pressed="true"]{background:#383838;color:var(--text)}
#legacyStudio[data-generator-mode="audio"] .generator-panel .composer,#legacyStudio[data-generator-mode="audio"] .generator-panel .controls,#legacyStudio[data-generator-mode="audio"] .mode-control,#legacyStudio[data-generator-mode="audio"] #modeNote,#legacyStudio[data-generator-mode="audio"] .library-filter,#legacyStudio[data-generator-mode="audio"] #jobCount,#legacyStudio[data-generator-mode="image"] .video-only,#legacyStudio:not([data-generator-mode="image"]) .image-only{display:none}
.director-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.director-row strong{display:block;font-size:13px}.director-row small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:2px}.director-row select{min-width:150px}
@media(max-width:700px){.director-row{grid-template-columns:1fr 1fr}.director-row>div{grid-column:1/-1}}
.job-visual img.job-image{width:100%;height:100%;object-fit:contain;display:block;background:var(--raised)}
.upcoming-generator{padding:32px 26px;min-height:450px}.upcoming-generator h2{font:30px Georgia,serif;margin:15px 0}.upcoming-generator p,.upcoming-library p{color:var(--muted);line-height:1.7}.upcoming-generator button{margin-top:16px}.upcoming-library{border:1px solid var(--line);border-radius:18px;padding:40px;min-height:380px}.upcoming-library h3{font:26px Georgia,serif;margin:0}
.rail-new-menu,.client-quick-menu{position:absolute;z-index:30;left:82px;top:84px;width:224px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#292929;box-shadow:0 15px 35px #0008}.client-quick-menu{top:94px}.rail-new-menu button,.client-quick-menu button{display:block;width:100%;text-align:left;padding:12px;border-radius:10px}.rail-new-menu button:hover,.client-quick-menu button:hover{background:#444444}.client-quick-menu strong{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:8px 12px}
.client-dashboard{margin:24px 0 34px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-metrics>div,.dashboard-panel{border:1px solid var(--line);border-radius:20px;background:#1f1f1f}.dashboard-metrics>div{padding:21px 24px;display:grid;gap:6px}.dashboard-metrics strong{font:32px Georgia,serif}.dashboard-metrics span{color:var(--muted);font-size:12px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-panel{padding:25px;min-width:0}.dashboard-panel h2{font:28px Georgia,serif;margin:9px 0 16px}.dashboard-panel p{color:var(--muted);line-height:1.65}.dashboard-panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.dashboard-panel dl{margin:23px 0 0}.dashboard-panel dl div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.dashboard-panel dt{color:var(--muted)}.dashboard-panel dd{margin:0;overflow-wrap:anywhere}.dashboard-panel form label{display:block;color:var(--muted);font-size:12px;margin:18px 0 7px}.dashboard-panel form>div{display:flex;gap:8px}.dashboard-panel input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:#191919;color:var(--text);padding:11px}.dashboard-panel #refreshClientStats{margin-top:0}.dashboard-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.dashboard-stats strong{width:100%;font-size:18px}.dashboard-stats span{padding:10px 12px;border-radius:10px;background:#333333}
@media(max-width:850px){.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:760px){.studio-rail{display:flex;flex-direction:row;align-items:center;gap:4px}.studio-rail .rail-new{display:grid;flex:0 0 52px;width:52px;height:52px;font-size:24px}.studio-rail #railNav{flex:1;min-width:0;height:auto}.studio-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.rail-new-menu,.client-quick-menu{left:0;top:auto;bottom:78px}.dashboard-metrics{gap:7px}.dashboard-metrics>div{padding:15px 11px}.dashboard-metrics strong{font-size:27px}.dashboard-panel{padding:19px}.dashboard-panel-heading{flex-wrap:wrap}.generator-modes{margin-top:12px}}

/* Project room and client analytics */
.project-room-header,.project-room-heading,.analytics-heading,.analytics-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.project-room-header h1,.analytics-heading h1{margin:8px 0;font-size:clamp(30px,3vw,44px)}.project-room-header p,.project-room-heading p,.analytics-heading p,.analytics-chart-heading p{color:var(--muted,#a7a7a7);max-width:68ch}.project-room-nav{display:flex;gap:24px;overflow:auto;border-bottom:1px solid #333;margin:24px 0 28px}.project-room-nav button{background:none;border:0;color:#aaa;padding:12px 0 14px;white-space:nowrap;border-bottom:2px solid transparent}.project-room-nav button[aria-current="page"]{color:#fff;border-bottom-color:#fff}.project-room-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:18px}.project-room-panel,.project-room-context,.project-assistant,.analytics-chart-card{background:#202020;border:1px solid #333;border-radius:18px;padding:24px}.project-room-panel h2,.project-room-context h2,.analytics-chart-card h2{margin:8px 0 12px}.project-room-context>div{padding:12px 0;border-top:1px solid #353535}.project-room-context p{margin:5px 0 0;color:#b8b8b8}.project-room-context strong{font-size:13px}.project-room-panel .project-field{margin:18px 0}.project-room-panel .project-field textarea{min-height:100px}.project-assistant{margin-top:18px}.project-assistant textarea{width:100%;min-height:88px;margin-top:12px}.project-assistant-actions,.project-tool-row,.dashboard-analytics-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.assistant-answer{white-space:pre-wrap;line-height:1.55;background:#171717;border:1px solid #444;border-radius:14px;padding:18px;margin-top:16px}.assistant-answer button{display:block;margin-top:16px}.project-room-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:18px 0}.project-room-assets.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.project-room-asset{min-width:0;background:#181818;border:1px solid #333;border-radius:14px;overflow:hidden;padding-bottom:10px}.project-room-asset>div{height:160px;display:grid;place-items:center;overflow:hidden}.project-room-asset img,.project-room-asset video{width:100%;height:100%;object-fit:cover}.project-room-asset small,.project-room-asset a{display:block;margin:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-room-asset a{color:#fff}.project-audio-icon{font-size:40px}.project-upload-button{cursor:pointer}.project-results-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:18px 0}.project-results-posts p{border-top:1px solid #333;padding-top:10px}.analytics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.analytics-summary>div{background:#202020;border:1px solid #333;border-radius:16px;padding:20px}.analytics-summary strong,.analytics-summary span{display:block}.analytics-summary strong{font-size:26px}.analytics-summary span{color:#aaa;margin-top:5px}.analytics-chart-card{position:relative;margin-bottom:18px;min-height:275px}.analytics-chart-card svg{display:block;width:100%;max-height:220px;overflow:visible}.analytics-line{fill:none;stroke:#e8e8e8;stroke-width:3}.analytics-dot{fill:#fff;stroke:#1b1b1b;stroke-width:2}.analytics-grid-line{stroke:#494949;stroke-width:1}.analytics-axis{display:flex;justify-content:space-between;color:#999;font-size:12px}.analytics-empty{display:grid;place-items:center;min-height:150px;color:#aaa;text-align:center}.analytics-month-track{display:flex;gap:4px;overflow-x:auto;align-items:end;padding:16px 0 3px;min-height:192px}.analytics-month{flex:1;min-width:54px;border:0;background:none;color:#aaa;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;cursor:pointer}.analytics-month small{font-size:10px;white-space:nowrap}.analytics-bar{width:min(36px,75%);border-radius:8px 8px 0 0;background:#555;transition:background .2s,height .2s}.analytics-point{height:10px;width:10px;border-radius:50%;background:#ddd;box-shadow:0 0 0 3px #202020}.analytics-month:hover .analytics-bar,.analytics-month.selected .analytics-bar{background:#fff}.analytics-month.selected .analytics-point{box-shadow:0 0 0 5px #777}.timeline-popover{position:absolute;top:98px;left:min(calc(var(--point-x) - 170px),calc(100% - 370px));width:min(350px,calc(100% - 32px));max-height:350px;overflow:auto;background:#2b2b2b;border:1px solid #777;border-radius:16px;padding:12px;box-shadow:0 18px 55px #000b;z-index:3}.timeline-popover:before{content:"";position:absolute;top:-9px;left:50%;width:16px;height:16px;background:#2b2b2b;border-left:1px solid #777;border-top:1px solid #777;transform:rotate(45deg)}.timeline-popover-head,.analytics-detail-head{display:flex;justify-content:space-between;align-items:center}.timeline-popover-head button,.analytics-detail-head button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.timeline-posts{display:grid;gap:7px;margin-top:10px}.timeline-post{display:grid;grid-template-columns:70px 1fr;gap:8px;text-align:left;align-items:center;background:#1d1d1d;color:#fff;border:1px solid #444;border-radius:10px;padding:6px;cursor:pointer}.timeline-post img{width:70px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;grid-row:span 2}.timeline-post span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-post small{color:#aaa}.timeline-popover.animate .timeline-post{animation:post-emerge .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order) * 45ms)}@keyframes post-emerge{from{transform:translateY(-14px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.analytics-detail{position:fixed;right:18px;top:18px;bottom:18px;width:min(380px,calc(100vw - 36px));overflow:auto;background:#252525;border:1px solid #555;border-radius:18px;padding:18px;z-index:100;box-shadow:0 20px 70px #000c;animation:detail-enter .26s ease-out}.analytics-detail-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-top:18px}.analytics-detail h2{font-size:19px}.analytics-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-detail-stats>div{background:#171717;padding:14px;border-radius:10px}.analytics-detail-stats strong,.analytics-detail-stats span{display:block}.analytics-detail-stats span{color:#aaa;font-size:12px}.analytics-detail .project-field{margin-top:24px}.analytics-detail a{color:#fff}@keyframes detail-enter{from{transform:translateX(35px);opacity:0}to{transform:translateX(0);opacity:1}}@media(max-width:850px){.project-room-columns{grid-template-columns:1fr}.analytics-summary{grid-template-columns:1fr}.analytics-heading,.project-room-heading,.project-room-header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.timeline-popover.animate .timeline-post,.analytics-detail{animation:none}}

.analytics-month{height:170px}.analytics-bar{display:block;flex:none}.timeline-thumb,.analytics-detail-media{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#343434,#171717);overflow:hidden}.timeline-thumb{width:70px;aspect-ratio:16/9;border-radius:6px;grid-row:span 2}.timeline-thumb:before,.analytics-detail-media:before{content:"▶";position:absolute;color:#aaa}.timeline-thumb img{width:100%;height:100%;object-fit:cover;position:relative}.analytics-detail-media{width:100%;aspect-ratio:16/9;border-radius:10px;margin-top:18px}.analytics-detail-image{height:100%;margin:0;position:relative}.timeline-popover{top:auto;bottom:72px}.timeline-popover:before{top:auto;bottom:-9px;border-left:0;border-top:0;border-right:1px solid #777;border-bottom:1px solid #777}.timeline-popover.animate{animation:timeline-enter .28s cubic-bezier(.2,.8,.2,1);transform-origin:var(--point-x) bottom}@keyframes timeline-enter{from{transform:translateY(14px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.timeline-popover.animate{animation:none}}
.analytics-detail h2{margin:20px 0 10px;line-height:1.3}.project-room-context{align-self:start}.project-room-context .project-context-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.project-room-context details{margin:16px 0}.project-room-context summary{cursor:pointer;padding:12px 0;border-top:1px solid #353535}.project-room-context details>div{padding:12px 0;border-top:1px solid #353535}.project-room-context details p{white-space:pre-wrap;overflow-wrap:anywhere}
.analytics-opportunities{margin-top:24px;padding:18px;border:1px solid #444;border-radius:14px;background:#1b1b1b}.analytics-opportunities h3{margin:8px 0}.analytics-opportunities p,.analytics-opportunities li,.analytics-opportunities small{color:#bbb;line-height:1.5}.analytics-opportunities ul{padding-left:20px;margin:12px 0}.analytics-opportunities li{margin:8px 0}

.content-template-layout{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:24px;align-items:start}.content-template-list{display:grid;gap:8px}.content-template-choice{display:grid;gap:6px;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:15px;cursor:pointer}.content-template-choice[aria-pressed="true"]{background:var(--panel);border-color:var(--text)}.content-template-choice strong{font-size:15px}.content-template-choice span,.content-template-workbench>p,.content-template-hint{color:var(--muted);font-size:13px;line-height:1.5}.content-template-workbench{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.content-template-workbench h3{font-size:26px;margin:0 0 6px}.content-template-workbench h4{font-size:14px;margin:24px 0 12px}.content-template-workbench ol{padding-left:22px;line-height:1.75}.content-template-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.content-template-inputs label{display:grid;gap:8px;color:var(--muted);font-size:12px}.content-template-inputs input{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:9px 11px;font:inherit}.content-template-hooks{display:grid;gap:8px}.content-template-hook{display:flex;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;line-height:1.45}.content-template-hook:has(input:checked){border-color:var(--text)}.content-template-hook input{accent-color:var(--text);margin-top:4px}.content-template-workbench>.primary{margin-top:12px}.content-template-choice:focus-visible,.content-template-hook:focus-within,.content-template-inputs input:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media(max-width:850px){.content-template-layout{grid-template-columns:1fr}.content-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-template-inputs{grid-template-columns:1fr}}@media(max-width:520px){.content-template-list{grid-template-columns:1fr}.content-template-workbench{padding:18px}}
.dashboard-platforms{margin-top:24px;padding-top:18px;border-top:1px solid #3a3a3a}.dashboard-platforms h3{font-size:14px;margin:0 0 12px}.dashboard-platforms>div{display:flex;flex-wrap:wrap;gap:8px}.dashboard-platforms>div>span{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #444;border-radius:10px}.dashboard-platforms small,.dashboard-platforms p{color:#aaa;font-size:12px}

.analytics-chart-card .analytics-month .analytics-bar-svg{width:36px;height:140px;max-height:140px;flex:none}.analytics-month:hover rect,.analytics-month.selected rect{fill:#eee}
.analytics-chart-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.analytics-tracking-card{min-height:0}.analytics-tracking-start{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;padding:22px 0 4px;border-top:1px solid #383838}.analytics-tracking-start span{color:#aaa}.analytics-month strong{font-size:12px;color:#f4f4f4;font-weight:600}
@media(max-width:700px){.analytics-chart-heading{flex-wrap:wrap}.analytics-chart-actions{justify-content:flex-start}}

/* Compact, clickable publication timeline with an inline post list. */
.analytics-plot-scroll{overflow-x:auto;margin-top:14px}
.analytics-plot{position:relative;height:200px}
.analytics-plot svg{position:absolute;inset:0;width:100%;height:200px;pointer-events:none}
.analytics-plot .analytics-line{stroke:#eee;stroke-width:2.5}
.analytics-month{position:absolute;transform:translate(-50%,-7px);width:96px;height:auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:0;background:none;color:#f4f4f4;cursor:pointer}
.analytics-month .analytics-point{width:12px;height:12px;flex:none}
.analytics-month:hover .analytics-point,.analytics-month:focus-visible .analytics-point{background:#fff;box-shadow:0 0 0 5px #777}
.analytics-month-label{position:absolute;top:174px;transform:translateX(-50%);color:#aaa;white-space:nowrap}
.timeline-results{position:static;margin-top:16px;padding:18px;background:#191919;border:1px solid #3a3a3a;border-radius:14px;box-shadow:none;width:auto;max-height:none;overflow:visible}
.timeline-results.animate{animation:timeline-enter .28s cubic-bezier(.2,.8,.2,1)}
.timeline-results .timeline-popover-head button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.timeline-results .timeline-popover-head p{margin:3px 0 0;color:#aaa;font-size:12px}
.timeline-results .timeline-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px;margin-top:14px}
.timeline-results .timeline-post{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;padding:7px;background:#242424;border:1px solid #3d3d3d;border-radius:10px;cursor:default;min-width:0}
.timeline-results .timeline-thumb{width:82px;aspect-ratio:16/9;grid-row:auto;border-radius:6px}
.timeline-results .timeline-thumb img{width:100%;height:100%;object-fit:cover}
.timeline-post-info{background:none;border:0;text-align:left;color:#fff;cursor:pointer;min-width:0;padding:0}
.timeline-post-info span,.timeline-post-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-results.animate .timeline-post{animation:post-emerge .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order) * 45ms)}
@media(min-width:850px){.analytics-detail-open .timeline-results{margin-right:400px}}
@media(prefers-reduced-motion:reduce){.timeline-results.animate,.timeline-results.animate .timeline-post{animation:none}}

.generator-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:14px 0 8px;border:1px solid var(--line,#373737);border-radius:12px;color:var(--muted,#aaa);font-size:13px}.generator-context strong{color:var(--text,#fff)}.backup-upload{display:inline-flex;align-items:center;cursor:pointer}.analytics-source-note{margin:12px 0;padding:12px 15px;border:1px solid var(--line,#373737);border-radius:12px;line-height:1.5;color:var(--muted,#aaa)}.analytics-source-note strong{color:var(--text,#fff)}
.project-room-assets button.project-room-asset{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.project-room-assets button.project-room-asset:hover,.project-room-assets button.project-room-asset:focus-visible{border-color:#999;outline:none}

.metricool-report{margin:0 0 42px;padding:24px;border:1px solid var(--line,#373737);border-radius:18px;background:var(--surface,#202020)}
.metricool-heading,.metricool-post-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.metricool-heading h1{margin:5px 0 8px}.metricool-heading p,.metricool-post-heading p,.metricool-detail,.metricool-source-note{color:var(--muted,#aaa);line-height:1.5}
.metricool-badge{border:1px solid var(--line,#444);border-radius:999px;padding:7px 12px;white-space:nowrap;font-size:12px}
.metricool-platform-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 18px;border-bottom:1px solid var(--line,#444)}
.metricool-platform-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted,#aaa);padding:11px 14px;cursor:pointer;font:inherit}
.metricool-platform-tabs button[aria-selected=true]{border-bottom-color:var(--text,#fff);color:var(--text,#fff)}
.metricool-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.metricool-stats>div,.metricool-compact-grid>div{border:1px solid var(--line,#444);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:5px}
.metricool-stats span,.metricool-compact-grid small{font-size:12px;color:var(--muted,#aaa)}.metricool-stats strong{font-size:22px}
.metricool-post-heading{align-items:center;margin:24px 0 12px}.metricool-post-heading h2{margin:0 0 4px;font-size:19px}.metricool-post-heading p{margin:0;font-size:12px}.metricool-post-heading a{color:var(--text,#fff);white-space:nowrap}
.metricool-posts{display:grid;gap:7px}.metricool-post{display:flex;gap:14px;align-items:center;padding:9px 12px;border:1px solid var(--line,#444);border-radius:11px;min-width:0}
.metricool-post-rank{width:22px;flex:none;text-align:center;color:var(--muted,#aaa);font-size:12px}.metricool-thumbnail{width:58px;aspect-ratio:9/12;overflow:hidden;border-radius:6px;flex:none;background:#333}.metricool-thumbnail img{width:100%;height:100%;object-fit:cover}
.metricool-post-main{flex:1;min-width:0}.metricool-post-main strong,.metricool-post-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metricool-post-main small,.metricool-post-views small{font-size:11px;color:var(--muted,#aaa);font-weight:400;margin-top:4px}.metricool-bar{height:4px;background:var(--line,#444);border-radius:5px;margin-top:9px;overflow:hidden}.metricool-bar span{display:block;height:100%;background:var(--text,#fff);border-radius:5px}
.metricool-post-views{text-align:right;flex:none}.metricool-post-views small{display:block}.metricool-source-note{font-size:12px;margin:22px 0 0}.metricool-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metricool-compact-grid strong,.metricool-compact-grid span{display:block}.dashboard-platforms .metricool-source-note{margin-top:10px}
@media(max-width:720px){.metricool-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.metricool-compact-grid{grid-template-columns:1fr}.metricool-report{padding:16px}.metricool-heading{display:block}.metricool-badge{display:inline-block;margin-top:10px}}
@media(max-width:760px){
  .studio-rail .studio-nav button{grid-template-rows:28px 13px;align-content:center;justify-items:center;gap:4px;padding:4px 1px;font-size:10px;letter-spacing:-.02em;line-height:1.1}
  .studio-rail .studio-nav button span:first-child{display:grid;place-items:center;width:28px;height:28px;font-size:22px;line-height:1}
  .studio-rail .studio-nav button .client-nav-glyph{width:28px;height:28px}
  .studio-rail .studio-nav button span:last-child{font-size:10px;line-height:13px}
}

/* Appearance and analytics source setup */
.brandmark-logo{width:44px;height:44px;object-fit:cover;border-radius:12px;flex:none}
.analytics-overview-panel .dashboard-analytics-actions{margin:18px 0 22px}
.dashboard-source-snapshot{border-top:1px solid var(--line)}
.dashboard-source-snapshot .dashboard-platforms{margin:0;padding:20px 0;border:0}
.dashboard-youtube-source{display:grid;gap:4px;padding:16px 0;border-top:1px solid var(--line)}
.dashboard-youtube-source span,.dashboard-youtube-source small{color:var(--muted);overflow-wrap:anywhere}
.sources-dialog{width:min(860px,calc(100vw - 32px));max-width:860px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.sources-dialog:not([open]){display:none}
.sources-dialog .sources-intro{margin:6px 0 16px;color:var(--muted);max-width:62ch}
.sources-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sources-toolbar input{flex:1 1 220px;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.sources-filters{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--raised);flex-wrap:wrap}
.sources-filters button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:7px 12px;font-size:12px;min-height:32px}
.sources-filters button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.18)}
.sources-body{overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:4px 6px 6px}
.connector-section{margin-top:20px}
.connector-section h3{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--text)}
.connector-mark{--size:40px;flex:none;display:grid;place-items:center;width:var(--size);height:var(--size);border-radius:11px;background:var(--mark-bg);color:var(--mark-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.connector-mark svg{width:55%;height:55%;fill:currentColor}
.connector-mark b{font-size:14px;font-weight:700;letter-spacing:-.01em}
.connector-live{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.connector-live-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.connector-live-card>div{flex:1;min-width:0}
.connector-live-title{display:flex;justify-content:space-between;gap:10px;align-items:center}
.connector-live-title strong{font-size:15px}
.connector-status{font-size:11px;color:var(--muted);white-space:nowrap}
.connector-status[data-on="true"]::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#35c46a;margin-right:6px;vertical-align:1px}
.connector-live-card p{font-size:12px;line-height:1.5;margin:6px 0 10px;color:var(--muted)}
.connector-live-card form label{display:block;font-size:12px;margin:0 0 6px}
.connector-live-card form>div{display:flex;gap:8px}
.connector-live-card input{min-width:0;flex:1;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 10px}
.connector-live-card #sourceYouTubeStatus{margin:6px 0 0}
.connector-live-card #sourceYouTubeStatus:empty{display:none}
.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
.connector-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:10px 12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;min-height:124px;transition:border-color var(--motion-fast,150ms) ease}
.connector-tile:hover,.connector-tile[aria-expanded="true"]{border-color:var(--muted)}
.connector-tile[hidden],.connector-live-card[hidden],.connector-section[hidden]{display:none}
.connector-tile-text{display:grid;align-content:start;gap:4px;min-width:0}
.connector-tile-text strong{font-size:14px}
.connector-tile-text span{font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.9em}
.connector-tile-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px}
.connector-access{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.connector-covers{display:inline-flex;gap:2px;color:var(--muted)}
.connector-cover{display:grid;place-items:center;width:18px;height:18px;color:var(--mark-ink)}
.connector-cover svg{width:13px;height:13px;fill:currentColor}
.connector-cover b{font-size:9px;font-weight:700}
.connector-detail{grid-column:1/-1;display:flex;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--raised);animation:connector-open var(--motion-standard,280ms) var(--motion-ease,ease) both}
.connector-detail .connector-mark{--size:52px;border-radius:14px}
.connector-detail>div{flex:1;min-width:0}
.connector-detail h3{margin:0 0 4px;font-size:16px}
.connector-detail p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--muted);max-width:64ch}
.connector-detail ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}
.connector-detail li{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.connector-detail .connector-requires{color:var(--text)}
.connector-detail-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.connector-detail-actions a{font-size:13px;color:var(--text)}
.sources-empty,.sources-footnote{font-size:12px;color:var(--muted);margin:20px 0 4px}
@keyframes connector-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.connector-detail{animation:none}.connector-tile{transition:none}}
@media(max-width:760px){.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connector-live{grid-template-columns:1fr}}
@media(max-width:520px){.connector-grid{grid-template-columns:1fr}.connector-live-card form>div{flex-direction:column}.connector-detail{flex-direction:column}.sources-dialog{padding:18px}}
.theme-control{display:inline-flex;gap:4px;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:4px}
.theme-control button{border-radius:8px;padding:9px 18px;color:var(--muted)}
.theme-control button[aria-pressed="true"]{background:var(--accent);color:var(--bg)}
@media(max-width:520px){.brandmark-logo{width:38px;height:38px}}

:root[data-theme="light"]{--bg:#f7f7f5;--panel:#fff;--raised:#ededeb;--line:#d6d6d2;--text:#20201e;--muted:#62625e;--accent:#242424;--dark:#fff;--danger:#ad463f;color-scheme:light}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] header,:root[data-theme="light"] .studio-rail,:root[data-theme="light"] .client-quick-menu,:root[data-theme="light"] .rail-new-menu,:root[data-theme="light"] .profile-panel{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .workspace-switch select,:root[data-theme="light"] .dashboard-metrics>div,:root[data-theme="light"] .dashboard-panel,:root[data-theme="light"] .brand-project,:root[data-theme="light"] .project-room-panel,:root[data-theme="light"] .project-room-context,:root[data-theme="light"] .project-assistant,:root[data-theme="light"] .analytics-chart-card,:root[data-theme="light"] .metricool-report,:root[data-theme="light"] .metricool-post,:root[data-theme="light"] .timeline-results,:root[data-theme="light"] .timeline-results .timeline-post,:root[data-theme="light"] .assistant-answer,:root[data-theme="light"] .studio,:root[data-theme="light"] .composer,:root[data-theme="light"] .controls,:root[data-theme="light"] dialog{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] .quiet,:root[data-theme="light"] .mode-control,:root[data-theme="light"] .library-filter{background:var(--panel);color:var(--text);border-color:var(--line)}
/* Switches keep their track in light mode (the input rule above would turn them white). */
:root[data-theme="light"] :is(input[role=switch],.assist-switch input,.fl-switch input){background:color-mix(in srgb,var(--text) 22%,transparent)}
:root[data-theme="light"] :is(input[role=switch],.assist-switch input,.fl-switch input):checked{background:var(--text)}
:root[data-theme="light"] input[role=switch]::before{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
:root[data-theme="light"] .primary,:root[data-theme="light"] .rail-new{background:var(--accent);color:#fff}
:root[data-theme="light"] .dashboard-panel p,:root[data-theme="light"] .dashboard-platforms p,:root[data-theme="light"] .dashboard-platforms small,:root[data-theme="light"] .project-room-context p,:root[data-theme="light"] .analytics-chart-card p{color:var(--muted)}
:root[data-theme="light"] .project-room-nav button[aria-current="page"],:root[data-theme="light"] .timeline-post-info,:root[data-theme="light"] .timeline-results .timeline-popover-head button,:root[data-theme="light"] .analytics-month{color:var(--text)}
:root[data-theme="light"] .project-room-nav button[aria-current="page"]{border-bottom-color:var(--text)}
:root[data-theme="light"] .studio-nav button[aria-current="page"],:root[data-theme="light"] .studio-nav button:hover{background:var(--raised);color:var(--text)}
:root[data-theme="light"] .analytics-summary>div,:root[data-theme="light"] .analytics-detail,:root[data-theme="light"] .timeline-popover,:root[data-theme="light"] .analytics-detail-stats>div,:root[data-theme="light"] .project-room-asset{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .analytics-summary span,:root[data-theme="light"] .analytics-detail-stats span,:root[data-theme="light"] .analytics-axis,:root[data-theme="light"] .analytics-month-label,:root[data-theme="light"] .analytics-tracking-start span{color:var(--muted)}
:root[data-theme="light"] .analytics-line,:root[data-theme="light"] .analytics-plot .analytics-line{stroke:var(--text)}
:root[data-theme="light"] .analytics-grid-line{stroke:var(--line)}
:root[data-theme="light"] .analytics-dot{fill:var(--panel);stroke:var(--text)}
:root[data-theme="light"] .analytics-month,:root[data-theme="light"] .analytics-month strong,:root[data-theme="light"] .analytics-detail a,:root[data-theme="light"] .project-room-asset a{color:var(--text)}
:root[data-theme="light"] .analytics-point,:root[data-theme="light"] .analytics-month:hover .analytics-point,:root[data-theme="light"] .analytics-month:focus-visible .analytics-point{background:var(--text);box-shadow:0 0 0 3px var(--panel)}
:root[data-theme="light"] .analytics-month:hover rect,:root[data-theme="light"] .analytics-month.selected rect{fill:var(--text)}

/* These surfaces have their own dark canvas styles and need matching light controls. */
:root[data-theme="light"] .brand-guide-card,:root[data-theme="light"] #legacyStudio .library-section{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .mode-control .selected,:root[data-theme="light"] .library-filter .selected{background:var(--raised);color:var(--text)}
:root[data-theme="light"] #legacyStudio .dropzone,:root[data-theme="light"] #legacyStudio .ref-card,:root[data-theme="light"] #legacyStudio .job-card,:root[data-theme="light"] #legacyStudio .text-button span,:root[data-theme="light"] #legacyStudio .library-heading h2 span{background:var(--raised);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] #legacyStudio .dropzone:hover,:root[data-theme="light"] #legacyStudio .dropzone.dragover{background:#e2e2df}
:root[data-theme="light"] #legacyStudio .prompt-wrap{background:var(--panel);border-color:var(--line)}
:root[data-theme="light"] #legacyStudio .empty-library{background:var(--panel)}
:root[data-theme="light"] .board-viewport{background-color:#f2f2f0;background-image:radial-gradient(#d4d4d0 1px,transparent 1px)}
:root[data-theme="light"] .board-card:not(.board-note):not(.board-media):not(.board-drawing):not(.board-section){background:var(--panel);border-color:var(--line)}
:root[data-theme="light"] .board-card:not(.board-note) .board-handle{background:var(--raised);color:var(--text)}
:root[data-theme="light"] .board-section{background:#e9e9e6;border-color:#b5b5b0}
:root[data-theme="light"] .board-section .board-handle{background:transparent;color:var(--text)}
:root[data-theme="light"] .board-toolbar button:not(.primary),:root[data-theme="light"] .board-footer>div,:root[data-theme="light"] .board-pin-menu,:root[data-theme="light"] .board-side-tools,:root[data-theme="light"] .board-hint{background:#fffffff0;color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .board-side-tools button:hover,:root[data-theme="light"] .board-side-tools button[aria-pressed=true]{background:var(--raised)}
:root[data-theme="light"] .board-media .board-handle,:root[data-theme="light"] .board-note.note-plain .board-handle,:root[data-theme="light"] .board-card-actions,:root[data-theme="light"] .board-note .board-card-actions{background:#fffffff0;color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .board-media .board-handle span{color:var(--text)}
:root[data-theme="light"] .board-resize{color:var(--text);filter:drop-shadow(0 1px 2px #fff)}

/* Keep rail labels visible without making the whole navigation item a pill. */
.studio-nav button[aria-current],:root[data-theme="light"] .studio-nav button[aria-current="page"]{background:transparent;color:var(--accent)}
.studio-nav button[aria-current] span:first-child{border-radius:10px;background:#424242;box-shadow:0 0 0 5px #424242}
.studio-nav button[aria-current] .client-nav-glyph{border-radius:50%}
:root[data-theme="light"] .studio-nav button[aria-current="page"]{color:var(--text)}
:root[data-theme="light"] .studio-nav button[aria-current] span:first-child{background:var(--raised);box-shadow:0 0 0 5px var(--raised)}
@media(max-width:760px){.studio-nav button[aria-current] span:first-child{box-shadow:0 0 0 3px #424242}:root[data-theme="light"] .studio-nav button[aria-current] span:first-child{box-shadow:0 0 0 3px var(--raised)}}
.studio-rail .studio-nav button{grid-template-columns:minmax(0,1fr)}
.studio-rail .studio-nav button span:last-child{width:max-content;max-width:none;text-align:center;justify-self:center}
.profile-avatar{overflow:hidden;flex:none}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-photo-setting{display:flex;align-items:center;gap:13px;margin:16px 0 18px}.profile-photo-setting .profile-avatar{width:52px;height:52px;font-size:22px}.profile-photo-setting>div{min-width:0;flex:1}.profile-photo-setting label{margin-bottom:6px}.profile-photo-setting input{min-height:0;padding:7px;font-size:11px}.profile-photo-setting input::file-selector-button{border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--text);padding:6px;cursor:pointer}.profile-photo-setting small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.profile-panel .profile-photo-setting button{width:auto;margin-top:7px;padding:0;color:var(--muted)}
@media(max-width:760px){.studio-rail .studio-nav button span:last-child{width:auto;max-width:100%}}
.assistant-cost{display:block;margin-top:10px;color:var(--muted);font-size:12px}
/* Story & cast */
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.story-style{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.story-approve{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:6px}.story-approve .muted{font-size:12px;line-height:1.45;max-width:40ch}
.story-records{display:grid;gap:12px;min-width:0}.story-records-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.story-records-head h3{margin:0;font-size:16px}
.story-record{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);display:grid;gap:10px}
.story-record-head{display:flex;gap:10px;align-items:center}.story-record-head input{flex:1;font-weight:600}
.story-record label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.story-record input,.story-record textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:9px 11px;color:var(--text);font-size:13px;line-height:1.5}
.story-refs{display:flex;flex-wrap:wrap;gap:8px}.story-refs figure{position:relative;margin:0;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--raised)}.story-refs img,.story-refs video{width:100%;height:100%;object-fit:cover}.story-refs .bible-thumb-add{min-width:84px;min-height:84px}
@media(max-width:1000px){.story-grid{grid-template-columns:1fr}}
.story-record textarea{min-height:60px;height:auto;resize:vertical}.story-main .project-field textarea{min-height:84px;height:auto}
/* Reel pane */
.reel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.reel-grid h3{margin:0 0 4px;font-size:16px}.reel-help{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 14px}
.reel-clips{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.reel-clip{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px}
.reel-clip-media{width:64px;height:112px;border-radius:8px;overflow:hidden;background:var(--raised)}.reel-clip-media img,.reel-clip-media video{width:100%;height:100%;object-fit:cover}
.reel-clip-body{min-width:0;display:grid;gap:8px}.reel-clip-body strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reel-clip-times{display:flex;gap:12px;flex-wrap:wrap}.reel-clip-times label{display:grid;gap:3px;font-size:11px;color:var(--muted)}.reel-clip-times input{width:84px;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 8px;color:var(--text)}
.reel-clip-actions{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.reel-music{margin-top:18px}
.reel-templates{border:0;padding:0;margin:0 0 16px;display:grid;gap:8px}.reel-templates legend{font-weight:600;font-size:13px;margin-bottom:8px}
.reel-template{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.reel-template:has(input:checked){border-color:var(--text);background:var(--raised)}
.reel-template span{display:grid;gap:3px}.reel-template small{color:var(--muted);font-size:12px;line-height:1.4}
.reel-caption-source{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;margin:6px 0 4px}
.reel-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.reel-bar>div{display:flex;gap:10px}
.reel-renders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.reel-renders h3{grid-column:1/-1;margin:0}
.reel-render{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:grid}.reel-render video,.reel-render-state{width:100%;aspect-ratio:9/16;background:#000;object-fit:contain}
.reel-render-state{display:grid;place-items:center;color:var(--muted);font-size:13px}.reel-render-state.fail{color:var(--danger)}
.reel-render>div{padding:10px 12px;display:grid;gap:4px}.reel-render small{color:var(--muted);font-size:12px}
@media(max-width:1000px){.reel-grid{grid-template-columns:1fr}}

.workspace-groups{display:grid;gap:28px}.workspace-kind-group h2{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--muted)}.workspace-kind-group[hidden],.client-directory-card[hidden]{display:none}
/* A visual picker first; only the selected format opens its writing controls. */
.content-template-heading{margin-bottom:18px}.content-template-heading p{margin:5px 0 0;color:var(--muted)}
.content-template-layout{display:block}.content-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.content-template-choice{min-width:0;gap:12px;padding:12px;border-radius:16px;background:var(--panel);transition:background .15s ease,transform .15s ease}
.content-template-choice:hover{background:var(--raised);transform:translateY(-2px)}.content-template-choice[aria-pressed="true"]{border-color:var(--accent);background:var(--raised)}
.content-template-choice strong{font-size:15px;line-height:1.25}.content-template-art{display:flex;align-items:center;justify-content:center;gap:7px;height:88px;border-radius:10px;background:var(--bg);overflow:hidden}
.content-template-choice .content-template-art i{display:block;flex:0 1 19%;height:52%;border:1px solid var(--line);border-radius:5px;background:var(--raised);box-shadow:inset 0 -8px 0 color-mix(in srgb,var(--text) 9%,transparent)}
.content-template-choice[data-template="turning-point"] .content-template-art i:nth-child(2){height:66%}.content-template-choice[data-template="turning-point"] .content-template-art i:nth-child(3){height:80%;background:color-mix(in srgb,var(--accent) 25%,var(--raised))}
.content-template-choice[data-template="then-now"] .content-template-art i:nth-child(-n+2){height:38%}.content-template-choice[data-template="then-now"] .content-template-art i:nth-child(n+3){height:72%;background:color-mix(in srgb,var(--accent) 20%,var(--raised))}
.content-template-choice[data-template="myth-proof"] .content-template-art i:first-child{height:72%;transform:rotate(-8deg)}.content-template-choice[data-template="myth-proof"] .content-template-art i:last-child{height:72%;background:color-mix(in srgb,var(--accent) 25%,var(--raised))}
.content-template-choice[data-template="one-useful-lesson"] .content-template-art i{height:35%}.content-template-choice[data-template="one-useful-lesson"] .content-template-art i:last-child{height:76%;background:color-mix(in srgb,var(--accent) 25%,var(--raised))}
.content-template-choice[data-template="two-perspectives"] .content-template-art i:nth-child(odd){height:70%}.content-template-choice[data-template="two-perspectives"] .content-template-art i:nth-child(even){height:42%;background:color-mix(in srgb,var(--accent) 20%,var(--raised))}
.content-template-choice[data-template="question-answer"] .content-template-art i:nth-child(odd){height:60%;border-radius:15px 15px 15px 4px}.content-template-choice[data-template="question-answer"] .content-template-art i:nth-child(even){height:45%;border-radius:15px 15px 4px 15px;background:color-mix(in srgb,var(--accent) 20%,var(--raised))}
.content-template-workbench{padding:22px;border-radius:18px}.content-template-workbench-head h3{font-size:23px;margin:0 0 4px}.content-template-workbench-head p{margin:0;color:var(--muted);font-size:13px}
.content-template-workbench ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;counter-reset:beat;margin:18px 0 22px;padding:0}
.content-template-workbench ol li{counter-increment:beat;min-width:0;min-height:92px;padding:12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:13px;line-height:1.35}
.content-template-workbench ol li:before{content:counter(beat,decimal-leading-zero);display:block;margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:700}
.content-template-compose{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.content-template-inputs{display:grid;grid-template-columns:1fr;gap:0;margin:0}.content-template-inputs label{font-size:13px;color:var(--text);font-weight:600}.content-template-inputs input{margin-top:7px;font-weight:400}.content-template-inputs details{margin-top:12px}.content-template-inputs summary{cursor:pointer;color:var(--muted);font-size:12px}.content-template-extra-fields{display:grid;gap:12px;margin-top:13px}.content-template-hook-picker h4{margin:0 0 10px;font-size:13px}.content-template-hooks{gap:6px}.content-template-hook{padding:10px 12px;border-radius:9px;background:var(--bg);font-size:13px}.content-template-hook:has(input:checked){background:var(--raised);border-color:var(--accent)}.content-template-workbench>.primary{margin-top:18px}
@media(max-width:900px){.content-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-template-compose{grid-template-columns:1fr}.content-template-workbench ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.content-template-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-template-choice{padding:8px}.content-template-art{height:62px}.content-template-workbench{padding:16px}.content-template-workbench ol li{min-height:80px}}
@media(prefers-reduced-motion:reduce){.content-template-choice{transition:none}.content-template-choice:hover{transform:none}}

/* Keep workspace work first and reveal deeper context only after it. */
.client-dashboard{margin:34px 0 0;max-width:1180px}
.dashboard-metrics{display:flex;flex-wrap:wrap;gap:0;margin-bottom:16px;border-top:1px solid var(--line);padding-top:18px}
.dashboard-metrics>div{display:flex;align-items:baseline;gap:7px;min-width:0;padding:0 20px 0 0;margin:0 20px 0 0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.dashboard-metrics>div:last-child{border-right:0}
.dashboard-metrics strong{font-size:18px;font-weight:600;font-family:inherit;color:var(--text)}
.dashboard-metrics span{font-size:13px}
.dashboard-panel{padding:20px}
.dashboard-panel h2{font-size:19px;font-weight:600;font-family:inherit;letter-spacing:-.02em;margin:5px 0 12px}
.dashboard-panel p{margin:0;line-height:1.5}
.dashboard-panel dl{margin-top:14px}
.dashboard-panel dl div{padding:9px 0}
.project-back{padding:0;color:var(--muted);font-size:13px}
.project-room-header h1{margin:12px 0 4px}
.project-room-header p{margin:0}
.project-room-nav{gap:32px;margin:22px 0 10px;border-color:var(--line)}
.project-room-nav button{color:var(--muted);font-weight:600}
.project-room-nav button[aria-current="page"]{color:var(--text);border-bottom-color:var(--text)}
.project-room-tools{display:flex;gap:6px;overflow:auto;margin:0 0 24px}
.project-room-tools button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:7px 11px;white-space:nowrap}
.project-room-tools button[aria-current="page"]{background:var(--panel);color:var(--text)}
@media(max-width:760px){.dashboard-metrics{gap:12px}.dashboard-metrics>div{padding-right:12px;margin-right:0}.dashboard-metrics strong{font-size:17px}.project-room-nav{gap:24px}}

:root[data-theme="light"] .dashboard-metrics>div{background:transparent;border-color:var(--line)}
/* Planner cards: a picture tied to the project or workspace, grouped by day. */
.planner-day-group{margin:26px 0 8px}.planner-day-group h3{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600}.planner-day-group h3 small{font-weight:400;color:var(--muted);font-size:12px}.planner-day-group h3.is-overdue{color:#d9963a}
.planner-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:22px 0 8px}
.planner-card{display:flex;flex-direction:column;width:100%;padding:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.planner-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f;border-color:color-mix(in srgb,var(--line) 60%,var(--muted))}
.planner-card:focus-visible,.planner-mini:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.planner-thumb{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:var(--raised);overflow:hidden}
.planner-thumb>img,.planner-thumb>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.planner-thumb>img.is-backdrop{filter:blur(22px) saturate(1.2);transform:scale(1.25);opacity:.75}
.planner-thumb>img.is-logo{position:relative;inset:auto;width:34%;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 10px 30px #0000004d}
.planner-initials{font-size:28px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.planner-pill{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);backdrop-filter:blur(10px)}
.planner-pill.is-ready{color:#3f9d6a}.planner-pill.is-published{color:var(--muted)}.planner-pill.is-cancelled{color:var(--muted);text-decoration:line-through}.planner-pill.is-overdue{color:#d9963a}
.planner-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px}
.planner-card-body strong{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.planner-card-body>small{font-size:12px;color:var(--muted)}
.planner-chip{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.planner-chip>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--raised);font-size:8px;font-weight:700}.planner-chip img{width:100%;height:100%;object-fit:cover}
.planner-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;white-space:nowrap;font-size:12px;color:var(--muted)}
.planner-channel{padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.planner-mini{display:flex;align-items:center;gap:10px;width:100%;padding:8px;margin-bottom:8px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text)}
.planner-mini:hover{border-color:color-mix(in srgb,var(--line) 60%,var(--muted))}
.planner-mini .planner-thumb{flex:0 0 48px;width:48px;aspect-ratio:1;border-radius:10px}.planner-mini .planner-thumb>img.is-logo{width:62%}.planner-mini .planner-initials{font-size:14px}
.planner-mini strong{display:block;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-mini>span:last-child{min-width:0}.planner-mini small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.planner-mini small.is-overdue{color:#d9963a}
@media(max-width:520px){.planner-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.planner-card-body{padding:10px 10px 12px}.planner-meta{flex-wrap:wrap;white-space:normal}}
@media(prefers-reduced-motion:reduce){.planner-card{transition:none}.planner-card:hover{transform:none}}
/* Pipeline: the step line with a small Flow pill on the right (replaces the old flow card). */
.pipeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 var(--space-3)}
.pipeline-top .pipeline-line{margin:0}
.pipeline-flow{position:relative}
.pipeline-flow-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.pipeline-flow-pill:hover,.pipeline-flow-pill[aria-expanded="true"]{color:var(--text);background:var(--raised)}
.pipeline-flow-pill.is-unset{color:var(--text)}.pipeline-flow-pill.is-unset::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-dot,#0a84ff)}
.pipeline-flow-menu{position:absolute;z-index:40;right:0;top:calc(100% + 6px);display:grid;gap:2px;width:280px;padding:6px;border:1px solid var(--popover-line);border-radius:14px;background:var(--popover-bg);box-shadow:var(--popover-shadow)}
.pipeline-flow-menu[hidden]{display:none}
.pipeline-flow-menu button{display:grid;gap:2px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.pipeline-flow-menu button:hover,.pipeline-flow-menu button:focus-visible{background:var(--raised);outline:none}
.pipeline-flow-menu button[aria-checked="true"] strong::after{content:" ✓";color:var(--muted)}
.pipeline-flow-menu strong{font-size:13px}.pipeline-flow-menu small{font-size:12px;color:var(--muted);line-height:1.35}
@media (max-width:640px){.pipeline-flow-menu{right:auto;left:0}}

/* Planner: posting through connected accounts (Zernio) */
.planner-zernio{display:inline-flex;align-self:flex-start;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11.5px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted)}
.planner-zernio.is-scheduled,.planner-zernio.is-publishing{background:color-mix(in srgb,#2f6bff 14%,transparent);color:var(--text)}
.planner-zernio.is-published{background:color-mix(in srgb,#16a34a 14%,transparent);color:var(--text)}
.planner-zernio.is-failed,.planner-zernio.is-partial{background:color-mix(in srgb,var(--danger,#c2410c) 16%,transparent);color:var(--text)}
.schedule-zernio fieldset{margin:4px 0 12px;padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}
.schedule-zernio legend{padding:0 6px;font-size:13px;font-weight:600}
.schedule-accounts{display:flex;flex-wrap:wrap;gap:8px}
.schedule-accounts .ws-set-check{padding:6px 12px;font-size:13px}
.schedule-accounts .ws-set-check input{position:static;opacity:1;pointer-events:auto;margin:0}
.schedule-zopts{display:grid;gap:8px}
.schedule-checks{display:flex;gap:14px;align-items:flex-end;padding-bottom:10px;font-size:13px}
.schedule-zstate{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--text) 5%,transparent);font-size:13px}
.schedule-zstate small{color:var(--danger,#c2410c)}
.schedule-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.schedule-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:12px;border-radius:12px;border:1px solid var(--text)}
.schedule-confirm p{flex:1 1 100%;margin:0 0 4px;font-size:14px}

/* Library toolbar: count on the left; Select and the tile-size slider on the right. */
.client-library-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.client-library-bar .client-library-count{margin:0}
.library-tools{display:flex;align-items:center;gap:14px}
.library-select{min-height:34px;padding:0 14px;border-radius:999px}
.library-select[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.library-zoom{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}
.library-zoom svg{width:15px;height:15px;fill:currentColor;flex:none}
.library-zoom input[type=range]{width:110px;margin:0;height:4px;accent-color:var(--text);cursor:pointer}
/* Tile size: 3 (default, larger tiles) to 5 columns. */
.client-assets[data-cols="3"]{columns:3}
.client-assets[data-cols="4"]{columns:4}
.client-assets[data-cols="5"]{columns:5}
@media(max-width:760px){.client-assets[data-cols]{columns:2}.library-zoom{display:none}}
/* Select mode: a round check on every card; the card is the target, so media controls and the hover toolbar step aside. */
.library-check{position:absolute;z-index:3;top:10px;left:10px;display:none;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:rgba(0,0,0,.28);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.library-check svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .12s ease}
.client-assets.is-selecting .library-check{display:grid}
.client-assets.is-selecting .client-asset{cursor:pointer}
.client-assets.is-selecting :is(video,audio){pointer-events:none}
.client-assets.is-selecting .client-asset-toolbar{display:none}
.client-asset.is-selected .client-asset-media{outline:3px solid var(--text);outline-offset:-3px;border-radius:inherit}
.client-asset.is-selected .library-check{background:var(--text);border-color:var(--text)}
.client-asset.is-selected .library-check svg{opacity:1;stroke:var(--bg)}
.client-assets.is-selecting .client-asset:focus-visible{outline:2px solid var(--focus,#0a84ff);outline-offset:3px}
/* The action bar stays at the bottom of the view while selecting. */
.library-actionbar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:10px 12px 10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 10px 30px rgba(20,24,32,.14)}
.library-actionbar[hidden]{display:none}
.library-selcount{font-size:13.5px;font-weight:600}
.library-actionbar-spacer{flex:1}
.library-actionbar .quiet{min-height:34px;border-radius:999px}
.library-danger{color:var(--danger,#c2410c)!important}
button.library-danger:not(.quiet){background:var(--danger,#c2410c);color:#fff!important;border-color:transparent}
.library-bulk-note{color:var(--muted);font-size:12.5px;margin:4px 0 0}
.library-problems{margin:8px 0 0;padding:0 0 0 18px;display:grid;gap:8px;font-size:13.5px}
.library-problems ul{margin:4px 0 0;padding-left:16px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.library-check svg{transition:none}}

/* Metricool: a calm tile when a post's thumbnail can't be shown (e.g. Instagram's signed image link has expired). */
.metricool-thumbnail{display:grid;place-items:center;position:relative}
.metricool-thumbnail.is-missing{background:linear-gradient(160deg,color-mix(in srgb,var(--text) 10%,var(--panel)),color-mix(in srgb,var(--text) 4%,var(--panel)));box-shadow:inset 0 0 0 1px var(--line)}
.metricool-thumbnail.is-missing::after{content:"";width:20px;height:20px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Cpath d='M10 8.5v7l5.5-3.5z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Cpath d='M10 8.5v7l5.5-3.5z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}

/* Bulk dialogs: their paragraphs wrap (the single-asset editor shows one line per paragraph). */
#libraryBulk p{white-space:normal;overflow:visible;text-overflow:clip}
/* Select toggle's pressed state also wins over the light theme's .quiet rule. */
.library-tools .library-select.quiet[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
/* Project Files → Assets: drop files anywhere on the pane; assets grouped by where they came from. */
.project-asset-pane{position:relative}
.project-drop{position:absolute;inset:0;display:block;border:2px dashed var(--muted);border-radius:var(--radius-panel,18px);background:color-mix(in srgb,var(--bg) 55%,transparent);opacity:0;pointer-events:none;transition:opacity var(--motion-fast,.15s) var(--motion-ease,ease);z-index:3}
.project-drop span{position:sticky;top:40vh;display:table;margin:clamp(24px,30vh,40vh) auto 24px;font-weight:600;font-size:15px;padding:10px 16px;border-radius:999px;background:var(--raised);border:1px solid var(--line)}
.project-asset-pane.is-dropping .project-drop{opacity:1}
.project-upload-status{margin:4px 0 0;color:var(--muted);font-size:13px}
.project-asset-group{margin-top:22px}
.project-asset-group h3{display:flex;align-items:center;gap:8px}
.project-asset-group h3 span{font-size:12px;font-weight:500;color:var(--muted);padding:1px 8px;border-radius:999px;border:1px solid var(--line)}
.project-asset-tag{display:block;margin:8px 12px 0;font-size:11px;letter-spacing:.02em;color:var(--muted)}
.project-assets-empty{color:var(--muted);margin-top:22px}
@media (prefers-reduced-motion:reduce){.project-drop{transition:none}}
/* Project guides: Markdown the project chat follows. */
.project-guides{margin-top:22px}
.project-guides h3{display:flex;align-items:center;gap:8px}
.project-guides h3 span{font-size:12px;font-weight:500;color:var(--muted);padding:1px 8px;border-radius:999px;border:1px solid var(--line)}
.project-guides-hint{color:var(--muted);font-size:13px;margin:4px 0 10px}
.project-guide-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.project-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:opacity var(--motion-fast,.15s) var(--motion-ease,ease)}
.project-guide.is-off{opacity:.6}
.project-guide strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-guide small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-guide-switch input{width:16px;height:16px;accent-color:var(--text)}
@media (max-width:640px){.project-guide{grid-template-columns:auto minmax(0,1fr)}.project-guide .text-button{grid-column:2}}
/* Home Ideas card: the idea text opens its note. */
.ws-ideas .ws-idea-open{flex:1;min-width:0;min-height:0;display:flex;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer}
.ws-ideas .ws-idea-open:focus-visible{outline:2px solid var(--focus,#0a84ff);outline-offset:2px;border-radius:6px}
.ws-ideas .ws-idea-open:hover span{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
/* Library: project chips above the grid. */
.library-project-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.library-project-chips::-webkit-scrollbar{display:none}
.library-project-chips:empty{display:none}
.library-project-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}
.library-project-chip span{color:var(--muted);font-size:12px}
.library-project-chip:hover{border-color:var(--muted)}
.library-project-chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.library-project-chip[aria-pressed="true"] span{color:inherit;opacity:.7}
/* Projects page: type chips under the heading. */
.project-type-chips{margin:0 0 14px}

/* ---- Library details window: the asset large on the left, what it is on the right (stacked on narrow screens). */
.asset-detail{width:min(1100px,calc(100vw - 32px));height:min(760px,calc(100vh - 48px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #000a;overflow:hidden}
.asset-detail[open]{display:grid;grid-template-columns:minmax(0,1fr) 360px}
.asset-detail::backdrop{background:#000b}
.asset-detail-media{display:grid;place-items:center;min-height:0;padding:20px;background:color-mix(in srgb,var(--text) 5%,var(--bg))}
.asset-detail-media img,.asset-detail-media video{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.asset-detail-media audio{width:min(420px,100%)}
.asset-detail-empty{color:var(--muted);font-size:14px}
.asset-detail-side{display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px 20px 18px;overflow:auto;border-left:1px solid var(--line)}
.asset-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.asset-detail-head h3{margin:4px 0 2px;font:700 19px/1.25 'Archivo Variable',Archivo,Arial,sans-serif;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.asset-detail-head p{margin:0;color:var(--muted);font-size:12.5px}
.asset-detail-nav{display:flex;align-items:center;gap:2px;flex:none}
.asset-detail-nav .icon-button{width:30px;height:30px;font-size:20px;color:var(--muted)}
.asset-detail-nav .icon-button:disabled{opacity:.3;cursor:default}
.asset-detail-section h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.asset-detail-section h4 .text-button{text-transform:none;letter-spacing:0;font-size:12px}
.asset-detail-prompt{margin:0;padding:10px 12px;border-radius:10px;background:var(--raised);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.asset-detail-full{margin-top:8px;font-size:12.5px;color:var(--muted)}
.asset-detail-full summary{cursor:pointer}
.asset-detail-full .asset-detail-prompt{margin-top:8px;color:var(--text)}
.asset-detail-list{display:grid;gap:7px;margin:0}
.asset-detail-list>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;font-size:13px}
.asset-detail-list dt{color:var(--muted)}
.asset-detail-list dd{margin:0;overflow-wrap:anywhere}
.asset-detail-list a{color:var(--text)}
.asset-detail-refs{display:flex;flex-wrap:wrap;gap:6px}
.asset-detail-refs img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--line)}
.asset-detail-used ul{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:13px}
.asset-detail-used small,.asset-detail-muted{color:var(--muted);font-size:12.5px}
.asset-detail-tags{display:flex;flex-wrap:wrap;gap:6px}
.asset-detail-tags span{padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px}
.asset-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.asset-detail-actions a{text-decoration:none}
@media (max-width:820px){
 .asset-detail{height:calc(100vh - 32px)}
 .asset-detail[open]{grid-template-columns:1fr;grid-template-rows:minmax(200px,45%) minmax(0,1fr)}
 .asset-detail-side{border-left:0;border-top:1px solid var(--line)}
}
/* ---- The preview window (asset-preview.js): a top line with where it came from and round icon buttons, the title,
   one even row of actions, then the details in quiet sections. */
.asset-detail[open]{grid-template-columns:minmax(0,1fr) 380px}
.asset-detail-side{gap:0;padding:16px 20px 20px}
.asset-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.asset-detail-source{min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-detail-nav{gap:4px}
.asset-icon{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;margin:0}
.asset-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.asset-icon:hover:not(:disabled){background:var(--raised);color:var(--text)}
.asset-icon:disabled{opacity:.3;cursor:default}
.asset-icon:focus-visible,.asset-act:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 22%,transparent)}
.asset-detail-head{display:block;margin:10px 0 14px}
.asset-detail-head h3{margin:0 0 4px;font:600 18px/1.3 inherit;font-family:inherit;letter-spacing:-.005em;overflow-wrap:anywhere;-webkit-line-clamp:3}
.asset-detail-head h3.is-prompt{font-weight:500;font-size:17px;-webkit-line-clamp:2}
.asset-detail-head p{font-size:12.5px}
.asset-detail-side .asset-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.asset-act{display:inline-flex;align-items:center;gap:7px;height:34px;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:500 13px/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;margin:0;box-sizing:border-box}
.asset-act svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.asset-act:hover{background:var(--raised)}
.asset-act.is-main{background:var(--text);color:var(--bg);border-color:var(--text)}.asset-act.is-main:hover{opacity:.9;background:var(--text)}
.asset-act.is-icon{width:34px;padding:0;justify-content:center}
.asset-detail-sections{display:grid;gap:20px}
.asset-detail-section h4{margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.asset-detail-list>div{grid-template-columns:92px minmax(0,1fr)}
@media (max-width:820px){.asset-detail[open]{grid-template-columns:1fr}}
/* Links inside the workspace page take the accent colour; the preview's buttons keep theirs. */
#brandSurface .asset-detail .asset-act{color:var(--text)}#brandSurface .asset-detail .asset-act.is-main{color:var(--bg)}
.asset-detail{background:var(--popover-bg,var(--panel))}.asset-detail-side{background:var(--popover-bg,var(--panel))}