/* Shared product tokens and adaptive chrome. Tool-specific geometry stays in its module. */
.aether-ui dialog .workspace-empty { color:#626d66; }
/* Timeline chrome stays in the shell; the first creation owns the page. */
.aether-ui #timeline-view > .studio-heading { display:none; }
.aether-ui #timeline-view { padding-top:52px; }
#timeline-options-trigger { position:fixed; z-index:40; top:16px; right:80px; width:44px; height:44px; display:grid; place-items:center; padding:10px; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:var(--ink); }
#timeline-options-trigger svg { width:20px; height:20px; }
#timeline-options-trigger span { display:none; }
body:not([data-view="timeline"]) #timeline-options-trigger { display:none; }
#timeline-options-trigger.has-filter::after { content:''; position:absolute; top:4px; right:4px; width:7px; height:7px; border-radius:50%; background:var(--accent); }
@media(min-width:761px) {
 .aether-ui nav #timeline-options-trigger { position:relative; inset:auto; display:flex; width:100%; height:auto; min-height:60px; border:0; border-radius:14px; background:transparent; }
 .aether-ui nav #timeline-options-trigger span { display:block; }
 .aether-ui:not([data-view="timeline"]) nav #timeline-options-trigger { display:none; }
 .aether-ui[data-view="timeline"] .shell-search { display:none; }
}
@media(min-width:761px) and (max-height:540px) {
 .aether-ui nav[aria-label] .primary-navigation { gap:4px; }
 .aether-ui nav[aria-label] .nav-button,.aether-ui nav #timeline-options-trigger { min-height:44px; gap:2px; padding:4px 2px !important; }
 .aether-ui nav[aria-label] .nav-button span { font-size:10px; line-height:12px; }
 .aether-ui nav[aria-label] .nav-button svg { width:18px; height:18px; }
}
.timeline-find-creator { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:10px 12px; margin-top:12px; border:1px solid var(--line); border-radius:10px; color:var(--ink); }
.timeline-find-creator svg { width:20px; height:20px; }
.timeline-options { width:min(400px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; }
.timeline-options-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.timeline-options-heading h2 { margin:0; font-size:20px; }
.timeline-options-heading button { min-width:44px; min-height:44px; border-radius:10px; }
.aether-ui .timeline-options .feed-controls { display:grid; grid-template-columns:1fr; margin:0 0 16px; padding:0; gap:16px; }
.timeline-options label { display:grid; gap:6px; font-size:14px; color:var(--muted); }
.aether-ui .timeline-options .feed-controls select { width:100%; margin:0; font-size:16px; }
.aether-ui .timeline-options #feed-snap { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.timeline-options #feed-snap span { display:inline; }
.timeline-options #feed-snap svg { width:20px; height:20px; }
.timeline-options #timeline-options-count { color:var(--muted); font-size:13px; margin:16px 0; }
.timeline-options-done { width:100%; min-height:44px; border-radius:10px; background:var(--accent); color:white; }
@media(max-width:760px) {
 .aether-ui #timeline-view { padding-top:0; }
 #timeline-options-trigger { top:calc(8px + env(safe-area-inset-top)); right:136px; }
}
.project-tray-actions { display:flex; flex-wrap:wrap; gap:8px; padding:0 12px 12px; }
.aether-ui .project-tray-actions button { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; font-size:13px; }
.aether-ui #project-compose { background:var(--accent); color:white; }
.project-tray-actions svg { width:18px; height:18px; }
.aether-ui :is(.writing-toolbar,.film-toolbar,.sound-transport) { border-radius:12px; }
.aether-ui #art-content-panel [role="tabpanel"]:not(.hidden) { animation:workspace-arrive 120ms ease-out; }
@keyframes workspace-arrive { from { opacity:.65; } to { opacity:1; } }
html { background:#f6f5f1; scrollbar-gutter:stable; }
.aether-ui .toast {
 display:flex; align-items:center; gap:12px; width:max-content; max-width:min(560px,calc(100vw - 24px));
 bottom:88px; padding:10px 10px 10px 16px; border:1px solid #b7c8ba; border-radius:14px;
 background:#fff; color:#25322d; box-shadow:0 6px 24px #25322d26; font-size:14px; line-height:1.5;
}
.aether-ui .toast[hidden] { display:none; }
.studio-notice-copy { flex:1; min-width:0; overflow-wrap:anywhere; }
.aether-ui .toast[data-kind="error"] { background:#fff8f4; color:#713d31; border-color:#b4694c; }
.aether-ui .studio-notice-close { flex:0 0 44px; width:44px; height:44px; padding:12px; display:grid; place-items:center; border:0; border-radius:10px; color:inherit; background:transparent; }
.studio-notice-close svg { width:20px; height:20px; }
.aether-ui .studio-notice-close:hover { background:#25322d0d; }
.aether-ui .toast.in-dialog { position:sticky; bottom:0; left:auto; transform:none; width:100%; max-width:none; margin-top:16px; box-sizing:border-box; box-shadow:none; }
body.aether-ui {
 --paper:#f6f5f1; --ink:#25322d; --muted:#626d66; --line:#d9dfd8; --accent:#32624d;
 --surface:#ffffff; --soft:#e7eee7; --radius:12px; --rail:80px;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:var(--paper) !important; color:var(--ink);
}
.aether-ui :is(button,a,input,select,textarea,summary) { -webkit-tap-highlight-color:transparent; }
.aether-ui :is(button,summary) { touch-action:manipulation; }
.aether-ui :is(button,a,input,select,textarea,summary,[contenteditable]):focus-visible { outline:3px solid var(--accent) !important; outline-offset:3px; }
.aether-ui #art-content-panel :focus-visible { outline-color:#c4e3cc !important; }
.aether-ui > .container { width:100%; max-width:1680px !important; padding:24px 32px 48px 112px !important; }
.aether-ui header { width:var(--rail); height:80px; padding:18px !important; background:var(--paper); }
.brand-home { min-width:44px; min-height:44px; justify-content:center; }
.brand-home > span:last-child { display:none; }
.brand-symbol { width:40px; height:40px; border-radius:14px; background:var(--accent); color:white; font-size:32px; }
.aether-ui nav { width:var(--rail); inset:80px auto 0 0 !important; padding:12px 8px 24px !important; background:var(--paper) !important; border-right:1px solid var(--line) !important; }
.aether-ui nav .primary-navigation { gap:12px; }
.aether-ui nav .nav-button { flex-direction:column; justify-content:center; gap:5px; padding:8px 2px !important; min-height:60px; font-size:10px; border-radius:14px; color:var(--muted) !important; }
.aether-ui nav .nav-button span { display:block; }
.aether-ui nav .nav-button svg { width:22px; height:22px; }
.aether-ui nav .nav-button.active { background:var(--soft) !important; color:var(--accent) !important; box-shadow:none !important; }
.aether-ui nav .nav-button:hover { background:#e9ece5 !important; }
.aether-ui .film-version { display:none; }
.shell-search { top:16px; right:28px; width:44px; height:44px; min-height:44px; padding:10px; justify-content:center; border-radius:50%; background:var(--surface); }
.shell-search span { display:none; }
.shell-search svg { width:20px; height:20px; }
.aether-ui .studio-heading { margin:42px 0 24px; }
.aether-ui .studio-heading h2 { color:var(--ink); letter-spacing:-.035em; }
.aether-ui .project-heading { margin:0 56px 20px 0; min-height:60px; align-items:center; }
.aether-ui .project-identity h2 { display:none; }
.aether-ui #project-title { font-size:24px; height:44px; color:var(--ink) !important; letter-spacing:-.025em; }
.aether-ui .save-status { font-size:11px; color:#536e5b; }
.aether-ui .studio-actions { display:flex; gap:6px; align-items:center; }
.aether-ui .studio-actions > #open-projects { display:none !important; }
.aether-ui .studio-actions button,.project-menu > summary { width:44px; min-width:44px; height:44px; min-height:44px; border-radius:12px; display:grid; place-items:center; border:1px solid var(--line); background:var(--surface); color:var(--ink); }
.project-menu { position:relative; }
.project-menu > summary { list-style:none; cursor:pointer; }
.project-menu > summary::-webkit-details-marker { display:none; }
.project-menu svg { width:19px; height:19px; }
.project-menu-panel > button span { display:none; }
.project-menu-panel { position:absolute; top:50px; right:0; z-index:70; display:flex; gap:8px; padding:10px; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 30px #25322d18; }
.aether-ui .creative-tabs { display:flex !important; gap:4px !important; width:fit-content; max-width:100%; border:0 !important; padding:4px !important; margin-bottom:16px; background:#e9ece5; border-radius:16px; }
.aether-ui .post-type-btn { min-width:84px; min-height:44px !important; padding:9px 14px; border:0 !important; border-radius:12px !important; color:var(--muted) !important; }
.aether-ui .post-type-btn.active { color:var(--accent) !important; background:white !important; border:0 !important; box-shadow:0 1px 4px #25322d10; }
.aether-ui #art-content-panel { padding:16px !important; margin:0 0 20px !important; border-radius:18px !important; background:#202925 !important; }
.aether-ui #shape-start-panel { border-radius:12px 12px 0 0; }
.aether-ui .shape-btn { min-height:44px !important; border-radius:8px; }
.aether-ui .viewport-dock { border-radius:16px; padding:6px; }
.aether-ui .viewport-dock button { min-height:44px; border-radius:10px; }
.aether-ui .publish-actions { padding:8px 0 16px; }
.aether-ui .publish-actions button,.aether-ui #create-new-post-btn { min-height:44px; border-radius:12px; font-size:13px !important; }
.aether-ui #post-btn,.aether-ui #create-new-post-btn { background:var(--accent) !important; border-color:var(--accent); }
.aether-ui #post-btn:hover,.aether-ui #create-new-post-btn:hover { background:#254c3b !important; }
.aether-ui #main-text-area { border-radius:12px; }
.aether-ui .creation-caption { margin:16px 0; }
.aether-ui .feed-controls { display:flex; gap:8px; border:0; }
.aether-ui .feed-controls select { width:auto; max-width:none; min-height:44px; margin:0; padding:8px 12px; border:1px solid var(--line) !important; border-radius:10px; background:var(--surface) !important; color:var(--ink) !important; text-align:left; }
.aether-ui .feed-controls #timeline-filter { min-width:150px; }
.aether-ui .feed-controls #timeline-sort { margin-left:auto; }
.aether-ui #timeline-container,.aether-ui #profile-posts-container { gap:36px; max-width:800px; }
.aether-ui #timeline-container > .creation-card,.aether-ui #profile-posts-container > .creation-card { padding:20px !important; border:1px solid var(--line) !important; background:var(--surface) !important; border-radius:20px !important; }
.aether-ui .post-media { border-radius:12px; overflow:hidden; }
.aether-ui .creation-actions button { min-width:44px; min-height:44px; }
.aether-ui .creation-actions {flex-wrap:wrap;gap:8px;}
.aether-ui .creation-actions .support-creator-btn {color:#285441;background:#edf3eb;border:1px solid #bacdbd;border-radius:10px;padding:8px 12px;}
.support-dialog .support-creator {margin-top:20px;font-weight:600;font-size:20px;overflow-wrap:anywhere;}
.support-dialog .support-work {margin-top:4px;color:#536159;overflow-wrap:anywhere;}
.support-dialog #support-description,.support-dialog .support-next {margin-top:16px;line-height:1.5;}
.support-availability {margin-top:20px;padding:16px;border:1px solid #d8ded5;border-radius:12px;background:#edf3eb;}
.support-availability h3 {font-weight:600;margin-bottom:6px;}
.support-availability p {line-height:1.5;}
.aether-ui .post-kind { color:var(--accent); }
.aether-ui dialog { border-radius:20px; padding:24px; max-height:calc(100dvh - 32px); overflow:auto; }
.aether-ui dialog :is(button,input,select) { min-height:44px; }
.aether-ui dialog input,.aether-ui dialog textarea { font-size:16px !important; }
.aether-ui .dialog-close { min-width:44px; }
.aether-ui .sound-transport { gap:8px; }
.aether-ui .sound-transport button,.aether-ui .sound-transport select { border-radius:10px; }
.aether-ui .sound-variations { border-radius:12px; background:#ffffff05; padding:12px; }
.aether-ui .sound-settings { justify-content:flex-start; }
.aether-ui .sound-starters p { text-align:left; }
.aether-ui .sound-switcher button { min-height:44px; }
.aether-ui .film-toolbar button { border-radius:10px; }
.aether-ui .film-body { gap:16px; }
@media(max-width:760px) {
 .aether-ui > .container { padding:76px 12px calc(96px + env(safe-area-inset-bottom)) !important; }
 .aether-ui header { width:100%; height:60px; padding:8px 12px !important; border-bottom:1px solid var(--line); }
 .brand-home { gap:8px; }
 .brand-home > span:last-child { display:inline; font-size:21px; }
 .brand-symbol { width:34px; height:34px; font-size:28px; border-radius:12px; }
 .brand-period { color:var(--accent); }
 .shell-search { top:8px; right:12px; background:transparent; border:0; }
 .aether-ui nav { width:100%; inset:auto 0 0 !important; padding:6px 8px calc(6px + env(safe-area-inset-bottom)) !important; background:#f6f5f1f5 !important; border-right:0 !important; border-top:1px solid var(--line) !important; }
 .aether-ui nav .primary-navigation { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
 .aether-ui nav .nav-button { min-height:52px; padding:5px !important; gap:3px; border-radius:12px; }
 .aether-ui .project-heading { margin:0 0 14px; display:flex; align-items:center; gap:8px; }
 .aether-ui #project-title { font-size:21px !important; min-height:44px; }
 .aether-ui .creative-tabs { width:100%; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px !important; }
 .aether-ui .post-type-btn { min-width:0; min-height:52px !important; padding:6px 2px; gap:4px; font-size:11px; }
 .aether-ui #art-content-panel { padding:10px !important; border-radius:14px !important; }
 .aether-ui #panel-3d { height:54dvh !important; min-height:320px; }
 .aether-ui #timeline-container > .creation-card,.aether-ui #profile-posts-container > .creation-card { padding:12px !important; border-radius:16px !important; }
 .aether-ui #timeline-container [id^="timeline-3d-"],.aether-ui #profile-posts-container [id^="timeline-3d-"] { width:100%; }
 .aether-ui .feed-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
 .aether-ui .feed-controls :is(#timeline-filter,#timeline-sort) { grid-column:auto; min-width:0; width:100%; margin:0; font-size:16px !important; }
 .aether-ui .studio-heading { margin:4px 0 18px; }
 .aether-ui .project-heading { margin:0 0 14px; }
 .aether-ui #art-content-panel :is(button,select,summary) { min-height:44px; }
 .aether-ui #art-content-panel :is(input:not([type="checkbox"]):not([type="range"]),select) { font-size:16px !important; }
 .aether-ui #art-content-panel input[type="range"] { min-height:32px; }
 .aether-ui .sound-transport-main { flex-wrap:wrap; }
 .aether-ui .sound-commands { display:flex; flex-wrap:wrap; }
 .aether-ui .sound-commands button { min-width:44px; }
 .aether-ui .sound-variations > div:first-child { flex-wrap:wrap; }
 .aether-ui .sound-variations input { max-width:100%; }
 .aether-ui .sound-layer-mute,.aether-ui .sound-layer-solo { min-width:44px; }
 .aether-ui .sample-inspector-heading button { min-width:44px; }
 .aether-ui dialog { width:calc(100vw - 24px); max-width:calc(100vw - 24px); padding:18px; }
 .aether-ui .toast:not(.in-dialog) { bottom:calc(148px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) {
 .aether-ui *, .aether-ui *::before,.aether-ui *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

.aether-ui nav #nav-account { position:fixed; left:8px; bottom:16px; width:64px; min-height:44px; font-size:11px; overflow:hidden; }
@media(max-width:760px) {
 .aether-ui nav #nav-account { left:auto; bottom:auto; top:8px; right:60px; width:72px; min-height:44px; background:#e7eee7 !important; color:#32624d !important; font-size:12px; }
 .aether-ui nav .primary-navigation { display:grid !important; }
}

.aether-ui .instrument-settings,.aether-ui .sound-variations { border:1px solid #48564d; border-radius:12px; padding:0 12px; margin:10px 0 !important; }
.aether-ui :is(.instrument-settings,.sound-variations) > summary { min-height:44px; display:list-item; list-style-position:inside; padding:12px 0; cursor:pointer; font-size:13px; color:#d6e4d9; }
.aether-ui .sound-variations > div > strong { display:none; }
.aether-ui .instrument-settings .sound-settings { padding:12px 0 !important; }
.aether-ui .sound-starters { margin-top:12px; }
.aether-ui .writing-toolbar { border-radius:12px 12px 0 0; }
.aether-ui nav { backdrop-filter:none !important; }
.aether-ui #art-content-panel input[type="range"] { background:transparent !important; accent-color:#b9ddc5; }
.aether-ui #art-content-panel input[type="range"]::-webkit-slider-thumb { background:#b9ddc5 !important; }
.aether-ui #art-content-panel :is(.tool-button.active,.mode-button.active,.viewport-dock button[aria-pressed="true"],.film-stage-dock button[aria-pressed="true"]) { background:#b9ddc5 !important; color:#203c2d !important; }
.aether-ui #audio-play-stop:not([aria-pressed="true"]) { background:#b9ddc5; border-color:#b9ddc5; color:#203c2d; }
.aether-ui .sound-starters button,.aether-ui .sound-variations button { color:#c4e3cc; border-color:#63796a; border-radius:10px; }
.aether-ui .sound-switcher button[aria-pressed="true"] { color:#c4e3cc; border-color:#b9ddc5; }
.aether-ui nav { z-index:70; }
.aether-ui #anim-play-pause,.aether-ui #film-bring-current { background:#b9ddc5; color:#203c2d; border-color:#b9ddc5; }
.aether-ui #animation-canvas-container:has(.film-empty:not([hidden])) { min-height:0 !important; }
.aether-ui .film-empty { background:#25312b; border-color:#52695b; border-radius:14px; padding:12px; max-height:calc(100% - 16px); overflow:auto; overscroll-behavior:contain; }
.aether-ui .film-empty .film-button { background:#b9ddc5; color:#203c2d; border-radius:10px; }
.aether-ui .film-empty .film-button:last-child { background:transparent; color:#d6e4d9; }
.aether-ui #feed-snap[aria-pressed="true"] { background:var(--soft); color:var(--accent); border-color:var(--line); }
.aether-ui .creation-card.post-settled .post-kind::after { background:var(--accent); }
@media(max-width:760px) {
 .aether-ui header { height:calc(60px + env(safe-area-inset-top)); padding-top:calc(8px + env(safe-area-inset-top)) !important; }
 .aether-ui > .container { padding-top:calc(76px + env(safe-area-inset-top)) !important; padding-left:max(12px,env(safe-area-inset-left)) !important; padding-right:max(12px,env(safe-area-inset-right)) !important; }
 .shell-search,.aether-ui nav #nav-account { top:calc(8px + env(safe-area-inset-top)); }
}

.remake-reply-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; margin-bottom:12px; background:#e7eee7; border:1px solid #b5c9bb; border-radius:12px; color:#254c3b; font-size:13px; }
.remake-reply-banner[hidden] { display:none; }
.remake-reply-banner button,.remake-reply-start,.remake-original { min-height:44px; padding:8px 12px; color:#32624d; border:1px solid #b5c9bb; border-radius:10px; font-size:13px; }
.remake-reply-start,.remake-original { margin-top:12px; }
.aether-ui .remake-reply-card { width:100%; display:grid; gap:6px; text-align:left; padding:12px; min-height:64px; background:#e7eee7; color:#25322d; border:1px solid #b5c9bb; border-radius:12px; overflow-wrap:anywhere; }
.remake-reply-card strong { font-size:13px; }.remake-reply-card span { font-size:13px; }
.aether-ui .remake-reply-card img { max-height:120px !important; width:auto !important; max-width:100%; object-fit:contain; }
@media(max-width:600px){.remake-reply-banner{flex-wrap:wrap;}}

.remake-reply-start[hidden] { display:none; }
@media(max-width:760px) {
 .aether-ui .film-stage-dock button { min-width:44px; min-height:46px; flex:0 0 auto; padding:4px 6px; }
}
/* Long conversations must remain still while people type or activate replies. */
html.feed-snapping:has(.post-comments[open]) { scroll-snap-type:none !important; }
#publication-review { width:min(680px,calc(100vw - 24px)); }
#publication-review > label { display:block; margin:14px 0 6px; font-size:14px; }
#publication-format { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.publication-inclusion,.publication-scope { font-size:13px; color:var(--muted); line-height:1.6; margin:12px 0; }
.publication-preview { padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow-wrap:anywhere; }
.publication-preview h3,.aether-ui .post-title { font-size:24px; line-height:1.3; font-weight:650; margin:0 0 14px; color:var(--ink); overflow-wrap:anywhere; }
.publication-media { color:var(--accent); font-size:13px; margin-bottom:12px; }
.publication-preview img { max-height:240px; width:100%; object-fit:contain; margin-bottom:12px; }
.publication-preview img[hidden] { display:none; }
.publication-preview .writing-prose { font-size:16px; line-height:1.7; }
.publication-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:14px; }
.publication-actions button { border:1px solid var(--line); border-radius:10px; padding:10px 14px; }
.publication-submit { background:var(--accent); color:white; }
.publication-error { color:#9a342d; font-size:13px; line-height:1.5; }
.aether-ui .publish-actions { position:sticky; bottom:0; z-index:18; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 0; background:var(--paper); border-top:1px solid var(--line); }
.aether-ui .publish-actions #post-btn { margin-left:auto; }
.aether-ui .publish-actions #asset-actions { margin:0; min-width:0; flex:0 0 auto; }
.aether-ui .publish-actions #save-to-library-btn { width:auto; min-height:44px; white-space:nowrap; }
.aether-ui .publish-actions .post-short-label { display:none; }
.aether-ui .post-writing-shortcut { display:flex; align-items:center; gap:6px; min-width:0; padding:8px 10px; border:1px solid var(--line); color:var(--ink); }
.aether-ui .post-writing-shortcut[hidden] { display:none; }
.post-writing-shortcut svg { width:18px; height:18px; flex-shrink:0; }
.post-writing-shortcut span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:760px) {
 .aether-ui .publish-actions { bottom:calc(70px + env(safe-area-inset-bottom)); }
 .aether-ui .publish-actions button { font-size:12px !important; }
 .aether-ui .publish-actions #post-btn { width:auto !important; min-width:0; padding:8px 10px !important; flex:0 0 auto; }
 .aether-ui .publish-actions #post-btn > span:not(.post-short-label),.aether-ui .post-writing-shortcut span { display:none; }
 .aether-ui .publish-actions .post-short-label { display:inline; }
 .aether-ui .publish-actions .post-writing-shortcut { flex:0 0 44px; width:44px; padding:8px !important; }
 .aether-ui .publish-actions #save-to-library-btn { padding:8px 10px !important; }
}
/* Writing owns post text; other tools use the space for their creative surface. */
.aether-ui:not([data-tool="text"]) #writing-area { display:none !important; }
.aether-ui :is(#panel-2d,#panel-3d) { height:68dvh !important; min-height:420px; }
@media(min-width:761px) {
 .aether-ui #animation-canvas-container { width:min(100%,calc(min(52dvh,560px) * var(--film-aspect))) !important; }
 .aether-ui #anim-props-panel.film-inspector { height:calc(min(52dvh,560px) + 61px) !important; }
}
@media(max-width:760px) { .aether-ui :is(#panel-2d,#panel-3d) { height:62dvh !important; min-height:360px; } }
/* Keep the phone's visible paper and its input surface the same size. */
@media(max-width:760px) {
 .aether-ui #panel-2d { height:auto !important; min-height:0; }
 .aether-ui [id="2d-content"] { width:100%; height:auto; min-height:0; flex:none; }
 .aether-ui #drawing-canvas { height:auto !important; aspect-ratio:4/3; }
}
.asset-name-dialog { width:min(420px,calc(100vw - 24px)); }
.asset-name-dialog h2 { font-size:22px; margin-bottom:18px; }
.asset-name-dialog label { display:block; margin-bottom:8px; font-size:14px; }
.asset-name-dialog :is(input,select) { width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid var(--line); border-radius:10px; font-size:16px; }
.asset-name-dialog :is(.asset-save-mode,.asset-overwrite-target) { margin-bottom:16px; }
.asset-name-dialog p { color:var(--muted); font-size:13px; line-height:1.5; margin:12px 0; }
.asset-name-actions { display:flex; justify-content:flex-end; gap:8px; }
.asset-name-actions button { padding:10px 16px; border:1px solid var(--line); border-radius:10px; }
.asset-name-actions button[type="submit"] { background:var(--accent); color:white; }
.film-asset span { overflow-wrap:anywhere; }
#film-library-dialog { width:min(760px,calc(100vw - 24px)); }
#film-library-dialog > label { display:block; font-size:14px; margin:12px 0 6px; }
#film-asset-search { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.film-library-hint,.film-library-status { color:var(--muted); font-size:13px; line-height:1.5; margin:10px 0; }
.film-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.film-library-grid .film-asset { min-width:0; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:12px; }
.film-library-grid .film-asset svg { color:var(--accent); }
.film-library-grid .film-asset small { color:var(--muted); font-size:12px; line-height:1.4; }
.film-library-more { padding:10px 16px; margin-top:12px; border:1px solid var(--line); border-radius:10px; }
.film-library-more[hidden] { display:none; }
@media(max-width:600px) { .film-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.aether-ui #panel-animation > #film-inspector-dialog.film-inspector-sheet {
 position:fixed; inset:auto 0 0; margin:auto 0 0 !important; width:100%; max-width:none;
 max-height:min(76dvh,680px); padding:0; border:1px solid var(--line); border-bottom:0;
 border-radius:20px 20px 0 0; background:var(--chrome); color:var(--ink); overscroll-behavior:contain;
}
.film-inspector-sheet-bar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--chrome); }
.film-inspector-sheet-bar h2 { margin:0; font-size:18px; font-weight:600; }
.aether-ui .film-inspector-sheet #film-inspector-done { min-width:60px; min-height:44px; padding:8px 14px; color:var(--accent); border-color:var(--line); border-radius:10px; }
.aether-ui .studio-workbench #film-inspector-dialog #anim-props-panel.film-inspector { display:block !important; height:auto !important; max-height:none; overflow:visible; border:0 !important; border-radius:0 !important; padding:14px 16px calc(20px + env(safe-area-inset-bottom)) !important; }
.film-inspector-sheet #anim-props-header { display:none; }
.film-inspector-sheet :is(.film-pair,.film-check,.film-title-edit) { scroll-margin-block:80px 24px; }
.film-inspector-sheet :is(.film-check,.film-precision,.film-track-actions) { border-color:var(--line); }
.film-saved-pose { display:none; }
@media(max-width:760px) {
 .film-saved-pose { display:block; margin:12px 0; }
 .film-saved-pose > span { display:block; margin-bottom:6px; }
 .aether-ui[data-tool="animation"] .studio-workbench #art-content-panel { overflow:visible; }
 .aether-ui .studio-workbench #art-content-panel #panel-animation > .film-toolbar {
  position:sticky; top:calc(60px + env(safe-area-inset-top)); z-index:20; background:var(--chrome) !important;
 }
}
.project-workspace { margin-bottom:16px; }
.aether-ui .project-workspace .creative-tabs { width:100%; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:8px; }
.aether-ui .project-workspace .post-type-btn { display:flex; flex-direction:column; gap:4px; min-width:0; padding:8px 4px; }
.project-workspace .post-type-btn small { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:400; color:var(--muted); }
.project-workspace .project-tray-actions { justify-content:flex-end; padding:0; }
.aether-ui .project-workspace .project-tray-actions button { width:auto !important; flex:0 1 auto; }
@media(max-width:600px) {
 .aether-ui .project-workspace .project-tray-actions { flex-wrap:nowrap; gap:6px; }
 .aether-ui .project-workspace .project-tray-actions button { padding:8px; font-size:12px; }
}

/* Comfortable shared controls; timeline markers retain their time-based geometry. */
.aether-ui #art-content-panel :is(button:not(.film-key):not(.film-clip),summary,select),
.aether-ui .writing-toolbar :is(button,summary) { min-width:44px; min-height:44px; }
.aether-ui #art-content-panel input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height:44px; }
.aether-ui #art-content-panel input[type="color"] { min-width:44px; }
.aether-ui #art-content-panel label:has(> input[type="checkbox"]) { min-height:44px; display:flex; align-items:center; gap:8px; cursor:pointer; }
.aether-ui #art-content-panel input[type="range"] { cursor:pointer; }
.aether-ui #art-content-panel :is(label,.sound-transport,.sound-switcher) { font-size:13px; }
.aether-ui .film-lane { min-height:54px; }
.aether-ui .film-clip { color:#101a16; font-size:12px; }
.aether-ui .film-clip.audio { background:#b294ce; }
/* A small pose diamond inside a full-size button preserves the exact time anchor. */
.aether-ui #art-content-panel .film-key { width:44px; height:44px; min-height:44px; top:5px; padding:0; border:0; background:transparent; transform:translateX(-50%) !important; }
.aether-ui .film-key::after { width:18px; height:18px; pointer-events:none; }
.aether-ui .writing-inline-controls { flex-wrap:wrap; }
.aether-ui .writing-toolbar { top:12px; }
.aether-ui nav .nav-button { font-size:11px; }
.aether-ui :is(.save-status,.word-count) { font-size:12px; }
.aether-ui .feed-controls :is(button,select),.aether-ui .post-comments :is(summary,button,input) { min-width:44px; min-height:44px; }
.aether-ui .creation-card a.font-semibold { display:inline-flex; align-items:center; min-height:44px; }
.aether-ui .skip-content { position:fixed; top:8px; left:8px; z-index:200; transform:translateY(-150%); padding:12px 18px; min-height:44px; border-radius:12px; background:var(--surface); color:var(--ink); border:2px solid var(--accent); }
.aether-ui .skip-content:focus { transform:none; }
.aether-ui :is(#creation-view,#timeline-view,#profile-view) { scroll-margin-block:80px; }
@media(max-width:760px) {
 .aether-ui .writing-toolbar { top:calc(60px + env(safe-area-inset-top)); }
 .aether-ui .writing-more { min-width:44px; }
 .aether-ui [id="3d-content"] > div:first-child > div:first-child { flex-wrap:wrap; gap:4px; }
 .aether-ui [id="3d-content"] > div:first-child > div:first-child > * { margin-left:0 !important; }
 .aether-ui #shape-budget { white-space:nowrap; }
}
@media(prefers-contrast:more) {
 .aether-ui { --line:#78877d; --muted:#384b3e; }
 .aether-ui #art-content-panel :is(button,select,input,summary) { border-color:#9cab9f; }
}
@media(forced-colors:active) {
 .aether-ui :is(button,summary,input,select) { border:1px solid ButtonText !important; }
.aether-ui :is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"]) { outline:2px solid Highlight !important; }
}

/* A single application surface surrounds each editor; dark areas belong to media. */
.studio-workbench {
 --chrome:var(--surface); --chrome-soft:#f3f6f1; --stage:#242428;
 min-width:0; background:var(--chrome); border:1px solid var(--line); border-radius:18px;
}
.aether-ui .studio-workbench .project-workspace {
 display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0;
 padding:10px 16px; border-bottom:1px solid var(--line);
}
.aether-ui .studio-workbench .creative-tabs {
 flex:1 1 480px; width:auto; margin:0; padding:0 !important;
 background:transparent; gap:4px !important; border-radius:0;
}
.aether-ui .studio-workbench .post-type-btn {
 display:grid; grid-template-columns:18px auto; grid-template-rows:auto auto;
 align-content:center; column-gap:8px; row-gap:2px; min-height:58px !important;
 padding:7px 10px; border-radius:10px !important; background:transparent;
}
.studio-workbench .post-type-btn svg { grid-row:1 / 3; align-self:center; }
.studio-workbench .post-type-btn span,.studio-workbench .post-type-btn small { text-align:left; }
.aether-ui .studio-workbench .post-type-btn.active {
 background:var(--soft) !important; box-shadow:none;
}
.studio-workbench .project-tray-actions { margin-left:auto; flex-shrink:0; }
.aether-ui .studio-workbench .project-tray-actions button { border-radius:10px; padding:8px 12px; border-color:var(--line) !important; }
.aether-ui .studio-workbench #project-compose { background:var(--soft); color:var(--accent); border-color:transparent !important; }
.aether-ui .studio-workbench #save-to-library-btn { border-color:var(--line) !important; color:var(--ink); }
.aether-ui .studio-workbench #main-content { padding:0 16px; min-width:0; }
.aether-ui .studio-workbench #art-content-panel {
 color-scheme:light; color:var(--ink); background:transparent !important;
 padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important;
}
.aether-ui .studio-workbench #shape-start-panel {
 padding:8px 16px !important; margin:0 !important; background:var(--chrome-soft) !important;
 border:0 !important; border-bottom:1px solid var(--line) !important; border-radius:0;
}
.aether-ui .studio-workbench .shape-btn { color:var(--ink); background:transparent !important; }
.aether-ui .studio-workbench .shape-btn:hover { color:var(--accent); background:var(--soft) !important; }
.studio-workbench #shape-budget { color:var(--muted); }
.aether-ui .studio-workbench #art-content-panel :is(.model-toolbar,.drawing-toolbar,.film-toolbar,.sound-transport) {
 background:transparent !important; border:0 !important; border-bottom:1px solid var(--line) !important;
 border-radius:0 !important; padding:12px 0 !important; gap:8px; margin-bottom:12px !important;
}
.aether-ui .studio-workbench :is(.model-toolbar,.drawing-toolbar) { justify-content:flex-start !important; }
.aether-ui .studio-workbench #art-content-panel :where(button:not(.sequencer-step):not(.piano-key):not(.sound-clip):not(.film-clip):not(.film-key),select,input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"])) {
 background:var(--chrome) !important; color:var(--ink) !important;
 border:1px solid var(--line); border-color:var(--line) !important; border-radius:8px; box-shadow:none;
}
.aether-ui .studio-workbench #art-content-panel :where(button:not(.sequencer-step):not(.piano-key):not(.sound-clip):not(.film-clip):not(.film-key)):hover:not(:disabled) {
 background:var(--chrome-soft) !important; color:var(--accent) !important;
}
.aether-ui .studio-workbench #art-content-panel :is(.tool-button.active,.mode-button.active,button[aria-pressed="true"]:not(.sequencer-step):not(.piano-key)) {
 background:var(--soft) !important; color:var(--accent) !important; border-color:#a7bfae;
}
.aether-ui .studio-workbench #art-content-panel :is(#anim-play-pause,#audio-play-stop) {
 background:var(--accent) !important; color:white !important; border-color:var(--accent);
}
.aether-ui .studio-workbench #art-content-panel :is(#audio-play-stop[aria-pressed="true"],#draw-clear,#delete-object-btn,#film-delete) { color:#9a342d !important; }
.aether-ui .studio-workbench #art-content-panel #audio-play-stop[aria-pressed="true"] { background:#f5e8e2 !important; border-color:#d6aca1; }
.aether-ui .studio-workbench #art-content-panel :is(label,summary,h4,.drawing-opacity,.film-vector span,.film-range,.film-range-value,.film-precision,.film-rig strong,.film-settings,#sound-clock,#sound-layer-count,#sound-state,.sound-empty,.sample-inspector-heading h3,#sound-inspector output,.sound-starters p,.sound-variations p) { color:var(--muted); }
.aether-ui .studio-workbench #art-content-panel :is(.text-gray-400,.text-gray-300,.text-gray-500) { color:var(--muted) !important; }
.aether-ui .studio-workbench #art-content-panel input:is([type="checkbox"],[type="radio"],[type="range"]) { accent-color:var(--accent); }
.aether-ui .studio-workbench #art-content-panel input[type="range"]::-webkit-slider-thumb { background:var(--accent) !important; }
.aether-ui .studio-workbench #art-content-panel input[type="range"]::-webkit-slider-runnable-track { background:#9ba99f; border-radius:4px; }
.aether-ui .studio-workbench #art-content-panel input[type="range"]::-moz-range-track { background:#9ba99f; border-radius:4px; }
.aether-ui .studio-workbench #art-content-panel :focus-visible { outline-color:var(--accent) !important; }
.aether-ui .studio-workbench #art-content-panel :is(.sequencer-step,.film-key,.film-clip,.sound-clip):focus-visible { outline-color:#e1f4e4 !important; outline-offset:-3px; }

/* Inspectors use the same fields and separators as project controls. */
.aether-ui .studio-workbench #object-selector-panel,
.aether-ui .studio-workbench #anim-props-panel.film-inspector,
.aether-ui .studio-workbench #sound-inspector {
 background:var(--chrome-soft) !important; color:var(--ink); border-color:var(--line) !important;
 border-radius:10px !important; padding:14px !important; scrollbar-color:#a7b7a8 transparent;
}
.aether-ui .studio-workbench :is(#object-inspector,.surface-controls,.object-actions,.film-rig,.film-timeline,.sound-switcher,.sound-layer,.sound-advanced) { border-color:var(--line); }
.aether-ui .studio-workbench #object-list li { color:var(--ink); background:transparent; border:1px solid transparent; border-radius:8px; }
.aether-ui .studio-workbench #object-list li.active { background:var(--soft) !important; color:var(--accent) !important; border-color:#a7bfae !important; }
.aether-ui .studio-workbench #object-selector-panel p { color:var(--muted); }
.aether-ui .studio-workbench :is(.viewport-dock,.film-stage-dock) { background:var(--chrome); border-color:var(--line); }
.aether-ui .studio-workbench .viewport-dock { box-shadow:0 3px 16px #16251e24; }
.aether-ui .studio-workbench :is(#three-canvas-container,[id="2d-content"],.film-stage-wrap) { border-radius:10px; }
.aether-ui .studio-workbench #three-canvas-container { min-width:0; flex:1 1 0; }
.aether-ui .studio-workbench .model-toolbar { flex:0 0 auto !important; min-height:68px; max-height:none !important; margin-top:0 !important; }
.aether-ui .studio-workbench #contextual-toolbar-container:not(:has(> :not(.hidden))) { display:none; }
.aether-ui .studio-workbench #art-content-panel .drawing-toolbar { overflow:visible; align-items:center; }
.drawing-primary,.drawing-style,.drawing-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.drawing-primary .drawing-shapes { display:contents; }
.drawing-style { flex:1; }
.drawing-style input[type="range"] { min-width:40px; width:100px; flex:1; max-width:140px; }
.drawing-style input[type="color"] { flex-shrink:0; }
.drawing-actions { margin-left:auto; }
.drawing-actions #draw-clear span { display:none; }
.drawing-settings { position:relative; }
.drawing-settings > summary { display:grid; place-items:center; width:44px; min-height:44px; cursor:pointer; list-style:none; border:1px solid var(--line); border-radius:8px; }
.drawing-settings > summary::-webkit-details-marker { display:none; }
.drawing-settings svg { width:18px; height:18px; }
.drawing-settings[open] > summary { background:var(--soft); color:var(--accent) !important; }
.drawing-settings-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:24; width:230px; padding:12px; background:var(--chrome); border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 24px #25322d20; }
.aether-ui .studio-workbench #drawing-mirror { display:flex; align-items:center; justify-content:flex-start; gap:8px; width:100%; padding:8px; font-size:13px; }
.drawing-settings-panel .drawing-opacity { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.drawing-settings-panel .drawing-opacity input { flex:1; min-width:80px; }
.aether-ui .studio-workbench .film-body { gap:12px; }
.aether-ui .studio-workbench .film-stage-dock { border-top:1px solid var(--line); }
.aether-ui .studio-workbench .film-settings-disclosure > summary { color:var(--ink); border-color:var(--line); background:var(--chrome-soft); }
.aether-ui .studio-workbench .film-settings-disclosure[open] .film-settings { background:var(--chrome); border-color:var(--line); box-shadow:0 8px 24px #25322d20; }
.aether-ui .studio-workbench .film-track { background:var(--chrome-soft); }
.aether-ui .studio-workbench .film-track.selected { background:var(--soft); }
.aether-ui .studio-workbench .film-lane { background-color:var(--stage); border-radius:6px; }
.aether-ui .studio-workbench .film-ruler { color:var(--muted); }
.aether-ui .studio-workbench .film-track.selected .film-track-name { color:var(--accent) !important; }
.aether-ui .studio-workbench .film-empty { color:#d6e4d9; }
.aether-ui .studio-workbench .film-empty button { border-color:var(--line); }

/* Sound's grid and waveform lanes keep their content colors; its chrome joins the shell. */
.aether-ui .studio-workbench #panel-audio:not(.hidden) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
.aether-ui .studio-workbench #panel-audio > * { grid-column:1 / -1; }
.aether-ui .studio-workbench #panel-audio > :is(.instrument-settings,.sound-variations) { grid-column:auto; min-width:0; }
.aether-ui .studio-workbench :is(.instrument-settings,.sound-variations) {
 background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0;
 padding:0; margin:0 0 8px !important;
}
.aether-ui .studio-workbench :is(.instrument-settings,.sound-variations) > summary { color:var(--muted); }
.aether-ui .studio-workbench .sound-switcher { gap:8px; margin-top:8px !important; }
.aether-ui .studio-workbench .sound-switcher button { padding:8px 12px; border-color:transparent; border-radius:8px 8px 0 0; }
.aether-ui .studio-workbench .sound-switcher button[aria-pressed="true"] { border-bottom:2px solid var(--accent); }
.aether-ui .studio-workbench .sound-layer.selected .sound-layer-select { color:var(--accent) !important; }
.aether-ui .studio-workbench #sound-ruler { color:var(--muted); }
.aether-ui .studio-workbench #sound-ruler > div span { border-color:var(--line); }
.aether-ui .studio-workbench #sequencer { background:var(--stage); padding:16px; border-radius:10px; margin:12px 0; }
.aether-ui .studio-workbench #sequencer .text-gray-400 { color:#bdcbbf !important; }
.aether-ui .studio-workbench .sound-notes { padding-bottom:12px; }
.aether-ui .studio-workbench .sound-starters { margin-top:8px; }
.aether-ui .studio-workbench .sound-starters p { margin-top:0; }
.aether-ui .studio-workbench .sound-starters > span { color:var(--muted); }
.aether-ui .studio-workbench .sound-settings { gap:10px; }
.aether-ui .studio-workbench .sound-empty { border-color:var(--line); }
.sound-keyboard-hint { color:var(--muted); font-size:12px; line-height:1.5; margin:8px 0; }

/* The document and publishing footer share the same outer edges as every tool. */
.aether-ui .studio-workbench #writing-area { max-width:none; margin:0; padding:12px 0 0; }
.aether-ui .studio-workbench .caption-heading { margin:0 0 8px; }
.aether-ui .studio-workbench .writing-toolbar { background:var(--chrome); border-color:var(--line); border-radius:0; }
.aether-ui .studio-workbench .writing-toolbar button[aria-pressed="true"] { background:var(--soft); color:var(--accent); box-shadow:inset 0 -2px var(--accent); }
.aether-ui .studio-workbench :is(#writing-document,.caption-heading) { max-width:820px; margin-inline:auto; }
.aether-ui .studio-workbench #writing-editor { padding-inline:16px; min-height:48dvh; }
.aether-ui .studio-workbench #writing-editor.ql-blank::before { left:16px; right:16px; }
.aether-ui .studio-workbench .publish-actions { max-width:none; margin:12px -16px 0; padding:12px 16px; background:var(--chrome); border-radius:0 0 18px 18px; }
.aether-ui:is(.focus-studio,.film-expanded) .studio-workbench .project-workspace { display:none; }
@media(max-width:1100px) {
 .aether-ui .studio-workbench .project-workspace { gap:6px; }
 .aether-ui .studio-workbench .creative-tabs { flex-basis:100%; }
}
@media(max-width:760px) {
 .studio-workbench { border-radius:14px; }
 .aether-ui .studio-workbench .project-workspace { padding:6px 8px 8px; }
 .aether-ui .studio-workbench .creative-tabs { gap:2px !important; }
 .aether-ui .studio-workbench .post-type-btn { position:relative; display:flex; flex-direction:column; padding:6px 2px; gap:3px; min-height:52px !important; }
 .aether-ui .studio-workbench .post-type-btn small { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .aether-ui .studio-workbench .post-type-btn.has-content::after { content:''; position:absolute; top:7px; right:8px; width:5px; height:5px; border-radius:50%; background:var(--accent); }
.studio-workbench .post-type-btn span,.studio-workbench .post-type-btn small { text-align:center; }
 .aether-ui .project-menu-panel { width:min(268px,calc(100vw - 32px)); display:flex; flex-direction:column; gap:6px; }
 .aether-ui .project-menu-panel .project-tray-actions { margin:0; padding:0 0 8px; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; }
 .aether-ui .project-menu-panel .project-tray-actions button { width:100%; height:auto; min-height:44px; display:flex; justify-content:flex-start; gap:10px; padding:10px; font-size:14px; border:0; background:transparent; color:var(--ink); }
 .aether-ui .project-menu-panel #project-compose { background:var(--soft); color:var(--accent); }
 .aether-ui .project-menu-panel > button { width:100%; min-height:44px; display:flex; justify-content:flex-start; gap:10px; padding:10px; }
 .aether-ui .project-menu-panel > button span { display:inline; }
 .aether-ui .studio-workbench #main-content { padding:0 10px; }
 .aether-ui .studio-workbench #shape-start-panel { padding:6px 10px !important; }
 .aether-ui .studio-workbench .publish-actions { margin:10px -10px 0; padding:10px; border-radius:0 0 14px 14px; }
 .aether-ui .studio-workbench #art-content-panel :is(.model-toolbar,.drawing-toolbar,.film-toolbar,.sound-transport) { padding:8px 0 !important; margin-bottom:8px !important; }
 .aether-ui .studio-workbench #writing-editor { padding-inline:4px; }
 .aether-ui .studio-workbench #writing-editor.ql-blank::before { left:4px; right:4px; }
 .aether-ui .studio-workbench .sound-transport-main { gap:6px; }
 .aether-ui .studio-workbench #panel-audio > :is(.instrument-settings,.sound-variations) { grid-column:1 / -1; }
 .aether-ui .studio-workbench #object-selector-panel { border-left:0 !important; }
 .aether-ui .studio-workbench #art-content-panel .drawing-toolbar { display:grid; grid-template-columns:minmax(0,1fr); gap:8px !important; }
 .drawing-primary,.drawing-actions { justify-content:space-between; width:100%; gap:4px; margin:0; }
 .drawing-style { gap:8px; }
 .drawing-style input[type="range"] { width:0; max-width:none; }
 .aether-ui .studio-workbench :is(.drawing-primary,.drawing-actions) > button { width:44px; padding:8px; }
}

/* Phone editor controls: keep choices legible without squeezing their hit areas. */
.shape-choices > summary {display:flex;align-items:center;min-height:44px;gap:12px;cursor:pointer;}
.aether-ui .shape-choices #shape-budget {margin-left:auto;}
@media(max-width:760px) {
 .aether-ui .shape-choices > summary {display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;color:var(--ink);font-size:15px;}
 .shape-choices > summary::before {content:'+';font-size:22px;}
 .shape-choices[open] > summary::before {content:'−';}
 .shape-choices > summary::-webkit-details-marker {display:none;}
 .aether-ui .shape-choices #shape-buttons {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;white-space:normal;padding:8px 0;}
 .aether-ui .shape-choices #shape-buttons > button {margin:0 !important;min-width:0;min-height:44px;padding:6px 2px;font-size:13px;}
 .aether-ui .studio-workbench .sound-transport-main {display:grid;grid-template-columns:48px 44px minmax(0,1fr);width:100%;gap:8px;}
 .aether-ui .sound-transport-main > label:has(#sound-bars) {justify-content:flex-end;font-size:13px;}
 .aether-ui .sound-transport-main > label:has(#sound-repeat) {grid-column:1 / -1;min-height:44px;font-size:14px;gap:10px;}
 .aether-ui .sound-transport-main .sound-master {grid-column:1 / -1;margin:0;font-size:14px !important;gap:12px;}
 .aether-ui .sound-master input {width:auto;flex:1;min-width:120px;max-width:none !important;}
 .aether-ui #art-content-panel label:has(> input[type="checkbox"]) {min-height:44px;display:flex;align-items:center;gap:8px;}
 .aether-ui #art-content-panel input[type="checkbox"] {width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent);}
 .aether-ui .film-settings-disclosure .film-settings {width:min(270px,calc(100vw - 64px));gap:12px;}
 .aether-ui .film-settings > label {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:14px;}
 .aether-ui .film-settings #film-format {flex:1;min-width:0;}
 .aether-ui #art-content-panel select {max-width:100%;text-overflow:ellipsis;}
 .aether-ui .writing-toolbar select {border:1px solid var(--line) !important;border-radius:8px;padding-inline:8px !important;}
 .aether-ui #art-content-panel :is(input,select,textarea,[contenteditable="true"]) {scroll-margin-block:90px 170px;}
}
@media(max-width:1000px) and (max-height:500px) {
 .aether-ui #art-content-panel :is(select,input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),textarea) {font-size:16px !important;min-height:44px;}
 .aether-ui dialog {max-height:calc(100dvh - 24px);}
}
@media(max-width:760px) {
 .aether-ui .studio-workbench .film-toolbar {position:relative;}
 .aether-ui .film-settings-disclosure {position:static;}
 .aether-ui .film-settings-disclosure .film-settings {left:0;right:0;transform:none;width:auto;max-width:100%;}
}

/* Film can use the whole browser window without changing the saved camera frame. */
#film-timeline-toggle[hidden] { display:none !important; }
@media(max-width:760px) {
 .aether-ui[data-tool="animation"]:not(.film-expanded) .studio-workbench { margin-inline:-12px; border-inline:0; border-radius:0; }
 .aether-ui[data-tool="animation"]:not(.film-expanded) .studio-workbench #main-content { padding-inline:0; }
 .aether-ui[data-tool="animation"]:not(.film-expanded) #panel-animation > .film-toolbar { padding-inline:12px !important; }
 .aether-ui[data-tool="animation"]:not(.film-expanded) .studio-workbench .publish-actions { margin-inline:0; }
 .aether-ui[data-tool="animation"]:not(.film-expanded) .film-timeline { padding-inline:12px; }
 .aether-ui[data-tool="animation"]:not(.film-expanded) .film-stage-wrap { border-radius:0; }
}
.aether-ui.film-expanded { overflow:hidden; }
.aether-ui.film-expanded :is(header,nav,.project-heading,.project-workspace,.publish-actions) { visibility:hidden; }
.aether-ui.film-expanded #panel-animation {
 position:fixed; inset:0; z-index:160; width:100%; height:100dvh !important; min-height:0 !important;
 display:grid !important; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) minmax(100px,28dvh);
 gap:0; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 margin:0 !important; background:var(--chrome); overflow:hidden; animation:none !important;
}
.aether-ui.film-expanded #panel-animation.film-timeline-hidden { grid-template-rows:auto minmax(0,1fr); }
.aether-ui.film-expanded #panel-animation > .film-toolbar {
 grid-row:1; grid-column:1 / -1; position:relative !important; top:0 !important; z-index:5;
 margin:0 !important; padding:8px 12px !important; border-radius:0; background:var(--chrome) !important;
}
.aether-ui.film-expanded #panel-animation .film-body { display:contents !important; }
.aether-ui.film-expanded #panel-animation .film-stage-wrap {
 grid-row:2; grid-column:1; display:grid; grid-template-rows:minmax(0,1fr) auto;
 align-items:stretch; justify-content:stretch; min-height:0; border-radius:0;
}
.aether-ui.film-expanded #panel-animation .film-viewer-space {
 display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; overflow:hidden;
}
.aether-ui.film-expanded #panel-animation #animation-canvas-container {
 width:var(--film-fit-width,100%) !important; height:var(--film-fit-height,auto) !important;
 min-height:0 !important; max-width:100%; max-height:100%; margin:0 !important;
}
.aether-ui.film-expanded #panel-animation .film-stage-dock { width:100%; min-width:0; border-radius:0; }
.aether-ui.film-expanded #film-track-inspect { display:inline-flex; }
.aether-ui.film-expanded #panel-animation > .film-timeline {
 grid-row:3; grid-column:1; display:flex; flex-direction:column; min-height:0; padding:8px 12px;
 border-top:1px solid var(--line); overflow:hidden; background:var(--chrome);
}
.aether-ui.film-expanded #panel-animation > .film-timeline[hidden] { display:none; }
.aether-ui.film-expanded #panel-animation #anim-layers-list { min-height:0; max-height:none; overflow:auto; }
.aether-ui.film-expanded #panel-animation .film-timebar,.aether-ui.film-expanded #film-ruler { flex-shrink:0; }
.aether-ui.film-expanded #panel-animation .film-immersive-save {
 visibility:visible; display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; min-height:44px;
 padding:8px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:var(--chrome-soft);
}
.aether-ui.film-expanded #studio-toast { z-index:180; bottom:calc(16px + env(safe-area-inset-bottom)); }
.aether-ui.film-expanded #studio-toast.in-dialog { bottom:0; }
.aether-ui.film-expanded .film-saved-pose { display:block; margin:12px 0; }
.aether-ui .film-stage-dock .film-pose-bar {
 display:grid; grid-template-columns:minmax(64px,.7fr) repeat(2,minmax(0,1fr)); grid-column:1 / -1;
 flex:1 0 100%; gap:6px; align-items:center; width:100%; min-width:0;
 padding-top:6px; border-top:1px solid var(--line);
}
.aether-ui .film-stage-dock .film-pose-bar[hidden] { display:none; }
.aether-ui .film-pose-moment { position:relative; display:block; min-width:0; }
.aether-ui .film-pose-moment::after { content:'s'; position:absolute; right:8px; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none; }
.aether-ui #film-pose-moment { width:100%; min-width:0; height:44px; padding:6px 20px 6px 8px; font-size:16px; font-variant-numeric:tabular-nums; appearance:textfield; }
.aether-ui #film-pose-moment::-webkit-inner-spin-button { appearance:none; }
.aether-ui .film-stage-dock .film-pose-bar button { width:100%; min-width:0; min-height:44px; padding:6px; gap:5px; flex-direction:row; font-size:12px; white-space:nowrap; border:1px solid var(--line); border-radius:9px; }
.aether-ui .film-stage-dock #film-pose-save { background:var(--accent); color:var(--on-accent,#fff); }
.aether-ui .film-stage-dock .film-pose-bar button:disabled { opacity:.45; }
.film-pose-moment > span,.film-pose-help { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.aether-ui .film-pose-help-visible { position:static; grid-column:1 / -1; width:auto; height:auto; clip-path:none; white-space:normal; font-size:12px; color:var(--muted); }
.aether-ui .film-pose-advanced { margin-top:12px; border-top:1px solid var(--line); }
.aether-ui .film-pose-advanced > summary { min-height:44px; padding:12px 0; cursor:pointer; color:var(--ink); font-weight:500; }
@media(max-width:760px), (max-width:1000px) and (max-height:500px) {
 .aether-ui .film-empty { padding:8px; }
 .aether-ui .film-empty:not([hidden]) { display:flex; flex-direction:column; align-items:center; gap:4px; }
 .aether-ui .film-empty p { margin:0; }
 .aether-ui .film-empty .film-button { flex-shrink:0; margin:0; max-width:100%; }
 .aether-ui #panel-animation .film-toolbar #anim-add-asset { grid-column:auto; }
 .aether-ui #panel-animation .film-mobile-actions > button { grid-column:auto; grid-row:auto; }
 .aether-ui.film-expanded #panel-animation > .film-toolbar { grid-template-columns:44px minmax(44px,1fr) repeat(3,44px); gap:5px; padding-inline:8px !important; }
 .aether-ui.film-expanded #panel-animation .film-stage-dock { grid-template-columns:minmax(72px,1fr) repeat(4,44px); gap:4px; padding:6px; }
 .aether-ui.film-expanded #film-timeline-toggle { width:44px; min-width:44px; padding-inline:4px; }
 .aether-ui.film-expanded #film-timeline-toggle span { display:none; }
 .aether-ui.film-expanded #panel-animation .film-mobile-menu { max-height:min(70dvh,480px); }
 .aether-ui #panel-animation .film-saved-pose { display:block; margin:12px 0; }
}
@media(min-width:640px) and (max-height:500px) {
 .aether-ui.film-expanded #panel-animation { grid-template-columns:minmax(0,1fr) minmax(240px,34%); grid-template-rows:auto minmax(0,1fr); }
 .aether-ui.film-expanded #panel-animation > .film-timeline { grid-row:2; grid-column:2; border-top:0; border-left:1px solid var(--line); }
 .aether-ui.film-expanded #panel-animation.film-timeline-hidden { grid-template-columns:minmax(0,1fr); }
 .aether-ui.film-expanded #panel-animation.film-timeline-hidden .film-stage-dock { grid-template-columns:minmax(72px,1fr) repeat(4,44px) minmax(280px,1.3fr); }
 .aether-ui.film-expanded #panel-animation.film-timeline-hidden .film-pose-bar { grid-column:auto; border-top:0; padding-top:0; }
}
@media(min-width:1024px) {
 .aether-ui .film-stage-dock .film-pose-bar { flex:1 1 280px; width:auto; min-width:280px; border-top:0; padding-top:0; }
}

/* Model and Sound share Film's focused workspace and progressive controls. */
.model-control-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.aether-ui .studio-workbench #art-content-panel .model-toolbar {
 display:flex; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:8px; min-height:60px; position:relative; z-index:7; overflow:visible !important;
}
.aether-ui .model-toolbar > #mode-select { flex:1 1 110px; width:auto; max-width:220px; min-height:44px; }
.aether-ui .model-toolbar > :is(#focus-studio,#scene-objects-toggle) { flex:0 0 44px; width:44px; height:44px; padding:8px; }
.aether-ui .model-toolbar > :is(#focus-studio,#scene-objects-toggle) span { display:none; }
.aether-ui .model-toolbar #contextual-toolbar-container { order:10; flex:1 0 100%; width:100%; min-height:0; max-height:none; margin:0 !important; padding:0; overflow:visible; }
.aether-ui .model-toolbar :is(#arrange-tools,#sculpt-tools,#color-tools,#lighting-tools) { flex-wrap:wrap !important; width:100%; max-width:100%; gap:8px; margin:0; padding:0; overflow:visible; }
.aether-ui .model-toolbar :is(#arrange-tools,#sculpt-tools,#color-tools,#lighting-tools) > * { margin:0 !important; }
.aether-ui .model-toolbar #sculpt-tools > input[type="range"] { flex:1; min-width:60px; width:70px; max-width:240px; }
.aether-ui .model-toolbar [hidden],.aether-ui .model-history [hidden] { display:none !important; }
.aether-ui .model-toolbar #draw-tools { flex-wrap:wrap; gap:8px; }
.aether-ui .model-toolbar #fill-tools { flex:1 1 180px; min-width:0; white-space:normal; }
.model-more { position:relative; flex:0 0 44px; margin-left:auto; }
.model-more > summary { display:grid; place-items:center; width:44px; height:44px; cursor:pointer; list-style:none; border:1px solid var(--line); border-radius:8px; }
.model-more > summary::-webkit-details-marker { display:none; }
.model-more > summary span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.model-more > summary svg { width:20px; height:20px; }
.model-more[open] > summary { background:var(--soft); color:var(--accent); }
.model-more-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:24; width:min(280px,calc(100vw - 32px)); max-height:65dvh; overflow:auto; overscroll-behavior:contain; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--chrome); box-shadow:0 8px 24px #25322d20; }
.aether-ui .model-export-actions { display:flex; flex-direction:column; gap:8px; }
.aether-ui .model-export-actions button { display:flex; justify-content:flex-start; gap:10px; width:100%; min-height:44px; padding:8px 12px; font-size:14px; }
.model-sculpt-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; padding-top:8px; border-top:1px solid var(--line); }
.model-sculpt-options h3,.model-sculpt-options input { grid-column:1 / -1; margin:0; }
.model-sculpt-options h3 { font-size:14px; font-weight:600; }
.aether-ui .studio-workbench .viewport-dock.model-history { bottom:12px; gap:6px; padding:6px; border-radius:12px; }
.aether-ui .model-history button { min-width:44px; height:44px; padding:8px; }
.aether-ui #panel-3d > #model-inspector-dialog.model-inspector-sheet {
 position:fixed; inset:auto 0 0; margin:auto 0 0 !important; width:100%; max-width:none; max-height:min(78dvh,720px);
 padding:0; border:1px solid var(--line); border-bottom:0; border-radius:20px 20px 0 0;
 background:var(--chrome); color:var(--ink); overflow:auto; overscroll-behavior:contain;
}
.model-inspector-sheet-bar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--chrome); }
.model-inspector-sheet-bar h2 { margin:0; font-size:18px; font-weight:600; }
.aether-ui #model-inspector-done { min-width:60px; min-height:44px; padding:8px 14px; color:var(--accent); }
.aether-ui .studio-workbench #model-inspector-dialog #object-selector-panel {
 display:block !important; position:static; width:100% !important; max-width:none; height:auto !important; max-height:none;
 overflow:visible; border:0 !important; border-radius:0 !important; padding:14px 16px calc(20px + env(safe-area-inset-bottom)) !important;
}
.aether-ui .studio-workbench #object-list li { padding:0; }
.aether-ui .studio-workbench #object-list button { width:100%; min-height:44px; text-align:left; padding:8px 10px; overflow-wrap:anywhere; }
.aether-ui #model-transform-settings > summary { min-height:44px; padding:12px 0; cursor:pointer; font-size:14px; color:var(--ink); }
.aether-ui #model-transform-settings .transform-input { width:100%; min-width:0; min-height:44px; font-size:16px; }
.aether-ui #model-transform-settings > div { margin-bottom:12px; }
.aether-ui:is(.focus-studio,.sound-expanded) { overflow:hidden; }
.aether-ui:is(.focus-studio,.sound-expanded) :is(header,nav,.project-heading,.project-workspace,.publish-actions) { visibility:hidden; }
.aether-ui.focus-studio #panel-3d,.aether-ui.sound-expanded #panel-audio {
 position:fixed; inset:0; z-index:160; width:100%; height:100dvh !important; min-height:0 !important; max-height:none !important;
 margin:0 !important; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 background:var(--chrome); overflow:hidden; animation:none !important;
}
.aether-ui.focus-studio #panel-3d { display:flex !important; flex-direction:column; }
.aether-ui.focus-studio #panel-3d [id="3d-content"] { display:flex; flex-direction:column; flex:1; min-height:0; margin:0; }
.aether-ui.focus-studio #panel-3d [id="3d-content"] > :last-child { flex:1; min-height:0; margin:0; }
.aether-ui.focus-studio #panel-3d #three-canvas-container { min-height:0 !important; height:100% !important; border-radius:0; }
.aether-ui.focus-studio #panel-3d .model-toolbar { margin:0 !important; padding:8px 12px !important; }
.aether-ui.focus-studio #shape-start-panel.workspace-immersive-shapes {
 display:block !important; order:-1; flex:1 0 100%; padding:0 !important; margin:0 !important; border:0 !important;
}
.aether-ui.focus-studio .workspace-immersive-shapes .shape-choices { width:100%; }
.aether-ui.focus-studio .workspace-immersive-shapes .shape-choices > summary { display:flex; min-height:44px; }
.aether-ui.focus-studio .workspace-immersive-shapes .shape-choices > summary::before { content:'+'; font-size:22px; margin-right:8px; }
.aether-ui.focus-studio .workspace-immersive-shapes #shape-buttons { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:4px; max-height:40dvh; overflow:auto; padding-block:8px; }
.aether-ui.focus-studio .workspace-immersive-shapes #shape-buttons button { min-width:0; min-height:56px !important; }
.aether-ui:is(.focus-studio,.sound-expanded) .workspace-immersive-save { visibility:visible; display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; min-width:44px; padding:8px; }
.aether-ui:is(.focus-studio,.sound-expanded) .workspace-immersive-save span { display:none; }
.aether-ui:is(.focus-studio,.sound-expanded) #studio-toast { z-index:180; bottom:calc(16px + env(safe-area-inset-bottom)); }
.aether-ui:is(.focus-studio,.sound-expanded) #studio-toast.in-dialog { bottom:0; }
.aether-ui.sound-expanded #panel-audio { display:flex !important; flex-direction:column; gap:0; }
.aether-ui.sound-expanded #panel-audio > .sound-transport { flex-shrink:0; margin:0 !important; padding:8px 12px !important; background:var(--chrome) !important; }
.aether-ui.sound-expanded #panel-audio > .sound-switcher { flex-shrink:0; margin:0 !important; padding:0 12px; background:var(--chrome); }
.aether-ui.sound-expanded .sound-workspace-scroll { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 12px 12px; }
.sound-immersive-footer { display:none; }
.aether-ui.sound-expanded #panel-audio > .sound-immersive-footer:not([hidden]) { display:flex; flex-shrink:0; justify-content:flex-end; padding:8px 12px; margin:0 !important; border-top:1px solid var(--line); background:var(--chrome); }
.aether-ui .workspace-immersive-asset { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--chrome); }
.aether-ui .workspace-immersive-asset svg { width:18px; height:18px; }
.aether-ui .model-history .workspace-immersive-asset { width:auto; }
.aether-ui .model-inspector-sheet #object-selector-panel > h4 { display:none; }
.aether-ui .studio-workbench .model-history .workspace-immersive-asset { flex-direction:row; font-size:13px; gap:8px; padding-inline:12px; }
.aether-ui .studio-workbench .model-history .workspace-immersive-asset span { font-size:13px; }
.aether-ui[data-tool="audio"] .studio-workbench #art-content-panel { overflow:visible; }
.aether-ui .studio-workbench #panel-audio > .sound-switcher { align-items:center; overflow:visible; }
.aether-ui .studio-workbench #art-content-panel #panel-audio > .sound-transport { background:var(--chrome) !important; }
.aether-ui.sound-expanded .studio-workbench #art-content-panel #panel-audio > .sound-transport { position:relative; top:0; background:var(--chrome) !important; }
@media(max-width:760px) {
 .aether-ui[data-tool="3d"]:not(.focus-studio) .studio-workbench { margin-inline:-12px; border-inline:0; border-radius:0; }
 .aether-ui[data-tool="3d"]:not(.focus-studio) .studio-workbench #main-content { padding-inline:0; }
 .aether-ui[data-tool="3d"]:not(.focus-studio) .studio-workbench .publish-actions { margin-inline:0; }
 .aether-ui .studio-workbench #art-content-panel .model-toolbar { padding:8px 12px !important; margin-bottom:0 !important; gap:6px; }
 .aether-ui .model-toolbar > #mode-select { min-width:70px; max-width:none; flex:1 1 70px; }
 .aether-ui .studio-workbench #three-canvas-container { border-radius:0; }
 .aether-ui.focus-studio .workspace-immersive-shapes #shape-buttons { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .aether-ui #panel-audio #sound-expand { width:44px; flex:0 0 44px; }
 .aether-ui #panel-audio #sound-expand span { display:none; }
 .aether-ui .studio-workbench #art-content-panel #panel-audio .sound-transport-main { gap:4px; }
}
@media(max-width:360px) {
 .aether-ui #panel-audio #sound-resample svg { display:none; }
}
@media(max-width:639px) {
 .aether-ui.focus-studio .model-toolbar > .workspace-immersive-save { position:absolute; top:8px; right:12px; }
 .aether-ui.focus-studio .workspace-immersive-shapes .shape-choices > summary { margin-right:52px; }
}
@media(min-width:1024px), (min-width:640px) and (max-height:500px) {
 .aether-ui .model-toolbar > #mode-select { flex:0 1 130px; }
 .aether-ui .model-toolbar #contextual-toolbar-container { flex:1 1 225px; width:auto; }
 .aether-ui.focus-studio #shape-start-panel.workspace-immersive-shapes { position:relative; flex:0 0 112px; }
 .aether-ui.focus-studio .workspace-immersive-shapes .shape-choices > summary { gap:0; font-size:14px; }
 .aether-ui.focus-studio .workspace-immersive-shapes #shape-budget { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .aether-ui.focus-studio .workspace-immersive-shapes #shape-buttons { position:absolute; top:calc(100% + 8px); left:0; width:min(480px,calc(100vw - 24px)); padding:8px; grid-template-columns:repeat(4,minmax(0,1fr)); max-height:70dvh; border:1px solid var(--line); border-radius:12px; background:var(--chrome); box-shadow:0 8px 24px #25322d20; }
}

.model-camera-dock { position:absolute; top:12px; right:12px; z-index:6; display:flex; flex-direction:column; gap:6px; }
.aether-ui .studio-workbench #art-content-panel .model-camera-dock button { display:flex; flex-direction:column; align-items:center; justify-content:center; width:52px; min-height:52px; padding:6px 3px; gap:3px; background:var(--chrome) !important; box-shadow:0 2px 8px #101a1630; }
.model-camera-dock svg { width:19px; height:19px; }
.model-camera-dock span { font-size:11px; line-height:1.2; }
.aether-ui .studio-workbench #art-content-panel .model-camera-dock button[aria-pressed="true"] { background:var(--soft) !important; border-color:var(--accent) !important; color:var(--accent) !important; }
.model-gesture-help { position:absolute; bottom:82px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 24px); margin:0; padding:6px 10px; border-radius:8px; color:#d6e4d9; background:#202925e8; font-size:12px; line-height:1.45; text-align:center; pointer-events:none; }
.aether-ui .model-sculpt-options #model-invert-brush { grid-column:1 / -1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; }
.model-sculpt-options #model-invert-brush svg { width:18px; height:18px; }
.aether-ui #three-canvas-container.model-camera-active #three-canvas { cursor:grab; }
.aether-ui #three-canvas-container.model-camera-active #three-canvas:active { cursor:grabbing; }
@media(max-height:500px) {
 .model-gesture-help { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
 .model-camera-dock { flex-direction:row; }
}

.aether-ui #projects-dialog[open] { display:flex; flex-direction:column; gap:12px; width:min(600px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:hidden; }
#projects-dialog .dialog-heading { flex-shrink:0; margin:0; }
.project-library-toolbar { display:flex; flex-shrink:0; align-items:center; gap:8px; }
.project-library-toolbar input { flex:1; min-width:0; width:100%; }
.project-library-toolbar button { flex:0 0 44px; }
#projects-dialog .projects-list { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
#projects-dialog .project-row { padding:0; border-color:var(--line); }
#projects-dialog .project-row > button { padding:14px 8px; min-width:0; border:0; background:transparent; }
#projects-dialog .project-row small { color:var(--muted); font-size:12px; line-height:1.4; }
.project-library-footer { display:flex; flex-shrink:0; flex-wrap:wrap; align-items:center; gap:8px; }
.project-library-footer p { flex:1 1 160px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.project-library-footer button { padding:8px 14px; }
.project-library-footer [hidden] { display:none; }