/* Shared semantic design system. Loaded after legacy and library styles. */
#app>aside{min-width:0}
#app>aside .aside-bottom.profile-card{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
#app>aside .ui-account-menu{width:100%;min-width:0}
#app>aside .ui-account-menu>.profile-head{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;min-width:0;width:100%}
#app>aside .profile-head>.profile-avatar{width:32px;height:32px;min-width:32px}
#app>aside #current-user{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
#app>aside .admin-workspace-switcher{min-width:0;max-width:100%;border-radius:6px}
#app>aside .workspace-select{width:100%;min-width:0;max-width:100%}
#app>aside .workspace-select>.select-button{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:6px;align-items:center;min-width:0;text-align:left}
#app>aside .workspace-select>.select-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app>aside .workspace-select .select-option{white-space:normal;overflow-wrap:anywhere;min-width:0;height:auto;text-align:left}
#app>aside .token-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;align-items:center}
#app>aside .token-balance>strong{white-space:nowrap;text-align:right}
.ui-segments{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card)}
.ui-segments>button{border:0;background:transparent;border-radius:var(--radius-control);min-height:32px;padding:4px 12px;color:var(--muted)}
.ui-segments>button.active{background:var(--accent2);color:var(--accent);font-weight:600}
.ui-project-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.ui-project-toolbar>input{margin-left:auto;min-width:220px}
.project-card{position:relative;padding:0;border-radius:var(--radius-card);overflow:visible;box-shadow:none;background:var(--card)}.project-card:hover{transform:none;border-color:var(--accent)}.ui-project-open{display:block;color:inherit;text-decoration:none}.ui-project-preview{height:152px;background:var(--surface-hover);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:8px 8px 0 0}.ui-project-preview>svg{width:32px;height:32px;color:var(--muted)}.ui-project-preview>img{position:absolute;width:100%;height:100%;object-fit:cover}.ui-project-content{padding:16px}.ui-project-content h3{font-size:16px;margin:12px 0;overflow-wrap:anywhere}.ui-project-content .meta{margin:0 0 12px;gap:16px}.ui-project-content p{font-size:14px}.ui-project-menu{position:absolute;right:12px;top:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.ui-toolbar{display:flex!important;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.ui-toolbar-main,.ui-toolbar-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.ui-toolbar-main{flex:1}.ui-toolbar-main>input{width:240px!important;flex:1 1 180px}.ui-toolbar-main>.custom-select{width:180px;min-width:140px}.ui-toolbar-tools{margin-left:auto}.ui-toolbar .content-type-filters{margin:0;gap:4px;border:0}.ui-toolbar .content-type-filters label span{min-height:40px;border-radius:6px;padding:8px}.ui-toolbar .content-type-filters legend{display:none}.ui-toolbar .filter-box{right:0;left:auto;width:560px}.ui-filter-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-filter-section{border-bottom:1px solid var(--line);padding:8px 0}.ui-filter-section summary{display:flex;justify-content:space-between;gap:8px;align-items:center}.ui-filter-section summary svg{width:16px}.ui-filter-section[open] summary svg{transform:rotate(180deg)}.ui-filter-section-body{position:static!important;width:auto!important;padding:8px 0!important;border:0;box-shadow:none!important;background:transparent;max-height:320px;overflow:auto}.ui-filter-section-body .folder-list{min-width:0;max-height:180px}.ui-menu-panel .cols-box{position:static;width:auto;border:0;box-shadow:none}.ui-menu-panel .cols-menu>button{width:100%;text-align:left}.ui-toolbar .media-view-switch{margin:0}.ui-toolbar .ui-menu-panel{width:260px}.project-heading .ghost{padding-left:0;font-size:14px;flex-wrap:wrap}.project-heading .ghost span{overflow-wrap:anywhere}.project-section-tabs{display:none!important}
.plan-summary{display:flex!important;gap:24px;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--line);margin:20px 0}.plan-summary>div{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.plan-summary strong{font-size:20px;margin:0}.plan-summary span{font-size:14px}.plan-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0;margin:0}.plan-toolbar #plan-search{flex:1 1 220px;min-width:160px}.plan-toolbar>select{width:180px}.plan-view-switch{margin-left:auto}.ui-data-modes{margin-top:4px}.ui-plan-extra-filters{display:grid;gap:12px}.ui-plan-extra-filters .filter-menu>button,.ui-plan-extra-filters>select{width:100%}.ui-plan-extra-filters .filter-box{position:static!important;width:auto;min-width:0;border:0;box-shadow:none;padding:8px 0}.ui-plan-extra-filters .folder-list{min-width:0}.ui-plan-extra-filters .folder-choice{min-width:0}.ui-plan-extra-filters .folder-choice span{white-space:normal}.plan-list-table select,.plan-card select{min-height:32px;font-size:14px;border-color:transparent;background:transparent;padding:4px 8px}.plan-list-table select:hover,.plan-card select:hover{border-color:var(--line);background:var(--card)}.plan-board{gap:16px}.plan-column{background:var(--surface-hover);border:0;border-radius:8px}.plan-card{border-radius:8px;box-shadow:none}
.content-plan-detail{border:0;background:transparent;padding:0;box-shadow:none}.plan-detail-head{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;padding:0}.plan-detail-head .plan-head-tools{margin-left:auto}.ui-current-stage{align-self:center}.plan-title-input{font-size:24px!important;max-width:100%}.plan-detail-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.plan-detail-top{border:0;display:block;padding:16px 0}.plan-detail-tabs{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card);margin:0 0 24px}.plan-detail-tabs button{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:12px;min-height:56px}.plan-detail-tabs button:last-child{border-right:0}.plan-detail-tabs button.current{box-shadow:inset 0 -3px var(--accent)}.plan-detail-tabs button.active{background:var(--accent2)}.plan-detail-tabs button span{white-space:normal;font-size:14px}.content-plan-item-page .plan-form-section{padding:0;border:0;background:transparent;gap:12px}.content-plan-item-page textarea{background:var(--card);border-radius:6px;font-size:14px}.content-plan-item-page [data-plan-panel=prep]{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:start}.content-plan-item-page [data-plan-panel][hidden]{display:none}.ui-scenario-work{min-width:0}.ui-scenario-work textarea[name=scriptText]{min-height:400px}.ui-scenario-source{min-width:0;display:grid;gap:24px;border-left:1px solid var(--line);padding-left:24px}.ui-scenario-source .plan-prep-overview{display:grid;grid-template-columns:1fr;gap:20px}.ui-scenario-source .plan-reference-text-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.ui-scenario-source .plan-source-panel{grid-template-columns:80px minmax(0,1fr);position:static}.ui-scenario-source .plan-transcript{min-height:180px!important;flex:none}.ui-scenario-source h3{font-size:14px}.plan-detail-footer{margin:24px -4px -4px;padding:12px 4px;bottom:0;gap:12px;background:var(--card)}.plan-complete-context{margin-left:auto}.plan-detail-footer .primary{white-space:normal}.plan-back{padding-left:0}
@media(max-width:1100px){.plan-detail-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-toolbar-main{flex-basis:100%}.ui-toolbar-tools{margin-left:0}.ui-scenario-source{padding-left:16px}.content-plan-item-page [data-plan-panel=prep]{gap:20px}}
@media(max-width:800px){.ui-project-toolbar>input{margin-left:0;width:100%;flex:1 1 100%}.ui-project-toolbar>select{width:100%}.cards{grid-template-columns:1fr}.ui-project-preview{height:160px}.ui-toolbar-main>input{flex-basis:100%;width:100%!important}.ui-toolbar .content-type-filters{flex-wrap:wrap}.ui-toolbar .filter-box{position:fixed!important;left:16px!important;right:16px!important;top:84px!important;bottom:auto!important;width:auto!important;max-height:calc(100dvh - 112px);z-index:150}.ui-filter-sections{grid-template-columns:1fr}.ui-toolbar-tools{width:100%;justify-content:space-between}.plan-summary{gap:16px;display:grid!important;grid-template-columns:1fr 1fr}.plan-toolbar>select{flex:1;min-width:0;width:calc(50% - 4px)}.plan-toolbar .plan-view-switch{margin-left:auto}.content-plan-item-page [data-plan-panel=prep]{grid-template-columns:1fr}.ui-scenario-source{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.plan-detail-controls{grid-template-columns:1fr 1fr}.plan-detail-tabs{display:flex;overflow:auto}.plan-detail-tabs button{flex:1 0 100px;min-width:100px}.plan-title-input{font-size:20px!important}.ui-scenario-work textarea[name=scriptText]{min-height:280px}.plan-complete-context{margin-left:0}.ui-current-stage{order:3}.plan-detail-footer{flex-wrap:wrap}.plan-detail-footer .primary{width:100%}.ui-menu-panel:has(.ui-plan-extra-filters){position:fixed;top:100px;left:16px;right:16px;width:auto;max-width:none}.project-heading .ghost{max-width:100%;text-align:left}}
.heart.on svg,.filter-toggle.active svg{fill:currentColor}.row-flags{gap:4px}.row-flags .ui-icon-button{width:32px;min-width:32px;height:32px;padding:6px}.content-plan-mark.on{color:var(--accent)}
.plan-list :is(select,input){min-height:32px;font-size:14px;border-color:transparent;background:transparent;padding:4px 8px}.plan-list :is(select,input):hover{border-color:var(--line);background:var(--card)}
.plan-head-tools .plan-save-state{width:220px;min-height:40px;display:flex;align-items:center;flex:none;margin:0}
.plan-head-tools{align-items:center;gap:8px}
.select-button{min-height:40px;border-radius:6px;padding:8px 12px;gap:8px;font-size:14px}.select-panel{border-radius:8px;padding:8px;box-shadow:var(--shadow-menu)}
.heart:not(.on) svg,.filter-toggle:not(.active) svg{fill:none}
.ui-account-panel{width:100%;min-width:0}
.ui-toolbar .content-type-filters{display:flex}
@media(max-width:800px){.project-media-panel .ui-toolbar>.ui-toolbar-main,.project-media-panel .ui-toolbar>.ui-toolbar-tools{flex:1 1 100%;width:100%}.ui-toolbar-main>input[type=search]{width:100%!important;min-width:100%}.pager{gap:12px;flex-wrap:wrap}.pager>span{min-width:0;flex:1 1 180px}.pager>div{flex:none}.ui-toolbar .content-type-filters{flex-wrap:wrap}}
.plan-list tbody tr>td{background:var(--card)}.plan-list tbody tr:hover>td{background:var(--surface-hover)}.plan-list tbody tr>td:first-child{border-left:3px solid var(--line)}.plan-list tbody tr.stage-script>td:first-child{border-left-color:var(--accent)}.plan-list tbody tr.stage-filming>td:first-child{border-left-color:#b89935}.plan-list tbody tr.stage-editing>td:first-child{border-left-color:#ce7852}.plan-list tbody tr.stage-ready>td:first-child{border-left-color:#4e90ce}.plan-list tbody tr.stage-published>td:first-child,.plan-list tbody tr.stage-analyzed>td:first-child{border-left-color:var(--good)}
.ui-segments #plan-archive{width:auto;min-width:72px;border:0;padding:4px 12px}
@media(max-width:800px){.ui-toolbar-tools .ui-menu-panel{position:fixed;left:16px;right:16px;top:100px;width:auto!important;max-width:none}}
@media(max-width:800px){.plan-detail-head .plan-head-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto}.plan-head-tools .plan-save-state{width:auto;min-width:0;font-size:14px}}
/* Operational overview and publication results share the existing controls and tokens. */
.ops-page{min-width:0;margin-top:24px}.ops-page h2{font-size:20px;margin:0 0 16px}.ops-page h3{font-size:16px;margin:0 0 16px}
.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 28px;border-block:1px solid var(--line)}
.ops-kpis>div,.ops-kpis>.ops-counter{padding:16px;display:grid;gap:8px;min-width:0;border-right:1px solid var(--line)}.ops-kpis>:last-child{border-right:0}
.ops-kpis span{font-size:14px;color:var(--muted);line-height:1.5}.ops-kpis strong{font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ops-counter{color:var(--ink);text-decoration:none;position:relative;min-width:0}.ops-counter:hover{background:var(--surface-hover)}.ops-counter>svg{position:absolute;right:12px;top:14px;color:var(--muted);width:14px;height:14px}.ops-counter>span{padding-right:14px}
.ops-section{margin-top:28px}.ops-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line)}.ops-funnel>a{padding:16px 12px;display:grid;gap:12px;border-right:1px solid var(--line)}.ops-funnel>a:last-child{border-right:0}.ops-funnel span{font-size:14px;line-height:1.5;color:var(--muted)}.ops-funnel strong{font-size:22px;font-variant-numeric:tabular-nums}
.ops-attention{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.ops-attention>a{border-bottom:1px solid var(--line);min-height:52px;display:flex;align-items:center;gap:12px;padding:12px 32px 12px 0}.ops-attention>a>span{flex:1;font-size:14px}.ops-attention strong{font-size:16px;color:var(--accent)}.ops-attention svg{top:19px}.ops-clear{display:flex;align-items:center;gap:8px;color:var(--good);padding:12px 0}
.ops-base{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.ops-base summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);min-height:40px}.ops-base summary::-webkit-details-marker{display:none}.ops-base[open] summary svg{transform:rotate(180deg)}.ops-base dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;font-size:14px}.ops-base dl>div{display:flex;justify-content:space-between;gap:12px}.ops-base dt{color:var(--muted)}.ops-base dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.ops-results-head{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:20px;min-width:0}.ops-results-head h2{margin:0}.ops-results-filters{display:flex;align-items:center;gap:8px;min-width:0}.ops-results-filters select{max-width:220px;min-width:0}.ops-result-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.ops-result-kpis strong{font-size:20px}
.ops-empty{background:var(--card);border-block:1px solid var(--line);padding:40px 24px;text-align:center;margin:20px 0}.ops-empty>span{color:var(--muted)}.ops-empty>span svg{width:28px;height:28px}.ops-empty h3{margin:12px 0 8px;font-size:16px}.ops-empty p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 auto;max-width:520px}.ops-empty button{margin-top:16px}
.ops-trends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:28px 0}.ops-trend{border-block:1px solid var(--line);padding:20px 0;min-width:0}.ops-comparison{margin-bottom:16px}.ops-comparison .analytics-change{font-size:22px}.ops-bars{display:grid;gap:20px}.ops-bars>div{display:grid;grid-template-columns:1fr auto;gap:8px;min-width:0;font-size:14px}.ops-bars span{color:var(--muted)}.ops-bar-track{grid-column:1/-1;height:8px;background:var(--surface-hover)}.ops-bar-track i{display:block;height:100%;background:var(--accent)}.ops-bars>div:last-child i{background:var(--muted)}.ops-insufficient{padding:16px 0;color:var(--muted);border-bottom:1px solid var(--line)}
.ops-publications{border-block:1px solid var(--line)}.ops-publication,.ops-publication-heading{display:grid;grid-template-columns:minmax(180px,2fr) minmax(85px,.7fr) minmax(90px,.7fr) minmax(175px,1.1fr);gap:16px;align-items:center}.ops-publication-heading{padding:12px 0;font-size:14px;color:var(--muted)}.ops-publication{border-top:1px solid var(--line);padding:16px 0;min-width:0}.ops-publication-title{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink);text-decoration:none}.ops-publication-title:hover strong{color:var(--accent)}.ops-publication-title>span:last-child{min-width:0}.ops-publication-title strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.ops-publication-title small{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.ops-publication-preview{width:48px;height:60px;display:grid;place-items:center;flex:none;background:var(--surface-hover);border-radius:6px;color:var(--muted)}.ops-publication-metric>span{display:none}.ops-publication-metric strong{font-size:14px;font-variant-numeric:tabular-nums}.ops-interactions{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:14px;min-width:0}.ops-interactions>div{display:flex;gap:4px;justify-content:space-between;min-width:0}.ops-interactions dt{color:var(--muted)}.ops-interactions dd{margin:0;font-variant-numeric:tabular-nums}
.ops-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.ops-group>div>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;border-bottom:1px solid var(--line);padding:12px 0}.ops-group strong{overflow-wrap:anywhere;font-size:14px}.ops-group span,.ops-group small{font-size:14px;color:var(--muted)}.ops-group b{grid-column:2;grid-row:1}.ops-group small{grid-column:2;grid-row:2}.ops-caveat{font-size:14px;line-height:1.6;color:var(--muted);margin:24px 0}
.ops-filter-note{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent2);color:var(--accent);padding:8px 12px;border-radius:6px;margin-bottom:16px}.ops-filter-note span{font-size:14px}.ops-filter-note button{flex:none}
@media(max-width:1100px){.ops-results-head{align-items:flex-start;flex-direction:column}.ops-results-filters{width:100%;flex-wrap:wrap}.ops-result-kpis strong{font-size:18px}.ops-publication,.ops-publication-heading{grid-template-columns:minmax(150px,2fr) minmax(70px,.7fr) minmax(75px,.7fr) minmax(150px,1.1fr);gap:12px}}
@media(max-width:800px){.ops-page{margin-top:20px}.ops-kpis,.ops-result-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kpis>div,.ops-kpis>.ops-counter{padding:12px;border-bottom:1px solid var(--line)}.ops-kpis>:nth-child(2n){border-right:0}.ops-kpis strong{font-size:22px}.ops-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-funnel>a{border-bottom:1px solid var(--line);padding:14px 12px}.ops-funnel>a:nth-child(2n){border-right:0}.ops-attention,.ops-trends,.ops-groups{grid-template-columns:1fr;gap:0}.ops-attention>a{min-height:56px}.ops-attention svg{top:21px}.ops-base dl{grid-template-columns:1fr}.ops-results-filters select{max-width:none;flex:1 1 140px;width:0}.ops-results-filters button{width:100%}.ops-empty{padding:28px 16px}.ops-trends{margin:20px 0;gap:20px}.ops-publication-heading{display:none}.ops-publication{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.ops-publication-title{grid-column:1/-1}.ops-publication-metric{display:grid;gap:4px}.ops-publication-metric>span{display:block;font-size:14px;color:var(--muted)}.ops-interactions{grid-column:1/-1;font-size:14px;gap:8px 20px}.ops-filter-note{align-items:flex-start}.ops-filter-note span{padding-top:8px}.ops-filter-note button{font-size:14px}}
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --control-sm:32px;--control-md:40px;--control-lg:48px;
  --radius-control:6px;--radius-card:8px;--radius-modal:12px;--radius:var(--radius-card);
  --bg:#f5f6f8;--card:#fff;--ink:#202127;--muted:#666b77;--line:#dfe2e8;
  --accent:#6950d8;--accent2:#eeeafb;--surface-hover:#f0f2f6;
  --shadow-menu:0 8px 32px #1822351f;--focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);
  --type-page:28px;--type-section:20px;--type-card:16px;--type-body:16px;--type-secondary:14px;--type-caption:14px;
}
html[data-theme=dark]{--bg:#111216;--card:#1b1d23;--ink:#eceef3;--muted:#a9adba;--line:#353842;--accent:#b09aff;--accent2:#302947;--surface-hover:#272a32;--shadow-menu:0 8px 32px #0006}
body{font-family:Geologica,system-ui,sans-serif;font-size:var(--type-body);line-height:1.5}
small{font-size:14px;line-height:1.5}
.custom-select{width:190px;max-width:100%;min-width:0}
.custom-select>.select-button{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:8px;min-width:0}
.custom-select .select-panel{position:absolute;min-width:0;width:100%}
.select-option{white-space:normal;overflow-wrap:anywhere;line-height:1.5;min-height:40px;height:auto}
.ui-board-workflow{grid-template-columns:repeat(5,minmax(280px,1fr))}
.parse-completed>h3{font-size:16px;margin:16px 0 8px}
.parse-details .parse-item{grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;gap:6px 16px;padding:14px 0}
.parse-item-name{font-size:16px}
.parse-item-result{font-size:15px;line-height:1.5}
.parse-item>.parse-events-details{font-size:14px;margin:0}
.parse-events-details>summary{min-height:32px;padding:4px 0}
.parse-events-details[open]{padding-bottom:8px}
.parse-events-details .parse-events{display:grid;gap:6px;max-height:320px;overflow:auto}
.parse-events-details .parse-metrics{margin:8px 0}
.parse-events-details .raw-quality-summary{margin:8px 0;max-width:850px;font-size:15px}
.parse-events-details small{font-size:14px}
.queue-job small{font-size:14px;line-height:1.5}
.queue-entry .parse-job .parse-head{padding-block:8px}
.queue-entry .parse-terminal .parse-job-main,.queue-entry .parse-terminal .parse-summary{display:none}
.queue-entry .parse-terminal .parse-head{display:flex;flex-wrap:wrap;justify-content:flex-end;min-height:0;padding:0 12px 8px}
.queue-entry .parse-terminal .parse-head>.actions{margin:0}
@media(max-width:720px){.parse-details .parse-item{grid-template-columns:minmax(0,1fr) auto}.parse-item>.parse-events-details{grid-column:1/-1}.ui-board-workflow{grid-template-columns:repeat(5,minmax(280px,1fr))}}
body :is(h1,h2,h3,h4,button,input,select,textarea,th){letter-spacing:0}
.page-head h1,.project-heading-title h1{font-size:var(--type-page);line-height:1.25;margin:0;font-weight:700}
.section-title h2,.panel-title h2{font-size:var(--type-section)}
:is(.primary,.secondary,.ghost,.danger,.profile-action,.lib-command,.custom-select-button){min-height:var(--control-md);padding:8px 12px;border-radius:var(--radius-control);font-size:var(--type-body);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}
.primary{background:var(--accent);color:#fff;border:1px solid transparent;box-shadow:none}
html[data-theme=dark] .primary{color:#17131f}
.primary:hover{transform:none;filter:none;background:color-mix(in srgb,var(--accent) 88%,var(--ink))}
.secondary,.profile-action{background:var(--card);border:1px solid var(--line)}
.ghost{background:transparent;border:1px solid transparent;color:var(--muted)}
.danger{background:transparent;border:1px solid var(--line);color:var(--bad)}
:is(.secondary,.ghost,.profile-action):hover{background:var(--surface-hover);color:var(--ink)}
.danger:hover{background:var(--bad-bg);border-color:var(--bad)}
button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--focus-ring)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select{min-height:var(--control-md);border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 12px;background:var(--card);color:var(--ink);max-width:100%;font:inherit}
textarea{border:1px solid var(--line);border-radius:var(--radius-control);padding:12px;font:inherit;color:var(--ink);background:var(--card)}
svg.lucide{width:18px;height:18px;flex-shrink:0}
:is(.ui-icon-button,.icon-button,.lib-icon-button,.filter-toggle:not(.work-toggle)){height:var(--control-md);width:var(--control-md);min-width:var(--control-md);padding:8px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--card)}
:is(.badge,.lib-state,.lib-rating,.plan-priority,.plan-difficulty,.plan-status){font-size:var(--type-caption);line-height:1.4;border-radius:4px;padding:4px 8px;font-weight:500}
.badge{background:var(--surface-hover);color:var(--muted)}.badge.purple{background:var(--accent2);color:var(--accent)}
main{padding:var(--space-8)}.view{max-width:1600px}.page-head{margin-bottom:24px;gap:16px;align-items:center}
.panel{border:0;border-radius:0;padding:20px 0;background:transparent;box-shadow:none}
.panel-title{gap:16px;align-items:center}.panel-title p,.page-head p{font-size:var(--type-secondary)}
.table-wrap{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card)}
.project-media-panel > .panel-title{display:none}
.project-media-panel .toolbar.ui-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.project-media-panel .ui-toolbar-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) 200px 166px;gap:8px}
.project-media-panel .ui-toolbar-main > input[type=search]{width:100%!important;min-width:0}
.project-media-panel .ui-toolbar-main > .custom-select{width:100%;min-width:0}
.project-media-panel .ui-toolbar-main > .filter-menu > button{width:100%}
.media-toolbar-choices{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.project-media-panel .ui-toolbar-tools{margin:0;flex-wrap:nowrap;align-items:center}
.project-media-panel .media-quality-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 10px}
.project-media-panel #media-quality-counts{font-size:14px;color:var(--muted)}
.project-media-panel .reels-table{table-layout:fixed;width:100%;min-width:1080px;white-space:normal}
.reels-table .media-col-liked{width:76px}.reels-table .media-col-blogger{width:178px}.reels-table .media-col-video_url{width:68px}
.reels-table .media-col-shortcode{width:142px}.reels-table .media-col-views{width:104px}.reels-table .media-col-likes{width:94px}
.reels-table .media-col-comments{width:84px}.reels-table .media-col-engagement,.reels-table .media-col-virality{width:88px}
.reels-table .media-col-published_at{width:102px}
.reels-table .media-col-tags{width:56px}
.project-media-panel .reels-table th{padding:10px 7px;font-family:Geologica,system-ui,sans-serif!important;font-weight:600!important;font-size:14px;line-height:1.3;white-space:normal;overflow-wrap:normal}
.media-action-heading{display:flex;gap:10px;justify-content:center}
.project-media-panel .reels-table td{padding:6px 7px;height:108px;font-size:14px;vertical-align:middle}
.project-media-panel .reels-table td.num{white-space:nowrap;font-variant-numeric:tabular-nums}
.project-media-panel .reels-table .blogger-cell{border:0;border-radius:0;background:transparent;padding:0;gap:6px;text-decoration:none;max-width:100%}
.reels-table .blogger-cell .avatar{width:28px;height:28px;flex:0 0 28px}
.project-media-panel .reels-table .blogger-cell small{font-size:14px!important;white-space:nowrap}
.project-media-panel .reels-table .row-flags{gap:4px;justify-content:center}
.project-media-panel .reels-table .row-flags button{width:28px;min-width:28px;height:32px;padding:4px;flex:0 0 28px}
.project-media-panel .reels-table .reel-preview{width:54px;height:96px;border-radius:5px;margin:auto}
.project-media-panel .reels-table .media-preview-post,.project-media-panel .reels-table .media-preview-carousel{height:54px}
.project-media-panel .reels-table .publication-stack{gap:3px;min-width:0;max-width:100%}
.reels-table .publication-stack .reel-code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-media-panel .reels-table .reel-tags{flex-wrap:nowrap;max-width:100%;gap:4px;overflow:hidden}
.reels-table .reel-tags .tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:2px 4px}
.reels-table .reel-tags-edit{flex:none}
.reels-table td:last-child > .tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.media-card-metrics span:first-child{grid-column:1/-1}
@media(max-width:1100px){.project-media-panel .toolbar.ui-toolbar{grid-template-columns:1fr}.project-media-panel .ui-toolbar-tools{justify-self:end}}
@media(max-width:700px){
 .project-media-panel .ui-toolbar-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto}
 .project-media-panel .ui-toolbar-main > #search{grid-column:1;min-width:0!important}
 .project-media-panel .mobile-media-toggle{grid-column:2}
 .project-media-panel .ui-toolbar-main > :is(.custom-select,.filter-menu){grid-column:1/-1}
 .project-media-panel .toolbar:not(.filters-expanded) .media-toolbar-choices{display:none}
 .project-media-panel .media-toolbar-choices{gap:6px}
 .project-media-panel .ui-toolbar-tools{justify-self:start}
 .project-media-panel .content-type-filters{flex:1 1 100%}
}
table{font-size:var(--type-secondary)}th{background:var(--surface-hover);font-size:var(--type-caption);color:var(--muted)}td,th{padding:12px;border-color:var(--line)}
.empty,.lib-empty{padding:48px 24px;border-color:var(--line);border-radius:var(--radius-card);background:var(--card)}
.ui-menu{position:relative;flex:none}.ui-menu>summary{list-style:none}.ui-menu>summary::-webkit-details-marker{display:none}
.ui-menu-panel,.ui-account-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-menu);padding:8px;z-index:100;display:grid;gap:4px;position:absolute;right:0;top:calc(100% + 8px);min-width:220px;max-width:min(360px,calc(100vw - 32px));overflow:auto}
.ui-menu-panel>:is(button,a){width:100%;justify-content:flex-start;text-align:left;border-color:transparent;box-shadow:none}
.ui-menu:not([open])>.ui-menu-panel,.ui-account-menu:not([open])>.ui-account-panel{display:none}
.app{grid-template-columns:232px minmax(0,1fr)}#app>aside{padding:20px 12px;gap:16px;background:var(--card)}
#primary-navigation{gap:4px;overflow-y:auto;min-height:0}#primary-navigation button{width:100%;min-height:40px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;font-size:14px;text-align:left}
#primary-navigation button.active{background:var(--accent2);color:var(--accent);font-weight:650}
.ui-nav-heading{font-size:14px;color:var(--muted);font-weight:600;padding:16px 12px 4px;text-transform:uppercase;letter-spacing:0}
.ui-nav-project{display:block;font-size:14px;color:var(--muted);padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo{padding:0 8px 8px}.aside-bottom.profile-card{position:relative;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0;gap:8px}
.ui-account-menu{position:relative}.ui-account-menu>summary{list-style:none;cursor:pointer;border-radius:6px;padding:8px;margin:0;display:flex;gap:8px}.ui-account-menu>summary:hover{background:var(--surface-hover)}.ui-account-menu>summary::-webkit-details-marker{display:none}.profile-head>div{min-width:0;flex:1}.profile-head strong{overflow-wrap:anywhere;font-size:14px}.profile-head small{font-size:14px}.profile-avatar{border-radius:50%;background:var(--accent);width:32px;height:32px;flex:none}
.ui-account-panel{top:auto;bottom:calc(100% + 8px);right:0;max-height:65vh;width:220px}.profile-quick-controls{padding:8px}.profile-action{width:100%;justify-content:flex-start;text-align:left}.token-balance{border:0;background:transparent;padding:0 8px;font-size:14px}.admin-workspace-switcher{padding:4px}
dialog{border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--card);color:var(--ink);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-menu)}dialog::backdrop{background:#10121c66}
.filter-box,.cols-box,.custom-select-options{border-radius:var(--radius-card);border-color:var(--line);box-shadow:var(--shadow-menu);background:var(--card);max-width:calc(100vw - 32px);max-height:min(640px,75dvh);overflow:auto}
.text-tabs button,.content-plan-mode button,.plan-view-switch button,.media-view-switch button{min-height:var(--control-sm);padding:6px 12px;border-radius:var(--radius-control);border:1px solid var(--line);font-size:14px}
@media(max-width:800px){.app{display:block}main{padding:16px}#app>aside{height:auto;position:sticky;top:0;padding:12px 16px;z-index:110;gap:0}.ui-account-panel{bottom:auto;top:calc(100% + 4px);position:relative;width:100%;box-shadow:none;max-height:40dvh}#primary-navigation{max-height:48dvh}.aside-bottom.profile-card{margin-top:12px}.page-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.page-head h1{font-size:24px}dialog{padding:16px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ui-menu-panel{max-width:calc(100vw - 32px)}.ui-nav-heading{padding-top:12px}.table-wrap{max-width:100%;overflow:auto}}

/* r14: compact notices, workflow navigation and viewport-bound menus. */
.plan-detail-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;box-shadow:none;min-height:56px;color:var(--muted)}
.plan-detail-tabs button.current{box-shadow:none;border-color:var(--line);background:transparent;color:var(--ink)}
.plan-detail-tabs button.active{background:var(--accent2);color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.plan-detail-tabs .ui-stage-now{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--muted);font-weight:400}
.plan-title-input{min-height:32px!important}
.ui-stage-now:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--good)}
.ui-plan-properties>summary{display:none}
.plan-board{gap:8px;grid-auto-columns:minmax(205px,1fr)}
.ui-board-workflow{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row}
.ui-board-secondary{grid-template-columns:repeat(2,minmax(205px,1fr));grid-auto-flow:row;margin-top:20px}
.plan-column>header{padding:12px 8px;font-size:14px;gap:4px}.plan-column>header span{gap:4px}
.plan-column-list{padding:6px;gap:8px}.plan-card{padding:10px;min-width:0}.plan-card h3{overflow-wrap:anywhere;font-size:14px}
.ui-project-preview{height:56px;justify-items:start;padding:16px;background:transparent;border-bottom:1px solid var(--line)}
.ui-project-preview>svg{width:24px;height:24px;color:var(--accent)}
.ui-project-preview.has-image{height:152px;padding:0;border:0}
.ui-floating-popover{position:fixed!important;inset:auto!important;margin:0!important;min-width:0!important;max-width:calc(100vw - 24px)!important;overflow:auto!important;overscroll-behavior:contain;z-index:200!important;box-sizing:border-box;border-radius:8px!important}
.ui-floating-popover[popover]{color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-menu)}
.ui-floating-popover:popover-open{display:grid;align-content:start;align-items:start;grid-auto-rows:max-content}
.filter-box{align-content:start;align-items:start;grid-auto-rows:max-content}
.filter-box>button,.ui-filter-section-body>button,.ui-menu-panel>button{align-self:start;height:fit-content}
.project-media-panel #filter-box>.ui-filter-sections{grid-column:1/-1}
.select-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button b{flex:none}
.select-option{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:36px;text-align:left}
#ui-sidebar-projects{min-width:0}.ui-sidebar-project-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
#primary-navigation .ui-sidebar-project-list :is(a,button){display:block;width:100%;min-width:0;min-height:32px;padding:6px 12px 6px 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;color:var(--muted);font-size:14px;border-radius:6px}
#primary-navigation .ui-sidebar-project-list a:hover{background:var(--surface-hover);color:var(--ink)}
#primary-navigation .ui-sidebar-project-list a.active{background:var(--accent2);color:var(--accent);font-weight:600}
@media(max-width:1279px){.ui-board-workflow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr)}}
@media(max-width:800px){
  .plan-detail-head .plan-head-tools{grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px;width:100%;min-width:0}
  .plan-head-tools .plan-save-state{min-height:32px;font-size:14px;display:block;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .plan-head-tools #plan-history{font-size:14px;padding:6px 8px;min-height:32px}
  .plan-head-tools .ui-icon-button{width:32px;min-width:32px;height:32px}
  .content-plan-item-page .plan-detail-head{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:4px}
  .content-plan-item-page .plan-detail-head>div:first-child{width:100%;max-width:none}
  .ui-current-stage{order:0;font-size:14px;padding:3px 6px;margin:2px 0}
  .ui-scenario-work>.section-title .hint{display:none}
  .plan-kicker{display:none}.plan-back{margin-bottom:8px!important;min-height:32px}
  .plan-detail-top{padding:8px 0}.ui-plan-properties>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:14px;color:var(--muted);padding:8px 0;cursor:pointer}
  .ui-plan-properties>summary::-webkit-details-marker{display:none}.ui-plan-properties[open]>summary svg{transform:rotate(180deg)}
  .ui-plan-properties .plan-detail-controls{margin-bottom:8px;padding:8px 0}
  .plan-detail-tabs{margin-bottom:16px}.plan-detail-tabs button{min-height:48px;padding:8px;flex-basis:96px;min-width:96px}
  .ui-board-workflow{grid-auto-columns:minmax(82vw,1fr)}.ui-board-secondary{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(82vw,1fr)}
  .ui-project-preview{height:56px}.ui-project-preview.has-image{height:160px}
  #primary-navigation .ui-sidebar-project-list :is(a,button){min-height:36px;padding-block:8px}
}
/* Maintenance: explicit workspace, nested project navigation and bounded controls. */
.workspace-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--accent2);font-size:14px}
.workspace-notice strong{overflow-wrap:anywhere}.workspace-notice button{font-size:14px;min-height:32px}
.is-switching{pointer-events:none;opacity:.6}
.workspace-switching .view,.workspace-switching #primary-navigation {pointer-events:none}
.ui-project-tree{min-width:0}.ui-project-tree>summary{display:flex;align-items:center;list-style:none;gap:2px;min-width:0}.ui-project-tree>summary::-webkit-details-marker{display:none}
#primary-navigation .ui-project-tree .ui-tree-toggle{display:grid;place-items:center;width:28px;min-width:28px;min-height:36px;padding:4px;border:0;background:transparent;color:var(--muted)}
.ui-tree-toggle svg{width:16px;height:16px}.ui-project-tree[open] .ui-tree-toggle svg{transform:rotate(90deg)}
#primary-navigation .ui-project-tree .ui-tree-name{flex:1;padding:8px 8px;font-size:14px;color:var(--ink);font-weight:500}
#primary-navigation .ui-project-tree .ui-tree-name.active{background:transparent;color:var(--accent);font-weight:700}
#primary-navigation .ui-project-tree:has(.ui-tree-name.active) .ui-tree-toggle{color:var(--accent)}
#primary-navigation .ui-tree-children a{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 36px;white-space:normal;font-size:14px;min-height:36px}
.ui-tree-children svg{width:16px;height:16px;flex:none}.ui-tree-children{border-left:1px solid var(--line);margin-left:14px}
.ui-menu-panel>button svg{width:18px;height:18px;flex:none}.ui-menu-panel>button{display:flex;gap:10px;min-height:40px}
.ui-menu-panel>button.danger{border-top:1px solid var(--line);margin-top:4px;border-radius:0;color:var(--bad)}
body>.plan-drag-ghost{box-sizing:border-box;flex:none!important;min-width:0!important;max-height:480px;overflow:hidden;inset:auto!important;left:0!important;top:0!important;opacity:.9!important;box-shadow:var(--shadow-menu)!important}
.plan-drag-ghost :is(input,select,button){pointer-events:none}
.row-flags .ui-icon-button svg{display:block;width:18px;height:18px;stroke:currentColor;flex:none}
.row-flags .ui-icon-button{display:grid;place-items:center;color:var(--ink);padding:6px;background:var(--card)}
.row-flags .ui-icon-button.on{color:var(--accent)}
.row-flags .ui-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-calendar{padding:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-menu);border-radius:8px;color:var(--ink)}
.calendar-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px;text-align:center}.calendar-head strong{font-size:14px;text-transform:capitalize}
.calendar-head button,.calendar-days button,.calendar-footer button{border:0;background:transparent;color:var(--ink);min-height:34px;padding:4px;border-radius:6px;box-shadow:none}
.calendar-head svg{width:16px;height:16px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar-week{margin-top:12px;font-size:14px;text-align:center;color:var(--muted)}
.calendar-week span{padding:4px}.calendar-days button{font-size:14px;height:34px}.calendar-days .outside{color:var(--muted)}.calendar-days .today{outline:1px solid var(--accent);outline-offset:-3px}.calendar-days .selected{background:var(--accent);color:var(--on-accent,#fff)}
.calendar-days button:hover,.calendar-footer button:hover{background:var(--accent2);color:var(--accent)}.calendar-days button:focus-visible{outline:2px solid var(--accent)}.calendar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:8px;font-size:14px}
.media-card .media-card-heart.ui-icon-button {display:grid;place-items:center;color:var(--ink);background:var(--card);border:1px solid var(--line);width:36px;height:36px;min-width:36px;padding:8px}
.media-card .media-card-heart.on {color:var(--accent)}
.media-card .content-plan-mark.ui-icon-button {display:grid;place-items:center;color:var(--ink);width:36px;height:36px;padding:8px}
.media-card .content-plan-mark.on {color:var(--accent)}
.row-flags .content-plan-mark.on.ui-icon-button,
.media-card .content-plan-mark.on.ui-icon-button {background:#2563eb;border-color:#2563eb;color:#fff}
.row-flags .content-plan-mark.on.ui-icon-button:hover,
.media-card .content-plan-mark.on.ui-icon-button:hover {background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.media-card .ui-icon-button svg {width:18px;height:18px;flex-shrink:0}
.media-card .ui-icon-button:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.plan-card {position:relative}
.plan-board-drag-handle {position:absolute;right:6px;top:6px;width:28px;min-width:28px;height:28px;padding:5px;touch-action:none;z-index:2;cursor:grab;background:var(--card);color:var(--muted);border:1px solid var(--line)}
.plan-board-drag-handle svg {width:16px;height:16px}
.plan-card-main {padding-right:25px}
.admin-section-heading {margin-bottom:16px}
#modal .profile-compact-grid {display:flex;flex-direction:column;gap:16px}
/* Profile-only shell: other shared-dialog views keep their existing dimensions. */
#modal:has(.profile-settings){width:620px;padding:0;overflow:hidden;max-height:calc(100dvh - 24px)}
#modal:has(.profile-settings)>.modal-close{top:14px;right:14px;z-index:2;width:36px;height:36px}
.profile-settings{display:flex;flex-direction:column;height:480px;max-height:calc(100dvh - 28px);font-size:16px;line-height:1.45}
.profile-settings-head{padding:22px 60px 16px 24px;display:grid;gap:4px;flex-shrink:0;overflow-wrap:anywhere}
.profile-settings-head h2{font-size:22px;margin:0 0 4px;line-height:1.25}
.profile-settings-head strong{font-size:16px;font-weight:600}
.profile-settings-head .hint{font-size:14px;margin:0}
.profile-settings-tabs{display:flex;gap:20px;margin:0 24px;border-bottom:1px solid var(--line);flex-shrink:0}
.profile-settings-tabs [role=tab]{border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 0;background:none;color:var(--muted);font-size:16px;font-weight:600}
.profile-settings-tabs [aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
.profile-settings-content{padding:18px 24px;overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}
.profile-settings [hidden]{display:none!important}
.profile-settings .profile-section{border:0;padding:0;margin:0}
.profile-settings h3{font-size:17px;margin:0 0 12px}
.profile-settings .hint,.profile-settings p{font-size:15px;line-height:1.45}
.profile-email-row,.profile-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.profile-balance>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.profile-balance strong{font-size:22px;font-variant-numeric:tabular-nums}
.profile-settings button{font-size:15px;min-height:40px}
.profile-settings button svg{width:18px;height:18px;flex-shrink:0}
.profile-settings .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.profile-security>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:8px 0;font-weight:600}
.profile-security>summary::-webkit-details-marker{display:none}
.profile-security>summary svg{width:18px;height:18px}
.profile-security[open]>summary svg{transform:rotate(180deg)}
.profile-security .section-title{display:none}
.profile-security form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.profile-security form>button,.profile-security form>.error-line{grid-column:1/-1;justify-self:start}
.profile-security input{height:42px;font-size:16px}
.profile-security .password-field input{width:100%;padding-right:44px}
.profile-settings .profile-participant-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;max-height:none;overflow:visible}
.profile-settings .profile-participant-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.profile-settings .profile-participant-add input{min-width:0;font-size:16px}
.profile-settings .telegram-recipients>div{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:12px;border-bottom:1px solid var(--line);padding:8px 0}
.profile-settings .telegram-recipients span{overflow-wrap:anywhere;min-width:0}
.profile-settings .telegram-recipients{margin-bottom:16px}
.profile-settings .telegram-invite{margin-top:14px}
.profile-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--line);flex-shrink:0}
.profile-settings-footer #profile-modal-logout{border-color:transparent;color:var(--muted)}
@media(max-width:600px){.profile-settings-head{padding:18px 54px 14px 18px}.profile-settings-tabs{margin:0 18px;gap:20px}.profile-settings-content{padding:16px 18px}.profile-settings-footer{padding:12px 18px}.profile-security form{grid-template-columns:1fr}.profile-balance>div{display:grid;gap:2px}.profile-settings-footer button{padding:8px 10px}}
#modal .profile-participant-add {grid-template-columns:minmax(120px,1fr) auto}
/* Project collaboration uses the same surface, field and type tokens. */
#montage-navigation {display:none}
#shared-plan-navigation {display:flex;flex-direction:column;gap:4px;min-width:0}
#shared-plan-navigation button, #montage-navigation button {width:100%;text-align:left;min-width:0;white-space:normal}
#shared-plan-navigation button span, #montage-navigation button span {overflow-wrap:anywhere;min-width:0}
body[data-collaboration-mode="montage"] #primary-navigation,
body[data-collaboration-mode="montage"] .token-balance {display:none}
body[data-collaboration-mode="montage"] #montage-navigation {display:flex;flex-direction:column;gap:4px}
#montage-project-links {display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
#montage-project-links a {padding:8px 14px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#montage-project-links a.active{background:var(--accent2);color:var(--accent);font-weight:600;border-radius:6px}
#montage-project-links .ui-project-more{text-align:left;color:var(--muted);font-size:14px}
.editing-filters {margin-bottom:20px;flex-wrap:wrap}
.editing-task-list {display:flex;flex-direction:column;border-top:1px solid var(--line)}
.editing-owner-group {min-width:0;margin-top:20px}
.editing-owner-group h2 {font-size:16px;margin:0;padding:10px 0;overflow-wrap:anywhere}
.editing-owner-group .editing-task {width:100%;box-sizing:border-box}
.members-dialog:has(#montage-add) h2 {padding-right:30px;overflow-wrap:anywhere}
.members-dialog:has(#montage-add) .member-row {grid-template-columns:minmax(0,1fr) auto}
#montage-add {display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:16px}
#montage-add label {flex:1;min-width:160px}
#montage-add input {width:100%;box-sizing:border-box}
.editing-task {display:grid;grid-template-columns:minmax(180px,1fr) 130px 230px 20px;align-items:center;gap:16px;padding:18px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--card);text-align:left;color:var(--ink)}
.editing-task:hover {background:var(--surface-hover)}
.editing-task strong,.editing-task small {display:block;overflow-wrap:anywhere}
.editing-task small,.editing-task-meta {font-size:14px;color:var(--muted);margin-top:6px}
.editing-status {display:inline-flex;align-items:center;border-radius:6px;padding:5px 8px;font-size:14px;white-space:nowrap;background:var(--surface-hover);color:var(--muted);width:fit-content}
.editing-status.status-in_review {color:var(--accent);background:var(--accent2)}
.editing-status.status-needs_changes {color:var(--bad);background:var(--bad-bg)}
.editing-status.status-approved {color:var(--good);background:var(--good-bg)}
.editing-detail h1 {font-size:24px;line-height:1.3;overflow-wrap:anywhere;margin:0}
.editing-detail h2,[data-plan-panel="editing"] h2 {font-size:18px;margin:0 0 12px}
.editing-brief h2:not(:first-child) {margin-top:24px}
.editing-text,.editing-comment-text {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.editing-brief .editing-script {min-height:0;border:1px solid var(--line);border-radius:6px}
.editing-section {padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}
.editing-versions {display:flex;flex-direction:column;gap:12px}
.editing-version {border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--card)}
.editing-version-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.editing-version a,.editing-version small {display:block;overflow-wrap:anywhere}
.editing-version small {color:var(--muted);font-size:14px;margin:8px 0}
.editing-submit {display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px;align-items:end;margin-top:16px}
.editing-comment-compose {display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
.editing-comment-compose button {align-self:flex-end}
.editing-comments {display:flex;flex-direction:column}
.editing-comment {padding:16px 0;border-bottom:1px solid var(--line)}
.editing-comment-head {display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap;font-size:14px}
.editing-comment-head time {color:var(--muted);font-size:14px;margin-left:auto}
.editing-avatar {width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent2);color:var(--accent);font-size:14px;flex-shrink:0}
.members-dialog {max-width:620px}
.members-list {display:flex;flex-direction:column;margin:20px 0}
.member-row {display:grid;grid-template-columns:minmax(100px,1fr) 150px 40px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.member-row strong {overflow-wrap:anywhere}
.member-row small {display:block;font-size:14px;color:var(--muted)}
#member-add {display:grid;grid-template-columns:minmax(120px,1fr) 150px auto;gap:10px;align-items:end}
.publication-platforms {border:0;padding:0;margin:22px 0 0;min-width:0}
.publication-platforms legend {font-weight:600;font-size:18px;margin-bottom:12px}
.publication-platform {display:grid;grid-template-columns:100px 145px minmax(160px,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.publication-platform .publication-check {display:flex;align-items:center;gap:8px;font-size:14px;margin:0}
.publication-check input {width:18px;height:18px}
.filming-selected-locations {margin:20px 0}
.content-plan-mode button {height:auto;min-height:36px;white-space:nowrap}
@media(max-width:700px) {
  .content-plan-mode {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px) {
  body[data-collaboration-mode="montage"] #app>aside:not(.mobile-menu-open) #montage-navigation {display:none}
  .editing-task {grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0}
  .editing-task-meta {grid-column:1/-1;margin:0}
  .editing-task>svg {display:none}
  .editing-detail h1 {font-size:21px}
  .editing-submit,#member-add {grid-template-columns:1fr}
  .editing-submit button {width:100%}
  .member-row {grid-template-columns:minmax(90px,1fr) 120px 40px;gap:6px}
  .editing-comment-head time {width:100%;margin:0 0 0 42px}
  .editing-version-head {align-items:flex-start}
  .publication-platform {grid-template-columns:1fr 1fr;gap:10px}
  .publication-platform>input {grid-column:1/-1}
}

/* Compact work surfaces: preserve readable text and spend height on content. */
:root{--type-page:22px;--type-section:18px}
main{padding:20px 24px}
.page-head{margin-bottom:12px;gap:10px}
.panel{padding:12px 0}
.panel-title{margin-bottom:10px}
.ui-project-toolbar{margin-bottom:12px}
.project-heading-main{gap:12px}
.project-heading .ghost{min-height:28px;padding-block:2px}
.pager{margin:8px 0;padding-block:6px}
.plan-summary{margin:10px 0;padding:8px 0;gap:12px 24px}
.plan-toolbar{padding:8px 0}
.ui-plan-summary-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;border-block:1px solid var(--line)}
.ui-plan-summary-row .plan-summary{border:0;padding:0;margin:0;flex:1}
.ui-plan-summary-row .ui-data-modes{margin:0}
.plan-toolbar .board-jump{margin:0;padding:0;gap:6px;font-size:14px;display:flex;align-items:center}
.plan-toolbar .board-jump select{width:150px}
.content-plan-mode{margin:0 0 10px}
.ops-page{margin-top:12px}
.ops-kpis{margin-bottom:16px}
.ops-kpis>div,.ops-kpis>.ops-counter{padding:12px;gap:4px}
.ops-section{margin-top:20px}
.editing-filters{margin-bottom:12px}
.editing-owner-group{margin-top:12px}
.editing-task{padding-block:12px}

.content-plan-item-page .plan-back{margin:0 0 8px;min-height:32px;padding-block:4px;font-size:14px}
.content-plan-item-page .content-plan-detail{padding:0;border:0;border-radius:0;background:transparent}
.content-plan-item-page .plan-kicker{display:none}
.content-plan-item-page .plan-detail-head{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px 16px;margin:0;align-items:center}
.content-plan-item-page .plan-numbered-title{display:grid;grid-template-columns:auto minmax(0,1fr) 32px;align-items:start;gap:6px;padding-right:0}
.content-plan-item-page .plan-numbered-title>.plan-title-input{grid-column:2;grid-row:1}
.content-plan-item-page .plan-numbered-title>.live-copy{position:static;grid-column:3;grid-row:1}
.content-plan-item-page .plan-card-number{font-size:18px;line-height:1.4}
.content-plan-item-page .plan-title-input{font-size:18px!important;font-weight:600;line-height:1.4;padding:4px 0;min-height:32px;max-height:84px;overflow:auto}
.content-plan-item-page .plan-head-tools{margin:0;gap:8px;display:flex;flex-wrap:wrap}
.content-plan-item-page .plan-head-tools .plan-save-state{width:auto;min-height:24px;font-size:14px;flex-basis:100%;order:5;text-align:right;justify-content:flex-end}
.content-plan-item-page .plan-head-tools button{min-height:36px;padding-block:6px}
.content-plan-item-page .plan-workflow-actions label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}
.content-plan-item-page .plan-workflow-actions select{width:170px;min-height:36px;padding-block:6px}
.content-plan-item-page .plan-detail-top{padding:4px 0 8px}
.ui-plan-properties>summary{display:flex;align-items:center;gap:6px;width:fit-content;list-style:none;font-size:14px;color:var(--muted);padding:6px 0;min-height:32px;cursor:pointer}
.ui-plan-properties>summary::-webkit-details-marker{display:none}
.ui-plan-properties[open]>summary svg{transform:rotate(180deg)}
.ui-plan-properties .plan-detail-controls{padding:8px 0;margin:0;gap:10px}
.content-plan-item-page .plan-detail-tabs{margin:0 0 16px;display:flex}
.content-plan-item-page .plan-detail-tabs button{flex:1;min-width:0;min-height:40px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:6px}
.content-plan-item-page .plan-detail-tabs .ui-stage-now{display:none}
.content-plan-item-page .plan-detail-tabs button span{font-size:14px;white-space:nowrap}
.content-plan-item-page [data-plan-panel=prep]{gap:20px}
.ui-scenario-source{gap:16px;padding-left:20px}
.ui-scenario-source .plan-prep-overview,.ui-scenario-source .plan-reference-text-grid{gap:12px}
.content-plan-item-page .section-title{margin-bottom:6px}
.content-plan-item-page .section-title h3{font-size:16px;margin:0}
.content-plan-item-page .ui-scenario-work>.section-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}
.content-plan-item-page .ui-scenario-work .script-approval{font-size:14px!important;white-space:nowrap;flex-wrap:nowrap}
.content-plan-item-page .plan-reference-fields>label{position:relative}
.content-plan-item-page .plan-reference-fields>label>.live-copy{position:absolute;right:0;top:-4px}
.content-plan-item-page .plan-reference-label{padding-right:36px}
.content-plan-item-page .plan-detail-footer{margin-top:16px}

.media-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;align-items:start}
.media-card .media-card-visual{aspect-ratio:9/12;max-height:300px}
.media-card-body{padding:8px;gap:6px}
.media-card-blogger{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card .media-card-metrics,.media-card .media-card-scores{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.media-card .media-card-metrics>span,.media-card .media-card-scores>span{display:flex;justify-content:space-between;align-items:baseline;gap:6px;grid-column:auto;border:0;border-radius:0;padding:0;text-align:left;font-size:14px;line-height:1.4}
.media-card .media-card-metrics small{font-size:14px;overflow:visible;white-space:normal}
.media-card .media-card-metrics strong,.media-card .media-card-scores strong{font-size:14px;flex:none;font-variant-numeric:tabular-nums}
.media-card .media-card-metrics strong>span{border:0;padding:0;background:none;display:inline;color:inherit;font:inherit}
.media-card .media-card-scores{border-top:1px solid var(--line);padding-top:4px}
.media-card .media-card-scores>span{background:transparent}
.media-card .media-card-footer{gap:4px;font-size:14px}
.media-card>.reel-tags{margin:0 8px 8px;gap:4px}
.media-card .reel-tags-edit span{display:none}
.media-card .reel-tags-edit{min-height:32px;padding:4px 6px}
.media-card .stale-metric small{font-size:14px;max-width:100px;white-space:normal}

.quick-video-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(600px,calc(100% - 16px));height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:8px;gap:8px;box-sizing:border-box}
.quick-video-dialog .quick-video-head{min-width:0;min-height:36px;height:36px;padding:0 44px 0 4px;gap:8px;font-size:14px;line-height:1.4}
.quick-video-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.quick-video-head a{flex:none;white-space:nowrap;font-size:14px}
.quick-video-dialog .quick-video-close{width:36px;height:36px;top:8px;right:8px;min-height:36px;padding:0}
.quick-video-dialog .quick-video-stage{min-height:0;height:100%;grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}
#quick-video-body{min-height:0;height:100%;overflow:hidden}
#quick-video-body .lazy-video,#quick-video-body .vertical-video,#quick-video-body .static-media-preview{width:100%;height:100%;max-height:100%;min-height:0;aspect-ratio:auto;object-fit:contain}
#quick-video-body .lazy-video video,#quick-video-body .lazy-video>img,#quick-video-body .static-media-preview>img{width:100%;height:100%;max-height:100%;object-fit:contain}
.quick-video-dialog .quick-video-nav{width:32px;height:44px}
#toast[popover]{position:fixed;inset:16px 16px auto auto;margin:0;padding:0;border:0;background:transparent;color:inherit;width:min(360px,calc(100% - 32px));max-width:none;overflow:visible;pointer-events:none}
#toast[popover]:not(:popover-open){display:none}
#toast .toast{font-size:14px;line-height:1.45;padding:10px 14px;overflow-wrap:anywhere}
@media(max-width:1100px){
 .content-plan-item-page .plan-detail-head{grid-template-columns:minmax(0,1fr)}
 .content-plan-item-page .plan-head-tools{justify-content:flex-start}
 .content-plan-item-page .plan-head-tools .plan-save-state{flex:1;order:0;justify-content:flex-end}
}
@media(max-width:800px){
 main{padding:12px}
 .page-head{gap:8px;margin-bottom:10px;flex-direction:row;flex-wrap:wrap}
 .page-head>.project-heading{flex:1;width:auto}
 #content-plan-view>.page-head{display:flex;flex-wrap:nowrap;align-items:center}
 #content-plan-view>.page-head>div:first-child{flex:1;min-width:0}
 #content-plan-view>.page-head h1{font-size:18px}
 #content-plan-view #plan-new{width:36px;min-height:36px;padding:6px}
 #content-plan-view #plan-new>span{display:none}
 #content-plan-view>.content-plan-mode{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;gap:2px;margin-bottom:10px}
 #content-plan-view>.content-plan-mode button{flex:0 0 auto;height:36px;min-height:36px;padding:6px 8px;font-size:14px}
 .ui-plan-summary-row .plan-summary{gap:8px 12px;flex-basis:100%}
 .plan-toolbar .board-jump{margin-left:auto}
 .plan-toolbar .board-jump select{width:130px}
 .page-head h1,.project-heading-title h1{font-size:20px}
 .media-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .media-card .media-card-visual{max-height:none}
 .media-card .media-card-metrics>span,.media-card .media-card-scores>span{gap:2px;flex-wrap:wrap}
 .media-card .media-card-scores strong{margin-left:auto}
 .media-card .media-type{font-size:14px;padding:2px 4px;left:4px;top:4px}
 .media-card .media-card-heart{right:4px;top:4px}
 .content-plan-item-page .plan-head-tools{gap:6px}
 .content-plan-item-page .plan-head-tools .plan-save-state{flex-basis:100%;justify-content:flex-start}
 .content-plan-item-page .plan-detail-tabs{overflow-x:auto}
 .content-plan-item-page .plan-detail-tabs button{flex:1 0 auto;padding:8px}
 .content-plan-item-page [data-plan-panel=prep]{gap:16px}
 .ui-scenario-source{padding:12px 0 0}
 .content-plan-item-page .plan-title-input{font-size:16px!important}
 .content-plan-item-page .plan-card-number{font-size:16px}
 #content-plan-form .plan-head-tools{display:flex;justify-content:flex-start;gap:6px}
 #content-plan-form .plan-workflow-actions{width:auto}
 #content-plan-form .plan-workflow-actions label{font-size:0;gap:0}
 #content-plan-form .plan-workflow-actions select{font-size:14px;width:154px}
 #content-plan-form .plan-head-tools .plan-save-state{order:5;flex-basis:100%;margin:0}
 #content-plan-form #plan-history{font-size:0;width:36px;padding:6px;gap:0}
 #content-plan-form .plan-detail-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0}
 #content-plan-form .plan-detail-tabs button{width:auto;min-width:0;flex:0 0 auto;padding:8px 10px}
 #content-plan-form .plan-title-input{max-height:54px;scrollbar-width:none}
 #content-plan-form .plan-title-input:focus{max-height:160px;scrollbar-width:thin}
}
@media(min-width:801px) and (max-width:1100px){
 .content-plan-item-page .plan-head-tools{width:100%}
 .content-plan-item-page .plan-head-tools .plan-save-state{flex-basis:auto}
}
@media(max-width:600px){
 .quick-video-dialog[open]{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:8px 4px;gap:4px}
 .quick-video-dialog .quick-video-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:2px}
 .quick-video-dialog .quick-video-nav{width:28px}
 .quick-video-head a{font-size:14px}
}

/* Narrow screens: controls stay inside their field, including when opened. */
@media(max-width:800px){
 #content-plan-form .plan-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:0}
 #content-plan-form .plan-detail-tabs button{width:100%;min-width:0;min-height:36px;padding:7px 4px;font-size:14px}
 #content-plan-form .plan-detail-tabs button span{font-size:14px;overflow-wrap:anywhere}
 #content-plan-form .plan-title-input{line-height:22px!important;padding:0!important;min-height:45px!important;max-height:45px}
 #content-plan-form .plan-title-input:focus{max-height:154px}
 .content-plan-item-page label,.content-plan-item-page fieldset,.content-plan-item-page .scenario-field{min-width:0}
 .content-plan-item-page input,.content-plan-item-page select,.content-plan-item-page textarea{max-width:100%;min-width:0}
 dialog input:not([type=checkbox]):not([type=radio]),dialog textarea,dialog select,
 .content-plan-item-page input:not([type=checkbox]):not([type=radio]),
 .content-plan-item-page textarea,.content-plan-item-page select,.scenario-rich{font-size:16px!important}
 .scenario-toolbar{flex-wrap:wrap}
 dialog{max-width:calc(100vw - 16px);box-sizing:border-box}
 dialog form,dialog fieldset,dialog label{min-width:0}
 .content-plan-item-page .ui-scenario-work>.section-title{flex-wrap:wrap}
 .filter-box>*{min-width:0}
 .filter-box .filter-head{flex-wrap:wrap;gap:6px}
 .filter-box .date-filter>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .filter-box .date-filter>div span{min-width:0}
 .filter-box input:not([type=checkbox]):not([type=radio]){min-width:0!important;max-width:100%;font-size:16px}
 .filter-box .range-row>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
 .filter-box .range-row input{width:100%!important}
}
/* Personal board display settings never change workflow stages. */
.plan-columns-options{display:grid;gap:4px;margin:12px 0 20px}
.plan-columns-options label{display:flex;align-items:center;gap:12px;min-height:40px;cursor:pointer}
.plan-columns-options input{width:18px;height:18px;flex:0 0 18px}
#plan-columns-button{white-space:nowrap}