/* 千川智剪 · Neon studio. Flat surfaces, light as the accent. */
.theme-neon {
 --bg:#111619; --side:var(--bg); --panel:#172126; --raised:#1c2b30;
 --line:#8cebd51a; --text:#e0f1f3; --muted:#8ba2a9;
 --accent:#54d6bc; --accent-ink:#9cefdc; --ice:#76c9ed;
 --danger:#d2434b; --cover-bg:#0e171b; --cover-line:#b2ffef0e; --cover-placeholder:#9f9fa0;
 background:var(--bg);
}
.theme-neon .sidebar { background:var(--bg); border-right-color:#92ebd810; }
.theme-neon:not(.mode-editor) .app {
 background:radial-gradient(ellipse 58% 48% at 28% 108%,#43bfa314,transparent 74%),var(--bg);
}
.theme-neon:not(.mode-editor) .sidebar {
 background:linear-gradient(transparent 72%,#11161930);
}
@media(max-width:900px) {
 .theme-neon:not(.mode-editor):not(.sidebar-collapsed) .sidebar {
  background:radial-gradient(ellipse 58vw 48dvh at 28vw 108dvh,#43bfa310,transparent 74%),var(--bg);
 }
}
.theme-neon .brand-name { color:#e3f5ef; }
.theme-neon .brandmark { filter:none; }
.theme-neon .nav-item { position:relative; color:#89a1a8; }
.theme-neon .nav-item.active { background:linear-gradient(100deg,#1d443b,#17302f88); color:#a1f1dc; }
.theme-neon .nav-item.active:before { content:none; }
.theme-neon .sidebar-toggle:hover,.theme-neon .nav-item:hover { background:#54d6bc0d; color:#d6fff1; }
.theme-neon .sidebar-toggle { color:#819da7; }
.theme-neon .sidebar-account { border-color:#7bdbc512; }
.theme-neon .user-avatar { border:1px solid #54d6bc2b; background:#1f3831; color:#a1e5ca; }
.theme-neon .user-name { color:#bfd3da; }
/* Ambient light belongs to the whole work surface, not individual logos. */
.theme-neon .listing-page { background:transparent; }
.theme-neon .listing-page:before {
 position:fixed; inset:0;
 opacity:.11; filter:saturate(.65) brightness(.9);
 background-position:right -120px top -100px;
 background-size:max(108%,1500px) auto;
 mask-image:radial-gradient(ellipse 85% 78% at 100% 0%,#000 18%,#0009 54%,transparent 90%);
}
.theme-neon .listing-page:after {
 content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
 background-image:radial-gradient(ellipse 55% 38% at 100% -12%,#32e2bc25,transparent 73%),radial-gradient(ellipse 40% 32% at 76% 22%,#53a9ee13,transparent 76%);
 background-size:100% 100%,100% 100%;
 mask-image:linear-gradient(120deg,transparent 12%,#000 65%);
}
.theme-neon .section-caption h1 { display:flex; align-items:center; gap:9px; color:#d9f4ed; }
.theme-neon .section-caption h1:before { content:''; display:block; width:3px; height:13px; border-radius:3px; background:#72e0c4; box-shadow:0 0 9px #54d6bc33; }
.theme-neon .workspace-header { border-bottom:1px solid #71d5bc0b; }
.theme-neon .workspace-header h1 { color:#e0f8f3; }
.theme-neon .workspace-header p { color:#86a1aa; }
/* The toolbar keeps its confirmed 13px / 34px / 12px rhythm. */
.theme-neon .toolbar-actions .search-wrap,.theme-neon .toolbar-actions .sort-select {
 border-color:#82d7d01c; background:#18282c; color:#9cb4bf;
 box-shadow:inset 0 1px 0 #c3fff604;
}
.theme-neon .toolbar-actions .search-wrap input { color:#d1e8ed; }
.theme-neon .toolbar-actions .search-wrap input::placeholder { color:#718e9a; }
.theme-neon .toolbar-actions .search-wrap svg { color:#83b7bb; }
.theme-neon .search-wrap:focus-within { border-color:#54d6bc66; box-shadow:0 0 0 2px #54d6bc0d; }
.theme-neon .view-switch { background:#18282c; border-color:#84dcda13; }
.theme-neon .view-switch button { color:#678b99; }
.theme-neon .view-switch button[aria-pressed=true] { background:#21403e; color:#9aebd6; box-shadow:inset 0 1px #9bf6df10; }
/* Flat chromatic edges give the project shelf a sharper identity. */
.theme-neon .project-grid:not(.is-list) .project-tile,
.theme-neon .project-grid:not(.is-list) .studio-create-tile {
 border:1px solid transparent;
 background:linear-gradient(145deg,#19262beb,#121b20f2) padding-box,linear-gradient(145deg,#8debd536,#75c7eb17 48%,#54d6bc0c) border-box;
 box-shadow:inset 0 1px 0 #dafff403,0 8px 22px #00000012;
 border-radius:16px;
}
.theme-neon .project-grid:not(.is-list) .project-cover { border:1px solid var(--cover-line); background:var(--cover-bg); }
.theme-neon .project-preview-empty { color:var(--cover-placeholder); }
.theme-neon .project-grid:not(.is-list) .project-cover>img { filter:saturate(.9) contrast(1.02); }
.theme-neon .project-grid:not(.is-list) .project-name { color:#e0f1f3; }
.theme-neon .project-grid:not(.is-list) .project-facts { color:#829fa9; }
.theme-neon .project-grid .project-tile-footer time { color:#8d9497; }
.theme-neon .project-grid:not(.is-list) .studio-create-tile>.create-card-art {
 border-color:#76d6c724;
 background:radial-gradient(ellipse at 50% 50%,#54d6bc18,transparent 70%),linear-gradient(145deg,#122c2d,#142029);
}
.theme-neon .create-card-art:before,.theme-neon .create-card-art:after {
 content:''; position:absolute; width:16px; height:16px; pointer-events:none; opacity:.8;
}
.theme-neon .create-card-art:before { left:12px; top:12px; border-left:1px solid #7dedcd80; border-top:1px solid #7dedcd80; }
.theme-neon .create-card-art:after { right:12px; bottom:12px; border-right:1px solid #72cce277; border-bottom:1px solid #72cce277; }
.theme-neon .studio-create-tile .create-card-layers>svg { color:#8fe6d1; filter:drop-shadow(0 0 9px #54d6bc33); stroke-width:1.2; }
.theme-neon .create-card-plus { border-color:#88f0cd40; background:#285347; color:#bbffde; box-shadow:none; }
.theme-neon .create-card-copy>b { color:#bff7e4; font-weight:500; }
.theme-neon .create-card-copy>small { color:#779f9c; }
.theme-neon .is-list .project-tile { border-color:#79daca14; }
.theme-neon .project-grid.is-list .create-card-art:before,.theme-neon .project-grid.is-list .create-card-art:after { display:none; }
@media(hover:hover) {
 .theme-neon .project-grid:not(.is-list) .project-tile:hover,
 .theme-neon .project-grid:not(.is-list) .studio-create-tile:hover {
  transform:translateY(-2px); border-color:transparent;
  background:linear-gradient(145deg,#1b3034,#152229) padding-box,linear-gradient(145deg,#75eacd80,#7ad2f046 60%,#54d6bc22) border-box;
  box-shadow:0 0 20px #54d6bc0b,0 12px 24px #0003;
 }
 .theme-neon .project-grid:not(.is-list) .studio-create-tile:hover .create-card-art { background:radial-gradient(ellipse at 50% 50%,#54d6bc25,transparent 72%),linear-gradient(145deg,#133331,#142530); }
}
/* One active mint-to-ice treatment for actual primary actions. */
.theme-neon .btn.primary { background:linear-gradient(105deg,#54d6bc,#66dec9 65%,#71d3e5); color:#10362f; box-shadow:0 3px 14px #54d6bc14; border:0; }
.theme-neon .btn.primary:not(:disabled):hover { background:linear-gradient(105deg,#79e8ce,#88ecd9 65%,#8ce0ef); box-shadow:0 3px 18px #54d6bc24; }
.theme-neon .btn:not(.primary):not(.ghost) { background:#1c2a30; border-color:#9ae6d914; color:#bdd5df; }
.theme-neon .btn:not(.primary):not(.ghost):hover { background:#253b40; }
.theme-neon .icon-btn:hover { background:#69ddc410; color:#baf5e5; }
/* Neutral editing surfaces keep the footage, selection and next action distinct. */
.theme-neon .editor-page { --bg:#111214; --panel:#1c1d20; --raised:#292a2e; --line:#ffffff0e; --text:#e4e5e7; --muted:#a0a2aa; background:var(--bg); }
.theme-neon.mode-editor .sidebar { background:#141518; border-right-color:#ffffff0a; }
.theme-neon.mode-editor .nav-item { color:#a0a3ab; }
.theme-neon.mode-editor .nav-item.active { background:#54d6bc0f; color:#91e4d0; }
.theme-neon .projectbar { background:#191a1d; border-bottom-color:#ffffff0b; }
.theme-neon .project-title { color:#e4e5e7; }
.theme-neon .project-icon { background:#292b30; color:#b9bdc5; }
.theme-neon .project-identity small,.theme-neon .project-actions .save-state { color:#93969f; }
.theme-neon .panel { border-color:#ffffff0c; background:#1c1d20; box-shadow:none; }
.theme-neon .panel-heading,.theme-neon .property-tabs { border-color:#ffffff0b; }
.theme-neon .panel-heading h2,.theme-neon .property-tabs h2 { color:#c6c8ce; }
.theme-neon .preview-panel { background:#151619; }
.theme-neon .preview-stage { background:#0b0c0e; }
.theme-neon .preview-canvas { box-shadow:0 0 0 1px #ffffff0e,0 8px 24px #0003; }
.theme-neon .preview-tag { background:#111214b3; color:#dbdde2; }
.theme-neon .stage-label,.theme-neon .panel-heading .subtle { color:#92959d; }
.theme-neon .material-panel .search-wrap { background:#141518; border-color:#ffffff0d; }
.theme-neon .material-tabs button { color:#a0a3ab; }
.theme-neon .material-tabs button.active { color:#91e4d0; }
.theme-neon .material-tabs button.active:after { background:#54d6bc; box-shadow:none; }
.theme-neon .material-tabs span { background:#303238; color:#b7bac2; }
.theme-neon .material-context,.theme-neon .material-card b { color:#a0a3ab; }
/* Outside selection ring has a 2px gap; scroll padding reserves its full footprint. */
.theme-neon :is(.material-card.selected,.pool-card.is-chosen) .material-cover { outline:1px solid #54d6bc; outline-offset:2px; }
.theme-neon .editor-page .material-cover,.theme-neon .editor-page .preview-canvas:not(:fullscreen) { border-radius:5px; }
.theme-neon .material-selected { background:#54d6bc; color:#10362f; }
.theme-neon .play-buttons #play { background:#303238; color:#e4e5e7; border:1px solid #ffffff0d; }
.theme-neon .play-buttons #play:disabled { background:#24262b; color:#6d7078; opacity:1; }
.theme-neon .player-time b { color:#c3c6ce; }
.theme-neon .player-time>span { color:#858992; }
.theme-neon .editor-page input,.theme-neon .editor-page textarea,.theme-neon .editor-page select { background:#141518; border-color:#ffffff14; color:#d4d6dc; }
.theme-neon .editor-page input::placeholder { color:#858992; }
.theme-neon .editor-page .field { color:#b0b3bb; }
.theme-neon .editor-page .field>span,.theme-neon .eyebrow { color:#90949e; }
.theme-neon .editor-page .btn:not(.primary):not(.ghost) { background:#27292e; border-color:#ffffff12; color:#c1c4cc; }
.theme-neon .editor-page .btn:not(.primary):not(.ghost):hover { background:#33353b; }
.theme-neon :is(.editor-page,.projectbar) .btn.primary:not(:where(#batch,#generatePreview,#downloadSelected)) { background:#54d6bc; color:#10362f; box-shadow:none; }
.theme-neon :is(.editor-page,.projectbar) .btn.primary:not(:where(#batch,#generatePreview,#downloadSelected)):not(:disabled):hover { background:#79e8ce; box-shadow:none; }
.theme-neon .editor-page .btn:disabled,.theme-neon .editor-page .btn:not(.primary):not(.ghost):disabled { background:#26282d; color:#747780; border:1px solid #ffffff0a; opacity:1; box-shadow:none; }
.theme-neon .timeline-panel { background:#17181b; border-color:#ffffff0c; }
.theme-neon .timeline-toolbar,.theme-neon .timeline-footer { border-color:#ffffff0c; }
.theme-neon .timeline-tabs { color:#bec1c9; }
.theme-neon .timeline-tabs>span,.theme-neon .timeline-footer { color:#92969f; }
.theme-neon .track-label { background:#191a1d; box-shadow:1px 0 #ffffff0d; color:#afb2bb; }
.theme-neon .track-row { border-color:#ffffff07; }
.theme-neon .track-label select { background:#2a2d33; color:#afb5c0; }
.theme-neon .segment.story { background:#303137; border-color:#43454e; color:#ced0d7; }
.theme-neon .segment.story>span,.theme-neon .segment.story small { color:#a1a5b0; }
/* Original blue-gray storyboard clips and muted purple global clips. */
.theme-neon .timeline-panel {
 --clip-story-bg:#2a333f; --clip-story-border:#3b4758; --clip-story-text:#c0ccdc;
 --clip-global-bg:#322f3d; --clip-global-border:#4a435c; --clip-global-text:#c6bddc;
 --clip-empty-bg:#242d39; --clip-empty-border:#374353; --clip-empty-text:#aabbd0;
}
.theme-neon .segment.video { background:var(--clip-story-bg); border-color:var(--clip-story-border); color:var(--clip-story-text); }
.theme-neon .segment.video.alternate { background:#242d39; border-color:#374353; color:#aabbd0; }
.theme-neon .segment.global { background:var(--clip-global-bg); border-color:var(--clip-global-border); color:var(--clip-global-text); }
.theme-neon .segment.active { border-color:#54d6bc; box-shadow:inset 0 0 0 1px #54d6bc40; }
.theme-neon .segment.empty { flex-direction:row; min-height:34px; padding:0 9px; background:transparent; border-color:#ffffff24; color:#969ba5; }
.theme-neon .timeline-playhead,.theme-neon .timeline-playhead:before { background:#54d6bc; }
.theme-neon .editor-page ::-webkit-scrollbar-thumb { background:#3c3f46; border-radius:8px; }
.theme-neon .preview-empty { gap:12px; max-width:320px; padding:20px; color:#676c77; }
.theme-neon .preview-empty b { color:#d0d2d8; font-size:14px; font-weight:500; }
.theme-neon .preview-empty span { color:#9b9fa9; font-size:12px; line-height:1.7; }
.theme-neon .preview-empty .btn { margin-top:4px; }
.theme-neon .upload-drop { background:#23252a; border-color:#464a53; color:#c1c4cc; }
.theme-neon .upload-drop span { color:#9398a3; }
.editor-page .properties-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; height:calc(100% - 48px); padding:24px; text-align:center; }
.properties-empty svg { width:28px; height:28px; color:#747984; }
.properties-empty b { color:#bec2cc; font-size:13px; font-weight:400; }
.properties-empty p { margin:0; color:#959ba6; font-size:12px; line-height:1.8; }
.editor-page.is-empty-project .material-tabs,.editor-page.is-empty-project .material-panel .search-wrap,.editor-page.is-empty-project .material-context,.editor-page.is-empty-project .stage-label { display:none; }
.editor-page.is-empty-project .material-grid { display:flex; align-items:center; justify-content:center; }
.editor-page.is-empty-project .panel-hint { padding:24px!important; text-align:center; color:#9b9fa9; }
@media(min-width:701px) {
 .theme-neon .editor-page { grid-template-rows:auto minmax(300px,1fr) clamp(250px,32vh,300px); }
}

.theme-neon .mix-panel { background:linear-gradient(150deg,#1b2e31ed,#132129eb); border-color:#88e4d423; box-shadow:inset 0 1px #afffea05; }
.theme-neon .mix-panel h2 { color:#d0f0e6; }
.theme-neon .mix-limit { color:#b8f5db; }
.theme-neon .strategy-chips>span { border-color:#6dd2b721; background:#63d6b808; color:#9ac7b5; }
.theme-neon .strategy-chips svg { color:#77d5b2; }
.theme-neon .draft-card { padding:7px; border:1px solid #86dbc719; border-radius:13px; background:#152329; }
.theme-neon .draft-card.selected { border:1px solid #6ed7b74d; background:#172a2e; }
.theme-neon .draft-cover { border-radius:8px; }
.theme-neon .draft-card.selected .draft-cover { box-shadow:none; }
.theme-neon .draft-info { padding:12px 6px 7px; }
.theme-neon .asset-grid:not(.is-list) .asset-card { padding:7px; border:1px solid #86dbc71c; border-radius:14px; background:linear-gradient(150deg,#1a2b2f,#142027); }
.theme-neon .asset-grid:not(.is-list) .asset-poster { border-radius:9px; }
.theme-neon .asset-grid:not(.is-list) .asset-info { padding:13px 7px 5px; }
.theme-neon .asset-card.selected { border-color:#7cdfbf66; }
.theme-neon .asset-card.selected .asset-poster { box-shadow:none; }
.theme-neon .ready { color:#84bda4; }
.theme-neon .dialog { background:linear-gradient(150deg,#1e2f32,#17222b); border:1px solid #95eadb26; box-shadow:0 0 28px #54d6bc08,0 24px 90px #0007; }
.theme-neon .dialog-header { border-bottom-color:#7cd8bd14; }
.theme-neon .dialog-header h2 { color:#d1f5e9; }
.theme-neon .dialog-footer { padding-block:16px; background:#142027b3; border-top-color:#7cd8bd12; }
.theme-neon .dialog input,.theme-neon .dialog textarea { background:#101d25; border-color:#8bd6ce20; }
.theme-neon .dialog input:focus,.theme-neon .dialog textarea:focus { border-color:#54d6bc70; box-shadow:0 0 0 2px #54d6bc0c; }
.theme-neon .project-format { background:#19312f; border-color:#54d6bc40; }
.theme-neon .project-format .format-icon { background:#54d6bc0a; border-color:#54d6bc25; color:#95ecd1; }
.theme-neon .download-note,.theme-neon .strategy-note { background:#22423766; color:#8fb9a8!important; }
.theme-neon .toggle-row { border-color:#81cfba10; }
.theme-neon .toggle-row input:checked { background:#54c9ac; }
.theme-neon .empty { background:#13232966; border-color:#8cdecd16; }
.theme-neon .empty>svg { color:#77c9b6; }
.theme-neon #toast { background:#1e3c32; border:1px solid #75d5b52e; color:#c3f1de; }
@media(max-width:700px) {
 .theme-neon .listing-page:before { opacity:.09; }
 .theme-neon .project-grid.is-list .studio-create-tile>.create-card-art { background:#17332e; }
 .theme-neon .asset-grid.is-list .asset-card { border-color:#74cfb916; }
}
@media(prefers-reduced-motion:reduce) {
 .theme-neon *,.theme-neon *:before,.theme-neon *:after { animation:none!important; transition:none!important; }
}
/* Balance the upper-right detail with a broad, quieter glow below the content. */
.theme-neon .listing-page:after {
 background-image:radial-gradient(ellipse 44% 34% at 96% -3%,#39d4b526,transparent 76%),radial-gradient(ellipse 36% 30% at 89% 17%,#71c5c50d,transparent 78%);
 background-size:100% 100%,100% 100%;
 mask-image:none;
}
.theme-neon .project-grid:not(.is-list) .studio-create-tile {
 background:linear-gradient(145deg,#18332feb,#142329f2) padding-box,linear-gradient(135deg,#8cefdc52,#73cce22e 60%,#54d6bc18) border-box;
}
.theme-neon .project-grid:not(.is-list) .studio-create-tile>.create-card-art {
 background-image:radial-gradient(ellipse at 50% 50%,#54d6bc20,transparent 72%),linear-gradient(145deg,#133530,#132730);
 background-size:100% 100%,100% 100%;
}
@media(hover:hover) {
 .theme-neon .project-grid:not(.is-list) .studio-create-tile:hover .create-card-art {
  background-image:radial-gradient(ellipse at 50% 50%,#54d6bc30,transparent 72%),linear-gradient(145deg,#173e37,#18313b);
  background-size:100% 100%,100% 100%;
 }
}
.theme-neon .asset-grid:not(.is-list) .asset-card.selected { border-color:#7cdfbf66; }
.theme-neon .nav-item.active:hover { background:linear-gradient(100deg,#245346,#1c3b3588); color:#c7ffec; }
/* Square project cells, with explicit content spacing. List rows stay compact. */
.theme-neon .project-grid:not(.is-list) .project-tile,
.theme-neon .project-grid:not(.is-list) .studio-create-tile {
 aspect-ratio:1; min-height:0;
}
.theme-neon .project-grid:not(.is-list) .project-cover {
 flex:1; min-height:0; height:0; aspect-ratio:auto; margin:8px 8px 0;
}
.theme-neon .project-grid:not(.is-list) .project-tile-info {
 flex:0 0 auto; padding:8px 16px 12px;
}
.theme-neon .project-grid:not(.is-list) .project-facts {
 margin:0 0 8px; line-height:18px;
}
.theme-neon .project-grid:not(.is-list) .project-tile-footer {
 margin:0; padding:0; border:0; line-height:18px;
}
.theme-neon .project-grid:not(.is-list) .studio-create-tile { position:relative; }
.theme-neon .project-grid:not(.is-list) .studio-create-tile>.create-card-art {
 position:absolute; inset:7px; width:auto; height:auto; margin:0; aspect-ratio:auto;
}
.theme-neon .project-grid:not(.is-list) .create-card-layers { transform:translateY(-28px); }
.theme-neon .project-grid:not(.is-list) .studio-create-tile>.create-card-copy {
 position:absolute; top:calc(50% + 12px); left:7px; right:7px;
 padding:0 12px; align-items:center; text-align:center; gap:6px;
}
/* A custom menu keeps sorting inside the studio's visual system. */
.project-sort { position:relative; flex-shrink:0; }
.theme-neon .toolbar-actions .project-sort .sort-select {
 display:flex; align-items:center; justify-content:space-between; gap:12px;
 height:34px; max-width:none; padding:0 12px; border:1px solid #82d7d01c;
 border-radius:7px; background:#18282c; white-space:nowrap; margin:0;
}
.project-sort .sort-chevron { width:12px; height:12px; stroke-width:1.5; transition:transform .16s ease; }
.project-sort .sort-select[aria-expanded=true] .sort-chevron { transform:rotate(180deg); }
.theme-neon .project-sort .sort-select:hover,
.theme-neon .project-sort .sort-select[aria-expanded=true] { background-color:#203438; }
.sort-menu {
 position:absolute; top:calc(100% + 8px); right:0; z-index:20;
 width:148px; padding:4px; border:1px solid #82d7d026; border-radius:10px;
 background:#18282c; box-shadow:0 12px 32px #0005;
}
.sort-menu button {
 display:flex; align-items:center; justify-content:space-between; gap:12px;
 width:100%; min-height:34px; padding:0 10px; border:0; border-radius:6px;
 background:transparent; color:#a8bdc5; font-size:13px; line-height:20px; text-align:left;
}
.sort-menu button[aria-checked=true] { background:#21403e; color:#9aebd6; }
.sort-menu button:hover,.sort-menu button:focus-visible { background:#2a4548; color:#dcf6ef; outline:none; }
.sort-check { display:flex; visibility:hidden; }
.sort-check svg { width:16px; height:16px; }
.sort-menu button[aria-checked=true] .sort-check { visibility:visible; }
@media(max-width:700px) { .toolbar-actions .project-sort { margin-right:auto; } }
/* The project library uses a consistent 24px outer inset and shelf gap. */
.theme-neon #projectsPage>.workspace-body,.theme-neon #assetsPage:not(:has(>.asset-projectbar))>.assets-body { padding:24px; container-type:inline-size; }
.theme-neon :is(#projectsPage,#assetsPage) .workspace-toolbar { margin-bottom:24px; }
/* Fill each row with equal fluid columns; keep one responsive rule at every width. */
.theme-neon #projectsPage { scrollbar-gutter:auto; }
.theme-neon :is(#projectsPage,#assetsPage) .project-grid:not(.is-list) {
 --project-card-min:clamp(248px,14cqw,270px);
 grid-template-columns:repeat(auto-fill,minmax(min(var(--project-card-min),100%),1fr));
 gap:24px; align-items:start; align-content:start; justify-content:start;
}
/* Sidebar toggles retain the current card size; viewport resizing restores fluid columns. */
.theme-neon.project-cards-stable :is(#projectsPage,#assetsPage) .project-grid:not(.is-list) {
 grid-template-columns:repeat(auto-fill,min(var(--sidebar-card-width),100%));
}
.theme-neon :is(#projectsPage,#assetsPage) .project-grid:not(.is-list)>.project-tile,
.theme-neon #projectsPage .project-grid:not(.is-list)>.studio-create-tile {
 transform:none; transition:border-color .16s ease,box-shadow .16s ease;
}
.theme-neon :is(#projectsPage,#assetsPage) .project-grid:not(.is-list) .project-cover>img {
 transform:none; transition:filter .16s ease;
}
/* List mode is a compact table, with one aligned row per project. */
.theme-neon #projectsPage .list-create-project { height:34px; margin-left:0; padding:0 12px; font-size:13px; }
.project-list-table { width:100%; overflow:hidden; border:1px solid #8cebd51a; border-radius:10px; background:#121c20e8; }
.project-list-table table { width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; }
.project-list-table .list-name-col { width:52%; }
.project-list-table .list-count-col { width:14%; }
.asset-project-list .list-count-col { width:28%; }
.project-list-table .list-date-col { width:20%; }
.project-list-table th { height:36px; padding:0 16px; background:#1c2c3080; color:#829b9f; font-size:12px; font-weight:400; border-bottom:1px solid #8cebd512; }
.project-list-table td { height:80px; padding:0 16px; color:#9cabb0; font-size:14px; border-bottom:1px solid #8cebd50e; }
.project-list-table tr:last-child td { border-bottom:0; }
.project-list-row { cursor:pointer; }
.project-list-table td:first-child { padding:0 16px; }
.list-project-open { display:flex; align-items:center; gap:12px; width:100%; height:78px; padding:0; border:0; border-radius:0; background:transparent; text-align:left; }
.project-list-table .project-cover { width:64px; height:48px; min-height:0; flex:0 0 64px; aspect-ratio:auto; margin:0; border-radius:5px; border:1px solid var(--cover-line); background:var(--cover-bg); box-shadow:none; }
.project-list-table .project-preview-empty { gap:0; }
.project-list-table .project-preview-empty>span { display:none; }
.project-list-table .project-preview-empty svg { width:19px; height:19px; color:inherit; }
.list-project-copy { display:block; min-width:0; }
.project-list-table .project-name { font-size:14px; line-height:21px; color:#dce9ec; font-weight:500; }
.list-project-summary { display:none; }
.project-list-table time { color:#8d9497; font-size:14px; white-space:nowrap; }
.project-list-row:focus-within { background:#213a3655; }
.list-project-open:focus-visible { outline:2px solid #72dfc2; outline-offset:-2px; border-radius:4px; }
.theme-neon :is(#projectsPage,#assetsPage) .project-grid .project-tile { position:relative; }
.project-open-hit { position:absolute; inset:0; z-index:1; width:100%; height:100%; padding:0; border:0; border-radius:inherit; background:transparent; }
.project-open-hit:focus-visible { outline:2px solid #72dfc2; outline-offset:-3px; }
.project-rename-input { position:relative; z-index:2; display:block; width:100%; min-width:0; height:21px; padding:0 4px; border:1px solid #72dfc2; border-radius:3px; background:#172d29; color:#e0f1f3; font-size:14px; line-height:19px; }
.project-rename-input:focus { border-color:#72dfc2; box-shadow:0 0 0 2px #54d6bc18; }
.project-rename-input[aria-invalid=true] { border-color:#df9393; }
.project-context-menu { position:fixed; z-index:90; width:152px; padding:4px; border:1px solid #8cebd529; border-radius:10px; background:#1a292d; box-shadow:0 10px 30px #0006; }
.project-context-menu button { display:flex; align-items:center; width:100%; height:36px; min-height:36px; margin:0; padding:0 12px; border:0; border-radius:6px; background:transparent; color:#d6e5e8; font-size:14px; line-height:22px; text-align:left; }
.project-context-menu button:hover,.project-context-menu button:focus-visible { outline:none; background:#2a4543; color:#c7ffec; }
.project-context-menu button.danger { color:var(--danger); }
.project-context-menu button.danger:hover,.project-context-menu button.danger:focus-visible { background:#67373855; color:var(--danger); }
.project-delete-confirm { position:fixed; z-index:100; width:min(320px,calc(100vw - 24px)); padding:16px; border:1px solid #a1d1c51f; border-radius:10px; background:#1c2a2d; box-shadow:0 10px 32px #0006; }
.project-delete-confirm:after { content:''; position:absolute; left:var(--arrow-x); width:10px; height:10px; background:#1c2a2d; transform:translateX(-50%) rotate(45deg); }
.project-delete-confirm[data-placement=top]:after { bottom:-6px; border-right:1px solid #a1d1c51f; border-bottom:1px solid #a1d1c51f; }
.project-delete-confirm[data-placement=bottom]:after { top:-6px; border-left:1px solid #a1d1c51f; border-top:1px solid #a1d1c51f; }
.delete-pop-heading { display:flex; align-items:center; gap:8px; }
.delete-pop-heading h3 { margin:0; color:#e0ece8; font-size:14px; line-height:22px; font-weight:500; }
.delete-pop-icon { display:flex; flex:0 0 16px; color:#e9b95e; }
.delete-pop-icon svg { width:16px; height:16px; }
.delete-pop-description { margin:6px 0 12px 24px; color:#d0dcde; font-size:14px; line-height:22px; overflow-wrap:anywhere; }
.delete-pop-description p { margin:0; }
.delete-pop-actions { display:flex; justify-content:flex-end; gap:8px; }
.delete-pop-actions .btn { height:28px; min-width:54px; padding:0 11px; border-radius:5px; font-size:13px; }
.theme-neon .project-delete-confirm .btn.danger { border:1px solid var(--danger); background:var(--danger); color:#fff; }
.theme-neon .project-delete-confirm .btn.danger:hover { border-color:#dd545a; background:#dd545a; color:#fff; }
.list-project-main { display:flex; align-items:center; gap:12px; min-width:0; min-height:78px; }
.list-cover-open { flex:0 0 auto; display:block; padding:0; border:0; border-radius:5px; background:transparent; }
.list-project-main .list-project-copy { flex:1; }
@media(hover:hover) { .project-list-row:hover { background:#22383b77; } }
@container(max-width:700px) {
 .project-list-table :is(th,td):nth-child(2),.project-list-table :is(th,td):nth-child(3):not(:last-child),
 .project-list-table .list-count-col { display:none; }
 .project-list-table .list-name-col { width:68%; }
 .project-list-table .list-date-col { width:32%; }
 .list-project-summary { display:block; margin-top:2px; color:#82969b; font-size:11px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .project-list-table th,.project-list-table td,.project-list-table td:first-child { padding-left:12px; padding-right:12px; }
 .list-project-open { gap:10px; }
 .list-project-main { gap:10px; }
 .project-list-table .project-cover { width:48px; height:36px; flex-basis:48px; }
 .project-list-table time { font-size:14px; white-space:normal; }
}
@container(max-width:360px) {
 .project-list-table .list-name-col { width:65%; }
 .project-list-table .list-date-col { width:35%; }
 .project-list-table th,.project-list-table td,.project-list-table td:first-child { padding-left:8px; padding-right:8px; }
 .project-list-table .project-name { font-size:13px; }
 .project-list-table .project-cover { width:40px; height:32px; flex-basis:40px; }
 .list-project-open { gap:8px; }
 .list-project-main { gap:8px; }
 .theme-neon #projectsPage .list-create-project { margin-left:0; }
}

/* Keep the project-name limit inside the input without overlapping typed text. */
.dialog .project-name-field>.project-name-control { position:relative; display:block; float:none; margin-top:9px; font-size:inherit; }
.dialog .project-name-control input { margin-top:0; padding-right:64px; }
.dialog .project-name-limit { position:absolute; top:50%; right:12px; transform:translateY(-50%); color:#819498; font-size:12px; line-height:20px; white-space:nowrap; pointer-events:none; }

/* Editor spacing scale: 4 / 8 / 12 / 16 / 20 / 24 / 32px. */
.theme-neon .projectbar { flex-shrink:0; padding:12px 24px; gap:24px; margin-bottom:0; }
.theme-neon .editor-page .projectbar { margin-bottom:12px; }
.theme-neon .projectbar .project-title,.theme-neon .projectbar .project-actions { gap:8px; }
.theme-neon .projectbar .project-actions .btn { height:34px; font-size:13px; padding:0 16px; }
.theme-neon .editor-page .project-identity small { margin-top:4px; }
.theme-neon .editor-page .save-state i { margin-right:8px; }
.theme-neon .editor-page .btn { padding:0 16px; gap:8px; }
.theme-neon .editor-page .btn.compact { padding:0 12px; }
.theme-neon .editor-page .edit-grid { gap:8px; padding:0 12px 8px; }
.theme-neon .editor-page .panel-heading { gap:8px; }
.theme-neon .editor-page .material-tabs span { padding:0 4px; margin-left:4px; }
.theme-neon .editor-page .search-wrap { gap:8px; }
.theme-neon .editor-page .material-panel .search-wrap { margin:12px 16px; }
.theme-neon .editor-page .material-context { padding:0 16px 12px; }
.theme-neon .editor-page .material-grid { gap:16px 12px; padding:0 16px 20px; }
.theme-neon .editor-page .material-card b { margin-top:8px; }
.theme-neon .editor-page .material-selected { right:8px; top:8px; }
.theme-neon .editor-page .duration { right:4px; bottom:4px; padding:4px; }
.theme-neon .editor-page .upload-drop { gap:8px; margin:0 16px 16px; }
.theme-neon .editor-page .preview-tag { padding:4px 8px; }
.theme-neon .editor-page .stage-label { gap:4px; bottom:8px; }
.theme-neon .editor-page .player { gap:12px; padding:0 20px; }
.theme-neon .editor-page .player-time,.theme-neon .editor-page .play-buttons { gap:8px; }
.theme-neon .editor-page .properties-body { padding:16px; }
.theme-neon .editor-page .properties-empty { gap:12px; }
.theme-neon .editor-page .field input,.theme-neon .editor-page .field textarea,.theme-neon .editor-page .field select { margin-top:8px; padding:12px; }
.theme-neon .editor-page .property-divider { margin:24px 0; }
.theme-neon .editor-page .input-unit input { padding-right:36px; }
.theme-neon .editor-page .input-unit>span { top:12px; }
.theme-neon .editor-page .timeline-toolbar { gap:8px; }
.theme-neon .editor-page .timeline-tabs { gap:8px; margin-right:16px; }
.theme-neon .editor-page .timeline-right { gap:8px; }
.theme-neon .editor-page .ruler>span { bottom:12px; }
.theme-neon .editor-page .track-label { gap:8px; }
.theme-neon .editor-page .track-label select { padding:0 4px; }
.theme-neon .editor-page .segment { gap:8px; margin:4px; padding:0 8px; }
.theme-neon .editor-page .segment:first-child { margin-left:0; }
.theme-neon .editor-page .timeline-footer { padding:0 16px; gap:16px; }
.theme-neon.mode-editor .dialog-header { padding:16px 24px; }
.theme-neon.mode-editor .dialog-footer { gap:12px; }
.theme-neon.mode-editor .dialog .field input,.theme-neon.mode-editor .dialog .field textarea { margin-top:8px; padding:12px; }
.theme-neon.mode-editor .dialog .project-name-control input { margin-top:0; padding-right:64px; }
.theme-neon.mode-editor .dialog .project-name-control { margin-top:8px; }
@media(max-width:1279px) {
 .theme-neon.properties-open .editor-page .properties-panel { bottom:8px; }
}
@media(max-width:900px) {
 .theme-neon .projectbar { padding:12px 16px; gap:12px; }
 .theme-neon .projectbar .project-actions .btn { padding:0 12px; }
 .theme-neon .editor-page .player { padding:0 12px; gap:4px; }
 .theme-neon .editor-page .play-buttons { gap:4px; }
}
@media(max-width:700px) {
 .theme-neon .projectbar { gap:8px; padding:12px; }
 .theme-neon .editor-page .project-identity small { margin-top:4px; }
 .theme-neon .editor-page .edit-grid { gap:8px; padding:0 8px 8px; }
 .theme-neon .editor-page .panel-heading { padding:0 12px; gap:4px; }
 .theme-neon .editor-page .material-panel #upload { padding:0; }
 .theme-neon .editor-page .material-tabs { padding:0 12px; }
 .theme-neon .editor-page .material-context { padding:0 12px 12px; }
 .theme-neon .editor-page .material-panel .search-wrap { margin:12px; padding:0 8px; }
 .theme-neon .editor-page .material-grid { padding:0 12px 16px; gap:16px; }
 .theme-neon .editor-page .preview-panel .properties-toggle { padding:0 8px; }
 .theme-neon .editor-page .stage-label { max-width:calc(100% - 16px); }
 .theme-neon .editor-page .player { gap:8px; }
 .theme-neon.properties-open .editor-page .properties-panel { right:8px; }
 .theme-neon .editor-page .upload-drop { margin:0 12px 12px; padding:12px; }
 .theme-neon .editor-page .timeline-panel { margin:0 8px 8px; }
 .theme-neon .editor-page .timeline-toolbar { padding:0 12px; gap:8px; }
 .theme-neon .editor-page .timeline-tabs { margin-right:auto; }
 .theme-neon .editor-page .timeline-toolbar .btn { padding:0 8px; }
 .theme-neon .editor-page .timeline-footer { padding:8px 12px; }
}
.theme-neon .editor-page #zoom { margin:0; }
.theme-neon .editor-page kbd { padding:0 4px; }
.theme-neon .editor-page kbd { margin-right:4px; }
.theme-neon.mode-editor .dialog .btn { padding:0 16px; }
.theme-neon.mode-editor .dialog .btn.compact { padding:0 12px; }

/* Shared blue-charcoal surfaces connect the library and the editing desk. */
.theme-neon {
 --studio-base:#111619;
 --studio-surface:#1a2327;
 --studio-raised:#253035;
 --studio-inset:#10191d;
 --studio-border:#a1bac01c;
 --studio-selection-border:#54d6bc80;
 --studio-text:#dce6e9;
 --studio-muted:#96a7af;
 --bg:var(--studio-base); --panel:var(--studio-surface); --raised:var(--studio-raised);
 --text:var(--studio-text); --muted:var(--studio-muted);
}
.theme-neon .editor-page {
 --bg:var(--studio-base); --panel:var(--studio-surface); --raised:var(--studio-raised);
 --line:var(--studio-border); --text:var(--studio-text); --muted:var(--studio-muted);
}
.theme-neon .sidebar,.theme-neon:not(.mode-editor) .sidebar,.theme-neon.mode-editor .sidebar { background:#111619f5; border-right-color:#a1bac012; }
.theme-neon .nav-item,.theme-neon.mode-editor .nav-item { color:#96a7af; }
.theme-neon .nav-item.active,.theme-neon.mode-editor .nav-item.active { background:#54d6bc14; color:#99e6d4; }
.theme-neon .nav-item.active:hover { background:#54d6bc20; color:#b8f2e5; }
.theme-neon .projectbar,.theme-neon .preview-panel { background:#161e22; }
.theme-neon .panel { background:var(--studio-surface); border-color:var(--studio-border); }
.theme-neon .preview-panel { background:#161e22; }
.theme-neon .preview-stage {
 background:radial-gradient(ellipse 58% 68% at 50% 48%,#23443f80, #172e2c3d 52%,transparent 90%),#0d1417;
}
.theme-neon .project-icon,.theme-neon .play-buttons #play { background:var(--studio-raised); color:#c7d8de; }
.theme-neon .project-title,.theme-neon .panel-heading h2,.theme-neon .property-tabs h2 { color:var(--studio-text); }
.theme-neon .project-identity small,.theme-neon .project-actions .save-state,.theme-neon .material-context,.theme-neon .material-card b { color:var(--studio-muted); }
.theme-neon .timeline-panel,.theme-neon .track-label { background:#151e22; }
.theme-neon .track-label select { background:var(--studio-raised); color:#b6c4cd; }
.theme-neon .editor-page input,.theme-neon .editor-page textarea,.theme-neon .editor-page select,
.theme-neon .material-panel .search-wrap { background:var(--studio-inset); border-color:var(--studio-border); color:#cddce2; }
.theme-neon .editor-page .field { color:#b4c2c9; }
.theme-neon .eyebrow,.theme-neon .editor-page .field>span { color:#91a3ad; }
.theme-neon .btn:not(.primary):not(.ghost):not(.danger),.theme-neon .editor-page .btn:not(.primary):not(.ghost):not(.danger) { background:var(--studio-raised); border-color:var(--studio-border); color:#c1d1d8; }
.theme-neon .btn:not(.primary):not(.ghost):not(.danger):hover,.theme-neon .editor-page .btn:not(.primary):not(.ghost):not(.danger):hover { background:#2c3b40; }
.theme-neon .editor-page .btn:disabled,.theme-neon .editor-page .btn:not(.primary):not(.ghost):not(.danger):disabled { background:#1e292e; color:#6f8089; border-color:#a1bac010; }
.theme-neon .toolbar-actions .search-wrap,.theme-neon .toolbar-actions .sort-select,.theme-neon .view-switch,.theme-neon .project-sort .sort-select { background:var(--studio-surface); border-color:var(--studio-border); color:#9fb1ba; }
.theme-neon .project-grid:not(.is-list) .project-tile,.theme-neon .project-grid:not(.is-list) .studio-create-tile {
 background:linear-gradient(145deg,#1b272ceb,#141e23f2) padding-box,linear-gradient(145deg,#9cc9c42b,#8eafc017 48%,#7baba20c) border-box;
}
.theme-neon .project-grid:not(.is-list) .studio-create-tile>.create-card-art {
 background:radial-gradient(ellipse at 50% 50%,#54d6bc14,transparent 72%),linear-gradient(145deg,#19302f,#17262c);
}
.theme-neon .listing-page:after {
 background-image:radial-gradient(ellipse 44% 34% at 96% -3%,#69bca51b,transparent 76%),radial-gradient(ellipse 36% 30% at 89% 17%,#91b8c50d,transparent 78%);
}
.theme-neon .dialog { background:var(--studio-surface); border-color:#a1bac029; }
.theme-neon .dialog-footer { background:#172126; }
.theme-neon .dialog input,.theme-neon .dialog textarea { background:var(--studio-inset); border-color:var(--studio-border); }
.theme-neon .preview-empty span { color:#9daeb5; }
@media(hover:hover) {
 .theme-neon .project-grid:not(.is-list) .studio-create-tile:hover .create-card-art { background:radial-gradient(ellipse at 50% 50%,#54d6bc20,transparent 72%),linear-gradient(145deg,#1c3934,#1b3038); }
}

.theme-neon :is(#batch,#generatePreview,#makeAssets,#downloadSelected)>svg { display:block; }

.theme-neon .editor-page .timeline-footer { justify-content:flex-end; }

.theme-neon .editor-page .editor-project-rename { max-width:min(100%,calc(100vw - 176px)); height:21px; margin:0; padding:0 4px; border:1px solid #72dfc2; border-radius:3px; background:#172d29; color:#e0f1f3; font-size:14px; line-height:19px; }
.theme-neon .editor-page .editor-project-rename:focus { border-color:#72dfc2; box-shadow:0 0 0 2px #54d6bc18; }
.theme-neon .editor-page .editor-project-rename[aria-invalid=true] { border-color:#df9393; }

.theme-neon .editor-page #emptyShot { width:auto; margin-inline:0 4px; border:1px dashed #9ab4ae66; border-radius:5px; }

.theme-neon.mode-editor .dialog .shot-description-control textarea { margin-top:0; padding:12px 12px 40px; }
.theme-neon .dialog .shot-description-control .project-name-limit { top:auto; bottom:12px; transform:none; }

.theme-neon .editor-page .timeline-scroll { padding-inline:16px; }
.theme-neon .editor-page #timelineInner { padding-right:0; }
.theme-neon .editor-page .track-label { padding-left:0; }
.theme-neon .editor-page .timeline-playhead { left:calc(var(--track-label) + (100% - var(--track-label))*var(--playhead-position,0)/100); }
.theme-neon .editor-page.is-empty-project .track-row:first-child { min-height:0; }
.theme-neon .editor-page #emptyShot { margin-block:4px; }

@media(max-width:700px) { .theme-neon .editor-page { grid-template-rows:auto 500px 300px; } }
.theme-neon .editor-page .preview-stage { padding:20px; }
/* Sorting and track type use the same custom choice-menu component. */
.sort-menu button { min-height:36px; padding-inline:12px; }
.theme-neon .editor-page .track-type-trigger {
 display:flex; align-items:center; justify-content:space-between; gap:8px;
 flex-shrink:0; width:100px; height:28px; padding:0 8px; border:1px solid var(--studio-border);
 border-radius:6px; background:var(--studio-inset); color:#b6c4cd;
 font-size:12px; line-height:20px; text-align:left; white-space:nowrap;
}
.theme-neon .editor-page .track-type-trigger:hover,
.theme-neon .editor-page .track-type-trigger[aria-expanded=true] { background:#203438; }
.track-type-trigger .sort-chevron { width:12px; height:12px; transition:transform .16s ease; }
.track-type-trigger[aria-expanded=true] .sort-chevron { transform:rotate(180deg); }
.track-type-menu { position:fixed; right:auto; z-index:90; }

.theme-neon .projectbar .project-actions .btn>svg { width:16px; height:16px; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.theme-neon.mode-editor .dialog .shot-duration-control input { padding-right:36px; appearance:textfield; -moz-appearance:textfield; }
.shot-duration-control input::-webkit-inner-spin-button,.shot-duration-control input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }

.theme-neon .editor-page .material-grid.is-empty { display:flex; align-items:center; justify-content:center; }
.theme-neon .editor-page .material-empty { max-width:100%; margin:0; padding:0; color:#96a7af; font-size:12px; line-height:20px; white-space:nowrap; text-align:center; }
.theme-neon .editor-page .material-panel.is-drag-over { border-color:#54d6bc; box-shadow:inset 0 0 0 1px #54d6bc33; }

/* Property fields share the add-storyboard dialog's inset counters and units. */
.theme-neon .properties-body .project-name-control { position:relative; display:block; float:none; margin-top:8px; font-size:inherit; }
.theme-neon .properties-body .project-name-control input { margin-top:0; padding-right:64px; }
.theme-neon .properties-body .project-name-limit { position:absolute; top:50%; right:12px; transform:translateY(-50%); color:#819498; font-size:12px; line-height:20px; white-space:nowrap; pointer-events:none; }
.theme-neon .properties-body .shot-description-control textarea { margin-top:0; padding:12px 12px 40px; }
.theme-neon .properties-body .shot-description-control .project-name-limit { top:auto; bottom:12px; transform:none; }
.theme-neon .properties-body .shot-duration-control input { padding-right:36px; appearance:textfield; -moz-appearance:textfield; }

/* Selected video metadata is readable text, never an editable control. */
.theme-neon .property-type { margin-left:auto; color:#8d9ea4; font-size:12px; line-height:20px; }
.theme-neon .material-properties-body { height:calc(100% - 48px); padding:16px; overflow:auto; }
.theme-neon .material-property-summary { display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid #ffffff0a; border-radius:8px; background:var(--studio-inset); }
.theme-neon .material-property-summary>span { color:#8d9ea4; font-size:12px; line-height:20px; }
.theme-neon .material-property-summary>strong { color:var(--studio-text); font-size:13px; font-weight:500; line-height:20px; overflow-wrap:anywhere; }
.theme-neon .material-property-list { display:flex; flex-direction:column; gap:16px; margin:20px 0 0; }
.theme-neon .material-property-list>div { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.theme-neon .material-property-list dt { flex-shrink:0; color:#8d9ea4; font-size:12px; line-height:20px; }
.theme-neon .material-property-list dd { margin:0; color:#c5d0d4; font-size:12px; line-height:20px; text-align:right; overflow-wrap:anywhere; }


/* Storyboard details are display-only, matching video metadata. */
.theme-neon .storyboard-property-list { display:flex; flex-direction:column; gap:16px; margin:0; }
.theme-neon .storyboard-property-list dt { color:#8d9ea4; font-size:12px; line-height:20px; }
.theme-neon .storyboard-property-list dd { margin:8px 0 0; color:var(--studio-text); font-size:13px; line-height:20px; white-space:pre-wrap; overflow-wrap:anywhere; }

/* The transient indicator overlays the inset; it never takes thumbnail width. */
.theme-neon .editor-page .material-scroll-area { position:relative; display:flex; flex:1; min-height:0; overflow:hidden; }
.theme-neon .editor-page .material-grid { overflow-x:hidden; overflow-y:auto; scrollbar-gutter:auto; scrollbar-width:none; padding-top:4px; }
.theme-neon .editor-page .material-grid::-webkit-scrollbar { width:0; height:0; display:none; }
.theme-neon .material-scroll-indicator { position:absolute; top:4px; right:4px; bottom:4px; width:4px; pointer-events:none; opacity:0; transition:opacity .2s ease; }
.theme-neon .material-scroll-indicator.is-scrolling { opacity:1; }
.theme-neon .material-scroll-indicator>span { display:block; width:100%; border-radius:4px; background:#80919780; }
@media(prefers-reduced-motion:reduce) { .theme-neon .material-scroll-indicator { transition:none; } }

/* One material list follows the selected storyboard; no extra scope or search row. */
.theme-neon .editor-page .material-context { padding-top:16px; }

/* Empty video slots use one appearance on every lane. */
.theme-neon .editor-page .segment.video.empty,.theme-neon .editor-page .segment.global.empty { background:var(--clip-empty-bg); border:1px dashed var(--clip-empty-border); color:var(--clip-empty-text); }

/* Removal is a sibling button, so it does not interfere with selecting a clip. */
.theme-neon .editor-page .segment-shell { position:relative; display:flex; align-self:start; min-width:0; }
.theme-neon .editor-page .segment-shell>.segment { flex:1; width:0; margin:4px; padding-right:36px; }
.theme-neon .editor-page .segment-shell.is-first>.segment { margin-left:0; }
.theme-neon .editor-page .segment-remove { position:absolute; top:50%; right:8px; transform:translateY(-50%); display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:4px; background:transparent; color:#aab6bf; opacity:0; pointer-events:none; }
.theme-neon .editor-page .segment-remove svg { width:12px; height:12px; }
.theme-neon .editor-page .segment-shell:hover>.segment-remove,.theme-neon .editor-page .segment-shell:focus-within>.segment-remove,.theme-neon .editor-page .segment-shell:has(>.segment.active)>.segment-remove { opacity:1; pointer-events:auto; }
.theme-neon .editor-page .segment-remove:hover { color:#ff8d94; background:#d2434b26; }
@media(hover:none) { .theme-neon .editor-page .segment-remove { opacity:1; pointer-events:auto; } }

/* Every storyboard candidate stays inside its matching timeline column. */
.theme-neon .editor-page .material-slot { min-width:0; --segment-inset:8px; }
.theme-neon .editor-page .material-slot:first-child { --segment-inset:4px; }
.theme-neon .editor-page .material-slot>.segment-shell { width:calc((100% - var(--segment-inset))*var(--material-ratio,1) + var(--segment-inset)); max-width:100%; }
.theme-neon .editor-page .material-slot>.segment { width:calc(100% - 8px); margin:4px; grid-column:auto; }
.theme-neon .editor-page .material-slot:first-child>.segment { width:calc(100% - 4px); margin-left:0; }

/* Tick positions and labels use the same seconds-to-width scale as storyboard columns. */
.theme-neon .editor-page .ruler { background:none; }
.theme-neon .editor-page .ruler-tick { position:absolute; bottom:0; width:1px; height:4px; background:#4d575d; }
.theme-neon .editor-page .ruler-tick.major { height:8px; }
.theme-neon .editor-page .ruler>.ruler-label { transform:translateX(-50%); }
.theme-neon .editor-page .ruler>.ruler-label.start { transform:none; }
.theme-neon .editor-page .ruler>.ruler-label.end { transform:translateX(-100%); }

/* Placeholder and uploaded timeline clips share the same corner radius. */
.theme-neon .editor-page .segment.video,.theme-neon .editor-page .segment.global { border-radius:5px; }

/* A 34px clip with 4px above and below determines each track's content height. */
.theme-neon .editor-page .track-row { min-height:0; }

.theme-neon .editor-page .material-empty { white-space:normal; }

/* Balance the label gutter with the timeline's outer 16px inset. */
.theme-neon .editor-page { --track-label:144px; }
.theme-neon .editor-page .track-label { padding-right:16px; }
.theme-neon .editor-page .track-label>span { flex:0 0 20px; width:20px; }

/* Timeline scrollbars float over the 16px inset without consuming layout space. */
.theme-neon .editor-page .timeline-scroll-frame { position:relative; display:flex; flex:1; min-height:0; min-width:0; overflow:hidden; }
.theme-neon .editor-page .timeline-scroll { min-width:0; padding-inline:16px; scrollbar-gutter:auto; scrollbar-width:none; }
.theme-neon .editor-page .timeline-scroll::-webkit-scrollbar { width:0; height:0; display:none; }
.theme-neon .timeline-scroll-indicator { position:absolute; pointer-events:none; opacity:0; transition:opacity .2s ease; z-index:6; }
.theme-neon .timeline-scroll-indicator.vertical { top:4px; bottom:4px; right:4px; width:4px; }
.theme-neon .timeline-scroll-indicator.horizontal { left:4px; right:4px; bottom:4px; height:4px; }
.theme-neon .timeline-scroll-indicator>span { display:block; border-radius:4px; background:#80919780; }
.theme-neon .timeline-scroll-indicator.vertical>span { width:100%; }
.theme-neon .timeline-scroll-indicator.horizontal>span { height:100%; }
.theme-neon .timeline-scroll-indicator.is-scrolling { opacity:1; }
@media(prefers-reduced-motion:reduce) { .theme-neon .timeline-scroll-indicator { transition:none; } }

/* Shared icon/index column and a shared text inset for every track label. */
.theme-neon .editor-page .track-label { display:grid; grid-template-columns:20px 100px; column-gap:8px; }
.theme-neon .editor-page .track-label>span { display:flex; align-items:center; justify-content:center; height:28px; }
.theme-neon .editor-page .track-label .track-name { display:flex; align-items:center; width:100px; height:28px; margin:0; padding:0 8px; border:1px solid transparent; font-size:12px; line-height:20px; }

/* Match the upload button's hover palette without changing placeholder geometry. */
.theme-neon .editor-page .segment.empty:not(:disabled):hover,
.theme-neon .editor-page .segment.empty:not(:disabled):focus-visible {
 background:#2c3b40; border-color:var(--studio-border); color:#c1d1d8;
}

/* One selected treatment takes priority over each track's base palette. */
.theme-neon .editor-page .segment:not(.empty).active {
 background:#2a333f; border-color:#54d6bc; color:#c0ccdc;
 box-shadow:inset 0 0 0 1px #54d6bc40;
}

/* Selection keeps each material type's color and uses the shared mint outline. */
.theme-neon .editor-page .segment.story:not(.empty).active { background:#303137; color:#ced0d7; }
.theme-neon .editor-page .segment.video:not(.empty).active { background:var(--clip-story-bg); color:var(--clip-story-text); }
.theme-neon .editor-page .segment.global:not(.empty).active { background:var(--clip-global-bg); color:var(--clip-global-text); }

/* Empty tracks reserve the same 34px clip with 4px above and below as filled tracks. */
.theme-neon .editor-page .track-content { min-height:42px; align-items:start; }
.theme-neon .editor-page .track-content>.segment { margin:4px; }
.theme-neon .editor-page .track-content>.segment:first-child { margin-left:0; }

/* Material entry points stay inactive until the first storyboard exists. */
.theme-neon .editor-page .segment.video:disabled,.theme-neon .editor-page .segment.global:disabled { background:#172126; border-color:#2c3a40; color:#64757e; cursor:not-allowed; box-shadow:none; opacity:1; }

/* A wider, scoped picker gives filenames room without changing other dialogs. */
.theme-neon .dialog.global-material-dialog { width:min(880px,100%); }
.theme-neon .global-material-dialog .media-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:min(480px,48dvh); padding:4px; margin:-4px; scrollbar-width:thin; scrollbar-color:#697b8280 transparent; }
.theme-neon .global-material-dialog .media-option { gap:12px; padding:12px; border-radius:8px; border-color:var(--studio-border); background:var(--studio-raised); color:var(--studio-text); }
.theme-neon .global-material-dialog .media-option:hover { background:#2c3b40; }
.theme-neon .global-material-dialog .media-option.selected { border-color:#54d6bc; background:#213c38; }
.theme-neon .global-material-dialog .media-option img { width:48px; height:80px; flex-shrink:0; border-radius:5px; }
.theme-neon .global-material-dialog .media-option-info { display:block; min-width:0; }
.theme-neon .global-material-dialog .media-option-info b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; line-height:20px; }
.theme-neon .global-material-dialog .media-option-info small { display:block; margin-top:4px; color:var(--studio-muted); font-size:12px; line-height:20px; }
@media(max-width:700px) { .theme-neon .global-material-dialog .media-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .theme-neon .global-material-dialog .media-list { grid-template-columns:1fr; } }

/* Project-wide sources and explicit candidate assignment share one material panel. */
.theme-neon .material-pool-tools { padding:12px 16px 0; flex-shrink:0; }
.theme-neon .editor-page .material-pool-tools .search-wrap { margin:0 0 12px; width:100%; height:32px; }
.theme-neon .pool-filters { display:flex; gap:4px; align-items:center; }
.theme-neon .pool-filters button { display:flex; align-items:center; gap:4px; padding:6px 7px; min-height:30px; border:0; border-radius:5px; background:transparent; color:var(--studio-muted); white-space:nowrap; font-size:12px; }
.theme-neon .pool-filters button[aria-pressed=true] { color:#8ce7d2; background:#54d6bc14; }
.theme-neon .pool-filters button:disabled { opacity:.4; }
.theme-neon .pool-filters button span { font-size:11px; opacity:.7; }
.theme-neon .editor-page .material-context { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 16px; font-size:12px; line-height:18px; }
.theme-neon .material-context span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.theme-neon .material-context .batch-add-candidates { flex-shrink:0; padding:2px 4px; border:0; border-radius:4px; background:transparent; color:#8ce7d2; font:inherit; white-space:nowrap; }
.theme-neon .material-context .batch-add-candidates:hover { background:#54d6bc14; }
.theme-neon .material-panel.is-picking .material-context { color:#8ce7d2; }
.theme-neon .material-panel.is-picking { border-color:#54d6bc66; }
.theme-neon .pool-card { min-width:0; }
.theme-neon .pool-card .material-card { display:block; width:100%; }
.theme-neon .pool-card-meta { display:flex; align-items:center; min-height:24px; margin-top:2px; }
.theme-neon .pool-used-label { position:absolute; left:6px; top:6px; padding:2px 5px; border-radius:4px; background:#132b2be6; color:#a1eddd; font-size:11px; }
.theme-neon .pool-choice { display:flex; align-items:center; gap:6px; padding:3px 0; color:#a6b9c0; font-size:12px; cursor:pointer; }
.theme-neon .pool-choice input[type=radio] { accent-color:#54d6bc; width:15px; height:15px; margin:0; }
.theme-neon .material-selection { flex-shrink:0; padding:12px 16px 16px; background:var(--studio-panel); border-top:1px solid var(--studio-border); }
.theme-neon .material-selection>div { display:flex; justify-content:flex-end; gap:8px; }
.theme-neon .material-selection .btn { font-size:12px; padding:0 10px; }
.theme-neon .batch-add-impact { margin:0 0 8px; color:var(--studio-muted); font-size:12px; text-align:right; }
.theme-neon .batch-add-impact:empty { margin:0; }
.theme-neon .pool-empty { padding:16px 0; text-align:center; color:var(--studio-muted); font-size:12px; line-height:20px; }
.theme-neon .pool-empty p { margin:0 0 12px; }
.theme-neon .editor-page .material-grid.is-empty { flex:1; }
.theme-neon .editor-page.is-empty-project .material-grid:not(.is-empty) { display:grid; align-items:start; justify-content:normal; }
.theme-neon .editor-page.is-empty-project .material-panel .material-pool-tools .search-wrap { display:flex; }
.theme-neon .editor-page.is-empty-project .material-context { display:block; }
.theme-neon .material-panel :focus-visible { outline:2px solid #54d6bc; outline-offset:3px; }
@media(max-width:700px) {
 .theme-neon .material-pool-tools { padding:12px 10px 0; }
 .theme-neon .pool-filters { flex-wrap:wrap; gap:2px; }
 .theme-neon .pool-filters button { padding:4px; font-size:11px; }
 .theme-neon .material-selection { padding:10px; }
 .theme-neon .material-selection>div { flex-wrap:wrap; }
 .theme-neon .editor-page .material-context { padding:10px; }
}
/* Assignment checkboxes stay visible even when the panel has little vertical room. */
.theme-neon .pool-card { position:relative; }
.theme-neon .material-panel.is-picking .pool-card-meta { position:absolute; top:6px; right:6px; min-height:0; margin:0; }
.theme-neon .material-panel.is-picking .pool-choice { min-width:24px; min-height:24px; justify-content:center; padding:4px; }
.theme-neon .material-pool-tools .search-wrap input:focus-visible { outline:none; }
.theme-neon .material-pool-tools .search-wrap:focus-within { border-color:#54d6bc; box-shadow:0 0 0 2px #54d6bc1a; }

/* New rows receive a visible destination without altering clip size or playback. */
.theme-neon .editor-page .segment.empty.new-track-target:focus { background:#2c3b40; border-color:#54d6bc; color:#c1d1d8; outline:1px solid #54d6bc; outline-offset:-1px; }

/* Together with the grid's 4px inset, keep 12px below the filters. */
.theme-neon .editor-page .material-context[hidden]+.material-scroll-area { margin-top:8px; }

/* Material controls share the larger radius already used by upload and search. */
.theme-neon .editor-page .material-panel #upload,
.theme-neon .editor-page .material-panel .search-wrap,
.theme-neon .editor-page .material-panel .pool-filters button,
.theme-neon .editor-page .material-panel .material-card,
.theme-neon .editor-page .material-panel .material-cover { border-radius:7px; }

/* Use a full text line for the native caret; focus is requested by the user. */
.theme-neon .editor-page .material-panel #materialSearch { height:20px; line-height:20px; font-size:13px; caret-color:var(--studio-text); }

/* Compact, quiet time chips let the video image remain the focus. */
.theme-neon .editor-page .material-panel .material-cover>.duration,
.theme-neon #assetsPage .asset-poster>.asset-duration {
 right:6px; bottom:6px; padding:1px 5px; border-radius:4px;
 background:rgb(12 20 24 / 58%); color:#f2f6f7;
 font:500 11px/16px var(--font-data); font-variant-numeric:tabular-nums;
 box-shadow:0 1px 3px #0002; pointer-events:none;
}

/* Ordinary checkboxes share the material pool's check and corner radius. */
.theme-neon input[type=checkbox]:not([data-strategy]) {
 appearance:none; width:16px; height:16px; border:1px solid #51646b; border-radius:3px; background:var(--studio-inset); box-shadow:none;
}
.theme-neon input[type=checkbox]:not([data-strategy]):checked {
 border-color:var(--accent);
 background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23103d34' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;
}
.theme-neon input[type=checkbox]:not([data-strategy]):focus-visible { outline:2px solid var(--accent-ink); outline-offset:2px; }
@media (forced-colors:active) {
 .theme-neon input[type=checkbox]:not([data-strategy]) { appearance:auto; }
}


/* Secondary pages use the editing desk's surfaces, spacing and controls. */
.theme-neon :is(#batchPage,#assetsPage:has(>.asset-projectbar)) { display:flex; flex-direction:column; overflow:hidden; background:var(--studio-base); }
.theme-neon :is(#batchPage,#assetsPage:has(>.asset-projectbar))::before,.theme-neon :is(#batchPage,#assetsPage:has(>.asset-projectbar))::after { display:none; }
.theme-neon :is(#batchPage,#assetsPage:has(>.asset-projectbar))>.secondary-body { flex:1; min-height:0; overflow:auto; }
.theme-neon :is(#batchPage,.asset-projectbar) .project-title { display:block; margin:0; }
.theme-neon #batchPage .project-actions { flex-shrink:1; flex-wrap:wrap; justify-content:flex-end; }
.theme-neon .asset-projectbar .btn { height:34px; border-radius:7px; font-size:13px; padding:0 12px; }
.theme-neon .secondary-body { padding:24px; min-width:0; }
.theme-neon .batch-results { border:1px solid var(--studio-border); border-radius:10px; background:var(--studio-surface); }
.theme-neon .batch-results-header { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:12px 20px; border-bottom:1px solid var(--studio-border); }
.theme-neon .batch-capacity { margin-inline-end:8px; color:var(--studio-muted); font-size:13px; overflow-wrap:anywhere; }
.theme-neon .batch-capacity>strong { margin-left:4px; font-size:18px; font-weight:500; color:#8ce3ce; font-variant-numeric:tabular-nums; }
.theme-neon .batch-results-header .strategy-chips>span { padding:4px 8px; border-radius:5px; background:var(--studio-inset); color:#acc8c0; border-color:var(--studio-border); font-size:12px; }
.theme-neon .batch-result-content { padding:16px 20px 20px; }
.theme-neon .results-toolbar { display:flex; align-items:center; gap:16px; min-height:32px; margin:0 0 16px; font-size:12px; color:var(--studio-muted); }
.theme-neon :is(.results-toolbar,.asset-selection-summary) .selection-control { font-size:13px; color:var(--studio-text); }
.theme-neon .batch-results-header .results-toolbar { min-height:24px; margin:0 0 0 auto; }
.theme-neon .secondary-empty { min-height:360px; background:var(--studio-surface); border-color:var(--studio-border); border-radius:10px; padding:40px 24px; }
.theme-neon .batch-results>.secondary-empty { border:0; background:transparent; }
.theme-neon .secondary-empty h2 { font-size:14px; margin:0 0 8px; font-weight:500; }
.theme-neon .secondary-empty p { color:var(--studio-muted); font-size:13px; margin:0; }
.theme-neon #batchPage .draft-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; }
.theme-neon #batchPage .draft-card { padding:8px; background:var(--studio-surface); border:1px solid var(--studio-border); border-radius:10px; }
.theme-neon #batchPage .draft-card.selected { border-color:var(--studio-selection-border); }
.theme-neon #batchPage .draft-cover { height:auto; aspect-ratio:9/16; border-radius:7px; }
.theme-neon #batchPage .draft-cover>.pool-used-label { z-index:1; pointer-events:none; }
.theme-neon #batchPage .draft-card>input { top:16px; left:16px; }
.theme-neon #batchPage .draft-info { padding:12px 4px 4px; }
.theme-neon #batchPage .draft-info h3 { margin-bottom:4px; color:var(--studio-text); }
.theme-neon #batchPage .draft-info p { color:var(--studio-muted); font-size:13px; }
.theme-neon .dialog:has(.preview-setup) .dialog-header { background:#172126; border-bottom-color:var(--studio-border); }
.theme-neon .dialog:has(.preview-setup) .dialog-header h2 { font-size:18px; font-weight:600; }
.theme-neon .preview-setup fieldset { min-inline-size:0; margin:0 0 20px; padding:0; border:0; }
.theme-neon .preview-setup .field { margin:0 0 8px; padding:0; }
.theme-neon .preview-strategies { padding:0 12px; border:1px solid var(--studio-border); border-radius:8px; background:var(--studio-inset); }
.theme-neon .preview-setup .toggle-row { padding:8px 0; gap:12px; }
.theme-neon .preview-setup .toggle-row b { font-size:14px; }
.theme-neon .preview-setup .toggle-row small { margin-top:2px; font-size:13px; }
.theme-neon .preview-setup .toggle-row input { background:#2b3a40; box-shadow:inset 0 0 0 1px #43565e; }
.theme-neon .preview-setup .toggle-row input::before { background:#aebfc5; box-shadow:none; }
.theme-neon .preview-setup .toggle-row input:checked { background:#4cb6a0; box-shadow:none; }
.theme-neon .preview-setup .toggle-row input:checked::before { background:#edf6f3; }
.theme-neon .preview-setup .toggle-row input:focus-visible { outline:2px solid var(--accent-ink); outline-offset:3px; }
.theme-neon .preview-setup .mask-style-picker { margin:0 0 12px; padding-top:8px; }
.theme-neon .mask-style-picker legend { padding:0; color:var(--studio-muted); font-size:12px; }
.theme-neon .mask-style-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,144px),1fr)); gap:6px; }
.theme-neon .mask-style-choice { display:flex; align-items:center; gap:8px; min-height:32px; padding:6px 8px; border:1px solid var(--studio-border); border-radius:6px; background:var(--studio-surface); color:var(--studio-text); font-size:13px; cursor:pointer; }
.theme-neon .mask-style-choice:has(input:checked) { border-color:#54d6bc66; background:#54d6bc0d; }
.theme-neon #maskStyleError:empty { display:none; }
.theme-neon .preview-quantity-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:8px; }
.theme-neon .preview-setup .preview-quantity-heading .field { flex-shrink:0; margin:0; }
.theme-neon .preview-quantity-heading .quantity-hint { margin:0; color:var(--studio-muted); font-size:12px; line-height:20px; text-align:right; overflow-wrap:anywhere; }
.theme-neon .preview-setup #draftCount { display:block; width:100%; min-height:40px; padding:12px; font-size:13px; line-height:1.6; }
.theme-neon .asset-projectbar .project-actions { flex-shrink:1; flex-wrap:wrap; justify-content:flex-end; }
.theme-neon .asset-selection-summary { display:flex; align-items:center; gap:12px; margin-inline-end:8px; color:var(--studio-muted); font-size:12px; white-space:nowrap; }
.theme-neon #assetsPage .asset-grid { gap:16px; }
.theme-neon #assetsPage .asset-card { border-radius:10px; background:var(--studio-surface); border-color:var(--studio-border); }
.theme-neon #assetsPage .asset-grid:not(.is-list) .asset-card { padding:8px; }
.theme-neon #assetsPage .asset-card.selected { border-color:var(--studio-selection-border); }
.theme-neon #assetsPage .asset-grid:not(.is-list) .asset-poster { border-radius:7px; }
.theme-neon #assetsPage .asset-grid:not(.is-list) .asset-info { padding:12px 4px 4px; }
.theme-neon #assetsPage .asset-info>p { color:var(--studio-muted); font-size:13px; line-height:20px; }
.theme-neon #assetsPage .asset-card-footer { margin-top:12px; }
.theme-neon #assetsPage .asset-card-footer .btn { font-size:12px; }
.theme-neon #assetsPage .last-download { color:var(--studio-muted); font-size:11px; line-height:18px; }
.theme-neon #assetsPage .asset-grid.is-list .asset-info { grid-template-columns:minmax(0,1fr) auto; }
.theme-neon #assetsPage .asset-grid.is-list .asset-card-footer { margin:0; padding:0; border:0; }
@media(max-width:700px) {
 .theme-neon .secondary-body { padding:16px; }
 .theme-neon .batch-results-header,.theme-neon .batch-result-content { padding-inline:12px; }
 .theme-neon #batchPage .draft-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
 .theme-neon #assetsPage .asset-grid { grid-template-columns:1fr; }
 .theme-neon #assetsPage .asset-grid.is-list .asset-info { display:block; padding:12px; }
 .theme-neon #assetsPage .asset-grid.is-list .asset-card-footer { display:flex; margin-top:8px; flex-wrap:wrap; }
 .theme-neon #assetsPage .asset-grid.is-list .asset-card { grid-template-columns:64px minmax(0,1fr); }
 .theme-neon #assetsPage .asset-grid.is-list .asset-poster { height:100%; min-height:104px; }
}
.theme-neon #batchPage .draft-info h3,.theme-neon #assetsPage .asset-info h3 { display:flex; align-items:center; min-width:0; font-size:14px; }
.theme-neon #assetsPage .asset-info h3 { margin-bottom:4px; }
.theme-neon .plan-name-base { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.theme-neon .plan-name-suffix { flex-shrink:0; }