/* Gallery shell, focused editor. This layer owns the shared product chrome. */
html { background:#f5f6f6; color-scheme:light; min-height:100%; }
body.aether-ui { min-height:100vh; min-height:100dvh; margin:0; }
body.aether-ui::before { display:none; }
body.aether-ui[aria-busy="true"] { cursor:progress; }
body.aether-ui { --ink:#202124; --muted:#626a71; --line:#dfe1e2; --paper:#f5f6f6; --accent:#b13f32; color-scheme:light; background:var(--paper) !important; color:var(--ink); }
.aether-ui > .container { max-width:1720px !important; padding:34px 42px 70px 238px !important; }
.aether-ui header { position:fixed; left:0; top:0; width:196px; height:94px; padding:24px 22px; gap:0; margin:0 !important; align-items:center; z-index:65; background:#fbfcfc; }
.aether-ui header h1 { color:var(--ink) !important; font-size:25px !important; }
.brand-home { display:flex; align-items:center; gap:10px; padding:0; font-weight:650; }
.brand-symbol { display:grid; place-items:center; width:31px; height:33px; background:#232629; color:white; font-size:26px; border-radius:7px; font-weight:500; line-height:1; }
.brand-period { color:#c94d3c; }
.aether-ui #header-subtitle { display:none; }
.aether-ui .film-version { position:fixed; left:24px; bottom:24px; color:#777c81; margin:0; font-size:10px; }
.aether-ui nav { position:fixed !important; inset:94px auto 0 0 !important; width:196px; padding:10px 14px 78px !important; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; background:#fbfcfc !important; border:0 !important; border-right:1px solid var(--line) !important; border-radius:0 !important; margin:0 !important; backdrop-filter:none; z-index:60; }
.aether-ui nav .primary-navigation { display:flex; flex-direction:column; align-items:stretch; width:100%; gap:7px; }
.aether-ui nav .nav-button { display:flex; align-items:center; flex-direction:row; justify-content:flex-start; gap:12px; width:100%; min-height:45px; padding:11px 14px !important; margin:0 !important; border:0 !important; border-radius:6px; background:transparent !important; color:#65696e !important; font-size:13px; font-weight:500; }
.aether-ui nav .nav-button svg { width:19px; height:19px; flex-shrink:0; }
.aether-ui nav .nav-button span { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.aether-ui nav .nav-button:hover { color:#171a1d !important; background:#eff0f0 !important; }
.aether-ui nav .nav-button.active { color:#202326 !important; background:#e7e9e9 !important; box-shadow:inset 3px 0 #c34c3e !important; }
.rail-footer { display:flex; align-items:center; gap:7px; margin:auto 10px 0; font-size:11px; color:#787d82; }
.local-indicator { width:5px; height:5px; background:#638066; border-radius:50%; }
.shell-search { position:fixed; top:25px; right:42px; height:36px; min-height:36px; display:flex; gap:8px; align-items:center; color:#676c71; font-size:12px; padding:6px 10px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.shell-search svg { width:15px; height:15px; }
.aether-ui .studio-heading { margin:42px 0 28px; min-height:58px; align-items:center; }
.aether-ui .studio-heading h2 { font-size:30px; font-weight:600; color:#25292c; }
.aether-ui .studio-heading p { color:var(--muted); font-size:12px; margin-top:7px; }
.aether-ui .project-heading { gap:16px; margin-top:37px; margin-bottom:22px; }
.project-identity { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:3px; flex:1; }
.aether-ui .project-identity h2 { font-size:10px; color:#85898e; font-weight:600; text-transform:uppercase; }
.aether-ui #project-title { width:100%; max-width:560px; min-width:0; border:1px solid transparent !important; background:transparent !important; padding:2px 0; font-size:26px; line-height:1.35; font-weight:600; height:42px; color:#25292c !important; border-radius:3px; }
.aether-ui #project-title:hover { border-bottom-color:var(--line) !important; }
.aether-ui .save-status { position:static; color:#788479; font-size:10px; min-height:15px; }
.aether-ui .studio-actions { display:flex; gap:6px; width:auto; }
.aether-ui .studio-actions button { border:1px solid var(--line); background:#fff; color:#5d646a; border-radius:6px; width:38px; min-width:38px; min-height:38px; }
.aether-ui .studio-actions button:hover { background:#e9ecec; color:#202426; }
.aether-ui .creative-tabs { gap:3px !important; border-bottom:1px solid #d7dadd !important; padding:0 !important; }
.aether-ui .post-type-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:103px; padding:12px 18px; min-height:48px !important; font-size:12px; color:#777b80 !important; border-bottom:2px solid transparent !important; }
.aether-ui .post-type-btn svg { width:17px; height:17px; }
.aether-ui .post-type-btn.active { color:#282d30 !important; border-bottom-color:#bd4d40 !important; background:transparent !important; }
.aether-ui #creation-view > .mb-6 { margin-bottom:0; }
.aether-ui #art-content-panel { color-scheme:dark; margin:0 0 28px !important; padding:18px !important; background:#1d2023 !important; border:0 !important; border-radius:0 0 6px 6px !important; color:#e5e7eb; min-height:0 !important; }
.aether-ui #shape-start-panel { margin:0 !important; padding:10px 14px !important; background:#25292d !important; border-radius:0; }
.aether-ui #shape-buttons { gap:4px; }
.aether-ui .shape-btn { border:0 !important; border-radius:4px; background:transparent; color:#bfc4ca; padding:6px 12px !important; min-height:36px !important; }
.aether-ui .shape-btn:hover { background:#363c42 !important; color:#fff; }
.aether-ui .creation-caption { padding:0; margin:24px 0 14px; }
.caption-heading { display:flex; justify-content:space-between; align-items:center; margin:0 0 9px; gap:15px; }
.aether-ui #text-input-label { margin:0; color:#646a70; font-size:12px; font-weight:500; }
.word-count { color:#8b9095; font-size:11px; font-variant-numeric:tabular-nums; }
.aether-ui #main-text-area { background:#fff !important; color:#272c31 !important; border:1px solid #dadde0 !important; min-height:100px !important; font-size:14px; padding:16px 18px; box-shadow:none !important; }
.aether-ui[data-tool="text"] .creation-caption { margin:32px 0 18px; }
.aether-ui[data-tool="text"] #main-text-area { min-height:340px !important; height:45dvh; max-height:700px; font-size:20px; line-height:1.8; border:0 !important; border-bottom:1px solid var(--line) !important; background:transparent !important; border-radius:0; padding:22px 0; }
.publish-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:0 0 10px; }
.publish-actions #asset-actions { margin:0 auto 0 0; }
.publish-actions button,.aether-ui #create-new-post-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; font-size:12px !important; font-weight:500; border-radius:5px; padding:9px 16px !important; }
.publish-actions button svg,.aether-ui #create-new-post-btn svg { width:17px; height:17px; }
.aether-ui #post-btn,.aether-ui #create-new-post-btn { background:#252a2e !important; color:#fff !important; border:1px solid #252a2e; }
.aether-ui #post-btn:hover,.aether-ui #create-new-post-btn:hover { background:#424b51 !important; }
.aether-ui #save-to-library-btn { background:transparent; color:#606971; border:1px solid #d6dadd; }
.aether-ui .feed-controls { margin:12px 0 26px; gap:7px; border-bottom:1px solid var(--line); }
.aether-ui .feed-controls button { font-size:12px; color:#858a8f; padding:9px 12px; }
.aether-ui .feed-controls button[aria-pressed="true"] { color:#282d31; border-color:#bc4c3e; }
.aether-ui .feed-controls select { background:transparent !important; color:#5e656b !important; border:0 !important; font-size:12px; }
.aether-ui #timeline-container,.aether-ui #profile-posts-container { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:start; }
.aether-ui .creation-card,.aether-ui #timeline-container > .creation-card { background:white !important; border:1px solid #e0e3e5 !important; padding:19px !important; border-radius:8px !important; box-shadow:none !important; margin:0 !important; overflow:hidden; color:#30363c; min-width:0; }
.aether-ui .post-kind { display:inline-block; font-size:9px; font-weight:600; color:#9b5c52; margin-bottom:12px; }
.creation-meta { display:grid !important; grid-template-columns:30px minmax(0,1fr); column-gap:9px; row-gap:1px; margin:0 0 16px !important; }
.creator-avatar { display:grid; place-items:center; width:30px; height:30px; grid-row:span 2; border-radius:50%; background:#edf0f0; color:#727d80; font-size:13px; font-weight:500; }
.aether-ui .creation-meta p { font-size:10px; line-height:1.4; color:#91979c; }
.aether-ui .creation-meta p:first-of-type { color:#70777e; font-size:11px; }
.aether-ui .creation-meta a { color:#384249; font-weight:600; }
.aether-ui .creation-card .prose { color:#4c565e; font-size:13px; line-height:1.7; margin-top:17px; }
.aether-ui .creation-card > .border-t { border-color:#e6e9ea; margin-top:15px; padding-top:10px; }
.aether-ui .creation-actions { display:flex; gap:16px; margin:0; }
.aether-ui .creation-actions button { display:inline-flex; gap:5px; align-items:center; font-size:11px; color:#7b838a; margin:0; min-height:38px; }
.aether-ui .creation-actions svg { width:16px; height:16px; }
.aether-ui .creation-actions button[aria-pressed="true"],.aether-ui .creation-actions .liked { color:#b14c41; }
.aether-ui .creation-actions button:nth-last-child(2) { margin-left:auto; }
.aether-ui .post-comments { margin-top:8px; padding-top:12px; border-color:#edf0f0; }
.aether-ui .post-comments summary { font-size:11px; color:#8c9398; }
.aether-ui .comment-list > div { background:#f2f4f4; color:#525d63; font-size:12px; }
.aether-ui .comment-input { background:#f8f9f9 !important; color:#30383e !important; border:1px solid #e0e4e5 !important; min-height:40px; }
.aether-ui .submit-comment-btn { background:#e7ebeb !important; color:#3b464d !important; }
.aether-ui #timeline-container img { object-fit:contain; background:#e4ebea; border-radius:4px; }
.aether-ui #profile-author-name { text-align:left; font-size:30px; color:#293036; margin:28px 0; overflow-wrap:anywhere; }
.aether-ui #profile-view > div:first-child { text-align:left; margin:30px 0 0; }
.aether-ui #back-to-timeline-btn { display:inline-flex; align-items:center; gap:7px; color:#687278; background:transparent; padding:0; font-size:12px; }
.aether-ui #back-to-timeline-btn svg { width:16px; height:16px; }
.aether-ui .workspace-empty { color:#92999e; font-size:14px; }
.aether-ui dialog { color-scheme:light; background:#fff; color:#2a3238; border:1px solid #d9dee1; box-shadow:0 18px 70px #17232c30; padding:28px; }
.aether-ui dialog::backdrop { background:#1b242b60; backdrop-filter:blur(6px); }
.aether-ui dialog h2 { font-size:21px; font-weight:600; }
.aether-ui dialog input,.aether-ui dialog select { background:#f7f8f8 !important; color:#293238 !important; border:1px solid #d6dce0 !important; }
.aether-ui dialog .quiet-button { background:#eef0f1; color:#56616a; border:1px solid #dce1e4; }
.aether-ui .project-row { border-color:#e7eaec; }
.aether-ui .project-row small { color:#92999f; }
.aether-ui #projects-dialog { width:min(620px,calc(100vw - 24px)); max-height:85dvh; padding:24px; }
.project-library-toolbar { display:flex; gap:8px; padding:12px 0; border-bottom:1px solid #dce2e4; }
.aether-ui #project-search { min-width:0; width:100%; min-height:44px; padding:10px 12px; font-size:16px; border-radius:4px; }
#save-project-copy { flex-shrink:0; display:grid; place-items:center; width:44px; height:44px; color:#4b5c66; border:1px solid #dce2e4; border-radius:4px; }
#save-project-copy svg { width:18px; height:18px; }
.aether-ui .projects-list { max-height:55dvh; overflow-y:auto; overscroll-behavior:contain; }
.aether-ui .project-row { padding:3px 0; }
.aether-ui .project-row > button { min-width:0; width:100%; padding:14px 8px; border-radius:4px; }
.aether-ui .project-row > button:hover { background:#edf1f1; }
.aether-ui .project-row span { display:block; font-size:15px; color:#29363e; }
.aether-ui .project-row small { color:#63717a; }
.creator-search-fields { display:flex; gap:10px; margin-top:10px; }
.creator-search-fields input { width:100%; min-width:0; min-height:44px; }
.search-submit { padding:10px 20px; background:#282f34; color:white; font-size:13px; border-radius:5px; }
.dialog-close { display:grid; place-items:center; width:36px; min-height:36px; color:#7b858c; }
.dialog-close svg { width:19px; height:19px; }
.aether-ui .toast { background:#29332c; color:#ecf4ec; font-size:12px; }
#tool-tooltip { position:fixed; z-index:200; padding:7px 10px; max-width:220px; background:#2f373d; color:#f7f9f9; border-radius:4px; font-size:11px; line-height:1.5; pointer-events:none; box-shadow:0 3px 12px #0002; }
.aether-ui button:focus-visible,.aether-ui input:focus-visible,.aether-ui select:focus-visible,.aether-ui a:focus-visible,.aether-ui summary:focus-visible,.aether-ui textarea:focus-visible { outline-color:#b14a3b !important; }
.aether-ui #art-content-panel :focus-visible { outline-color:#d2f58a !important; }
.aether-ui .viewport-dock button { display:flex; align-items:center; gap:6px; }
.aether-ui .viewport-dock svg { width:16px; height:16px; }
.aether-ui #panel-3d { height:min(65dvh,690px) !important; min-height:420px; }
.object-actions { border-top:1px solid #3a4045; margin-top:15px; padding-top:4px; }
.object-actions summary { padding:10px 0; font-size:12px; color:#bfc6cd; cursor:pointer; }
.object-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.object-action-grid button { min-width:0; min-height:37px; font-size:11px; padding:7px; margin:0 !important; background:#292e33; border:1px solid #394048; border-radius:4px; }
.view-angles { display:flex; gap:4px; margin-top:12px; }
.view-angles button { flex:1; padding:6px; font-size:10px; min-height:32px; background:#282d32; border-radius:3px; margin:0 !important; }
.aether-ui #arrange-tools { gap:5px; }
.aether-ui #arrange-tools > button { margin:0 !important; }
.aether-ui #object-selector-panel { scrollbar-width:thin; scrollbar-color:#626c74 transparent; }
.aether-ui dialog.film-export-dialog p { color:#5f6b74; }
.aether-ui [id="2d-toolbar"],.aether-ui #panel-audio > div:first-child { background:transparent !important; border-bottom:1px solid #363b40; border-radius:0 !important; padding-bottom:14px; }
.aether-ui #panel-audio > div:nth-child(2) { overflow-x:auto; align-items:flex-start; }
.aether-ui #sequencer { margin:auto; padding:10px 0; min-width:560px; }
.aether-ui .sequencer-step { width:36px !important; height:36px !important; min-width:36px; min-height:36px; padding:0; flex-shrink:0; background:#2c3238 !important; border:1px solid #39424b !important; border-radius:3px !important; box-shadow:none !important; }
.aether-ui .sequencer-step:nth-child(4n + 1) { border-left-color:#6c7780 !important; }
.aether-ui .sequencer-step.active { background:#c6e69e !important; border-color:#c6e69e !important; }
.aether-ui .sequencer-step.active:not([data-part="melody"]) { background:#e79585 !important; border-color:#e79585 !important; }
.aether-ui .sequencer-step.playing { border-color:#fff !important; box-shadow:inset 0 0 0 1px white !important; }
.sequence-ruler { display:flex; gap:4px; margin-bottom:8px; }
.sequence-ruler span { width:36px; flex-shrink:0; text-align:center; font-size:10px; color:#76828d; }
.aether-ui #piano { margin-inline:auto; }
.aether-ui .film-toolbar { background:transparent !important; }
.aether-ui #anim-play-pause { background:#d2f58a; color:#202819; border-color:#d2f58a; }
.aether-ui #anim-play-pause:hover { background:#e0ffa6; color:#202819; }
.aether-ui .piano-key { background:#edf0ee !important; color:#2c353b !important; border:1px solid #9da5a6; box-shadow:none !important; border-radius:0 0 4px 4px; }
.aether-ui .piano-key.active { background:#c6e69e !important; }
.aether-ui.film-expanded header,.aether-ui.focus-studio header { display:flex !important; }
.aether-ui.film-expanded .project-heading { display:flex !important; }
@media(min-width:1500px) { .aether-ui #timeline-container { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1050px) and (min-width:761px) {
    .aether-ui > .container { padding-left:118px !important; padding-right:28px !important; }
    .aether-ui header,.aether-ui nav { width:88px; padding-inline:13px !important; }
    .brand-home > span:last-child,.aether-ui nav .nav-button span,.rail-footer,.aether-ui .film-version { display:none; }
    .aether-ui nav .nav-button { justify-content:center; }
    .shell-search { right:28px; }
}
@media(max-width:760px) {
    .aether-ui > .container { padding:72px 16px 105px !important; }
    .aether-ui header { position:fixed; width:100%; height:58px; border-bottom:1px solid #e6e9e9; padding:12px 16px; }
    .aether-ui header h1 { font-size:22px !important; }
    .brand-home { gap:8px; min-height:32px; }
    .brand-symbol { width:25px; height:27px; font-size:22px; border-radius:5px; }
    .shell-search { top:10px; right:16px; width:38px; height:38px; min-height:38px; justify-content:center; padding:6px; border:0; background:transparent; }
    .shell-search span { display:none; }
    .shell-search svg { width:20px; height:20px; }
    .aether-ui .film-version { position:static; margin-left:auto; margin-right:44px; font-size:9px; color:#979da0; }
    .aether-ui nav { inset:auto 0 0 !important; width:100%; height:auto; padding:7px 12px calc(7px + env(safe-area-inset-bottom)) !important; border:0 !important; border-top:1px solid #dfe4e5 !important; background:#fbfcfcf5 !important; backdrop-filter:blur(18px); }
    .aether-ui nav .primary-navigation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
    .aether-ui nav .nav-button { flex-direction:column; justify-content:center; gap:3px; min-height:49px; font-size:10px; padding:5px !important; }
    .aether-ui nav .nav-button.active { box-shadow:none !important; background:transparent !important; color:#a83e31 !important; }
    .aether-ui nav .nav-button span { max-width:100%; }
    .aether-ui nav .rail-footer { display:none; }
    .aether-ui .studio-heading { margin:8px 0 22px; min-height:52px; flex-wrap:nowrap; gap:10px; }
    .aether-ui .studio-heading h2 { font-size:25px; }
    .aether-ui .project-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; margin:4px 0 17px; align-items:end; }
    .aether-ui .project-identity h2 { font-size:9px; }
    .aether-ui #project-title { font-size:19px !important; height:32px; min-height:32px; }
    .aether-ui .studio-actions { display:grid; grid-template-columns:repeat(2,44px); gap:0; padding-bottom:2px; }
    .aether-ui .studio-actions button { min-width:44px; width:44px; min-height:44px; padding:10px !important; border:0; background:transparent; }
    .aether-ui .studio-actions button svg { width:16px; height:16px; }
    .aether-ui .save-status { font-size:9px; }
    .aether-ui .creative-tabs { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); }
    .aether-ui .post-type-btn { min-width:0; gap:5px; flex-direction:column; padding:8px 2px; min-height:53px !important; font-size:10px; }
    .aether-ui .post-type-btn svg { width:16px; height:16px; }
    .aether-ui #art-content-panel { margin:0 -4px 20px !important; padding:10px !important; border-radius:0 0 5px 5px !important; }
    .aether-ui #shape-start-panel { margin:0 -4px !important; padding:8px !important; }
    .aether-ui .shape-btn { font-size:11px; padding:7px 10px !important; }
    .aether-ui #panel-3d { min-height:300px; height:calc(100dvh - 430px) !important; }
    .aether-ui .viewport-dock { max-width:calc(100% - 10px); padding:4px; gap:2px; }
    .aether-ui .viewport-dock button { flex-direction:column; gap:3px; font-size:9px; padding:5px 9px; min-height:43px; }
    .aether-ui #timeline-container,.aether-ui #profile-posts-container { grid-template-columns:minmax(0,1fr); gap:20px; }
    .aether-ui #timeline-container > .creation-card,.aether-ui .creation-card { padding:15px !important; }
    .aether-ui .feed-controls { display:flex; flex-wrap:wrap; gap:0; margin:8px 0 20px; }
    .aether-ui .feed-controls button { flex:1; min-width:0; padding:8px 4px; font-size:11px; }
    .aether-ui .feed-controls select { width:100%; max-width:none; text-align:right; margin:0; min-height:32px; font-size:12px !important; }
    .aether-ui .creation-actions { gap:12px; }
    .aether-ui .creation-actions button { min-height:42px; }
    .aether-ui[data-tool="text"] #main-text-area { font-size:18px !important; min-height:300px !important; }
    .publish-actions { gap:8px; }
    .publish-actions button { font-size:11px !important; padding:8px 12px !important; }
    .aether-ui #create-new-post-btn { min-height:38px; padding:8px 12px !important; font-size:11px !important; }
    .aether-ui .studio-heading p { display:block; font-size:11px; margin-top:4px; }
    .aether-ui dialog { padding:22px; }
    .aether-ui .film-settings-disclosure .film-settings { left:20%; }
    .aether-ui .toast { bottom:85px; }
    .aether-ui #panel-audio > div:first-child { gap:8px; }
    .aether-ui #panel-audio input[type="range"] { max-width:88px; }
    .aether-ui .sequencer-step { width:44px !important; height:44px !important; min-width:44px; min-height:44px; }
    .sequence-ruler span { width:44px; }
    .object-action-grid button,.view-angles button { min-height:44px; }
}

/* Secondary text remains readable on both the paper and editor surfaces. */
.aether-ui .post-type-btn { color:#687078 !important; }
.aether-ui .feed-controls button { color:#687078; }
.aether-ui .word-count,.aether-ui .film-version,.aether-ui .rail-footer { color:#68727a; }
.aether-ui .save-status { color:#5b705f; }
.aether-ui .project-identity h2 { color:#667178; }
.aether-ui .creation-meta p,.aether-ui .post-comments summary,.aether-ui .creation-actions button { color:#65717a; }
.aether-ui #object-inspector label,.aether-ui .sequence-ruler span { color:#a1adb7; }
@media(max-width:360px) {
    .aether-ui .film-toolbar { grid-template-columns:repeat(5,minmax(0,1fr)); }
    .aether-ui #anim-play-pause { grid-column:1; }
    .aether-ui #anim-add-asset { grid-column:2 / span 2; }
    .aether-ui #film-title { grid-column:4 / span 2; }
    .aether-ui #film-undo { grid-column:1; grid-row:2; }
    .aether-ui #film-redo { grid-column:2; grid-row:2; }
    .aether-ui #film-export { grid-column:5; padding:8px !important; }
    .aether-ui #film-export span { display:none; }
    .aether-ui #film-export svg { display:block; }
}

/* A continuous gallery: one creation, a generous canvas, then the next. */
.aether-ui #timeline-container,.aether-ui #profile-posts-container { grid-template-columns:minmax(0,1fr); max-width:760px; margin-inline:auto; gap:72px; }
.aether-ui #timeline-container > .creation-card,.aether-ui #profile-posts-container > .creation-card { padding:0 0 34px !important; background:transparent !important; border:0 !important; border-bottom:1px solid #dce1e3 !important; border-radius:0 !important; overflow:visible; scroll-margin-top:28px; }
.aether-ui .creation-card .post-kind { margin-bottom:10px; font-size:10px; }
.aether-ui .creation-meta { margin-bottom:20px !important; grid-template-columns:36px minmax(0,1fr); }
.aether-ui .creator-avatar { width:36px; height:36px; font-size:15px; background:#e4e9e9; }
.aether-ui .creation-meta p:first-of-type { font-size:13px; }
.aether-ui .creation-meta p { font-size:11px; }
.aether-ui .creation-meta p,.aether-ui .creation-card .prose,.aether-ui .comment-list > div { min-width:0; overflow-wrap:anywhere; }
.aether-ui .post-media { position:relative; overflow:hidden; border-radius:5px; touch-action:pan-y; }
.aether-ui #timeline-container [id^="timeline-3d-"],.aether-ui #profile-posts-container [id^="timeline-3d-"] { height:auto !important; aspect-ratio:4/3; max-height:68dvh; width:100%; }
.aether-ui .post-media:not(.inspection-active)[id^="timeline-3d-"] canvas { pointer-events:none; touch-action:pan-y !important; }
.aether-ui .post-media.inspection-active { touch-action:none; }
.aether-ui #timeline-container img,.aether-ui #profile-posts-container .post-media img { width:100%; height:auto; max-height:68dvh; aspect-ratio:auto; object-fit:contain; background:#e4ebea; border-radius:0; }
.aether-ui .post-media.film-post { max-height:68dvh; width:100% !important; }
.aether-ui .creation-card .film-post-controls { color:#edf3ee; }
.aether-ui .creation-card[data-post-type="audio"] .post-media { min-height:260px; justify-content:center; padding:28px; color:#e4eaef; background:#232b31; }
.aether-ui .creation-card[data-post-type="audio"] .timeline-audio-play-btn { color:#d2f58a; min-width:56px; min-height:56px; }
.aether-ui .creation-card .prose { font-size:15px; line-height:1.8; margin:22px 0 0; color:#3d4951; }
.aether-ui .creation-card[data-post-type="text"] .prose { font-size:24px; line-height:1.7; min-height:220px; padding:30px 0; color:#303a41; }
.aether-ui .creation-actions { gap:22px; }
.aether-ui .creation-actions button { min-height:44px; font-size:12px; border-radius:5px; padding:6px 8px; }
.aether-ui .creation-actions button:first-child { margin-left:-8px; }
.aether-ui .creation-actions svg { width:19px; height:19px; }
.aether-ui .creation-actions .like-btn[aria-pressed="true"] svg { fill:currentColor; }
.aether-ui .post-comments { margin-top:9px; }
.aether-ui .post-comments summary { font-size:12px; min-height:32px; padding:6px 0; }
.aether-ui .artwork-expand,.aether-ui .inspect-scene { position:absolute; top:14px; right:14px; z-index:5; display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:10px 13px; border-radius:5px; background:#f9fbfcf0; border:1px solid #ffffff70; color:#343f47; box-shadow:0 2px 8px #0001; font-size:12px; }
.aether-ui .artwork-expand { width:44px; padding:10px; }
.artwork-expand span { display:none; }
.artwork-expand svg,.inspect-scene svg { width:18px; height:18px; }
.aether-ui .inspect-scene[aria-pressed="true"] { background:#d2f58a; border-color:#d2f58a; color:#28351e; }
.aether-ui .artwork-viewer { width:min(1200px,calc(100vw - 32px)); max-height:92dvh; padding:0; background:#eef1f0; overflow:hidden; }
.artwork-viewer > img { display:block; width:100%; max-height:90dvh; object-fit:contain; }
.artwork-close { position:absolute; top:12px; right:12px; min-height:44px; width:44px; display:grid; place-items:center; border:1px solid #d6dde0; background:#fff; border-radius:5px; }
.artwork-close span { display:none; }
.artwork-close svg { width:19px; height:19px; }

/* Press motion changes only compositing, never layout or the editing canvas. */
.aether-ui button { transition:transform 140ms cubic-bezier(.2,.8,.2,1),background-color 140ms ease,color 140ms ease,box-shadow 140ms ease; }
.aether-ui button:active:not(:disabled):not(.film-key):not(.film-clip) { transform:translateY(1px) scale(.96) !important; transition-duration:55ms; filter:brightness(.96); }
.aether-ui .post-type-btn:active,.aether-ui .nav-button:active { transform:scale(.96) !important; }
.aether-ui #post-btn,.aether-ui #create-new-post-btn { box-shadow:0 2px 3px #15202816; }
.aether-ui #post-btn:active,.aether-ui #create-new-post-btn:active { box-shadow:0 0 0 #0000; }
.aether-ui .creation-actions button:hover { background:#e8eded; color:#39464f; }
.press-confirmed svg { animation:confirm-press 280ms cubic-bezier(.2,.8,.2,1); }
@keyframes confirm-press { 0%{transform:scale(.85)} 55%{transform:scale(1.25)} 100%{transform:scale(1)} }
@media(max-width:760px) {
    .aether-ui #timeline-container,.aether-ui #profile-posts-container { gap:40px; }
    .aether-ui #timeline-container > .creation-card,.aether-ui #profile-posts-container > .creation-card { padding:0 0 22px !important; }
    .aether-ui .creation-card .prose { font-size:14px; margin-top:18px; }
    .aether-ui .creation-card[data-post-type="text"] .prose { font-size:21px; }
    .aether-ui .creation-actions { gap:6px; }
    .aether-ui .creation-actions button { font-size:11px; padding-inline:7px; }
    .aether-ui .creation-meta { margin-bottom:16px !important; }
    .aether-ui .artwork-expand,.aether-ui .inspect-scene { top:10px; right:10px; }
    .aether-ui .post-media { margin-inline:-4px; }
    .aether-ui #timeline-container [id^="timeline-3d-"],.aether-ui #profile-posts-container [id^="timeline-3d-"] { width:calc(100% + 8px); aspect-ratio:1; max-height:62dvh; }
    .aether-ui #timeline-container img,.aether-ui #profile-posts-container .post-media img { max-height:66dvh; }
}
@media(prefers-reduced-motion:reduce) {
    .aether-ui button:active:not(:disabled):not(.film-key):not(.film-clip) { transform:none !important; }
    .press-confirmed svg { animation:none; }
}

/* Oversized native snap areas remain scrollable; forms and 3D inspection opt out. */
html.feed-snapping { scroll-snap-type:y mandatory; scroll-padding-top:28px; }
html.feed-snapping #timeline-view > .studio-heading { scroll-snap-align:start; scroll-margin-top:48px; }
html.feed-snapping #timeline-container > .creation-card { scroll-snap-align:start; scroll-snap-stop:always; scroll-margin-top:0; }
.feed-heading-actions { display:flex; align-items:center; gap:10px; }
.aether-ui #feed-snap { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid #d8dddf; border-radius:5px; color:#68727a; background:transparent; }
#feed-snap svg { width:19px; height:19px; }
#feed-snap span { display:none; }
.aether-ui #feed-snap[aria-pressed="true"] { color:#963e33; background:#f5e3de; border-color:#e4bdb5; }
.creation-card.post-settled .post-media { animation:post-settle 260ms cubic-bezier(.2,.8,.3,1); }
.creation-card .post-kind { display:flex; align-items:center; gap:10px; }
.creation-card.post-settled .post-kind::after { content:''; width:22px; height:2px; background:#b65849; animation:post-marker 200ms ease-out; }
@keyframes post-settle { from{transform:scale(.992);box-shadow:0 0 0 2px #acb8b533} to{transform:scale(1);box-shadow:0 0 0 0 #acb8b500} }
@keyframes post-marker { from{opacity:0;transform:scaleX(.4)} to{opacity:1;transform:scaleX(1)} }

.aether-ui #profile-view { max-width:960px; margin-inline:auto; }
.aether-ui #profile-view > .profile-back-row { margin:32px 0 26px; }
.aether-ui #back-to-timeline-btn { min-height:44px; }
.creator-profile { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:start; gap:0 24px; padding:0 0 30px; }
.profile-portrait { display:grid; place-items:center; width:88px; height:88px; border-radius:50%; color:#35484b; font-size:38px; font-weight:500; }
.profile-identity { min-width:0; }
.profile-eyebrow { text-transform:uppercase; color:#667178; font-size:10px; font-weight:600; margin:0 0 6px; }
.profile-name-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.aether-ui #profile-author-name { font-size:32px; line-height:1.2; font-weight:600; margin:0; min-width:0; }
.aether-ui #edit-profile { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex-shrink:0; min-height:44px; padding:9px 13px; border:1px solid #ced5d7; border-radius:5px; background:#fff; font-size:12px; color:#34424a; }
#edit-profile svg { width:15px; height:15px; }
.aether-ui #edit-profile[hidden],.aether-ui #profile-saved-tab[hidden] { display:none; }
#profile-handle { font-size:12px; color:#65717a; margin:8px 0 0; overflow-wrap:anywhere; }
#profile-bio { max-width:580px; margin:18px 0 0; font-size:15px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.profile-stats { display:flex; gap:36px; grid-column:2; margin:24px 0 0; }
.profile-stats > div { display:flex; flex-direction:column-reverse; gap:4px; }
.profile-stats dt { font-size:11px; color:#65717a; }
.profile-stats dd { font-size:21px; font-weight:600; color:#2c363b; font-variant-numeric:tabular-nums; }
.profile-collection-header { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #d4dcde; margin:8px 0 32px; }
.profile-tabs { display:flex; gap:24px; align-self:stretch; }
.profile-tabs button { display:flex; align-items:center; gap:6px; padding:14px 0; min-height:48px; color:#64717a; border-bottom:2px solid transparent; font-size:13px; }
.profile-tabs button[aria-selected="true"] { color:#29353a; border-bottom-color:#b14c41; }
.profile-tabs svg { width:15px; height:15px; }
.profile-tabs svg:last-child { width:11px; height:11px; color:#68727a; }
.profile-filters { display:flex; gap:10px; min-width:0; }
.aether-ui .profile-filters select { background:transparent !important; border:0 !important; color:#57666f !important; font-size:12px; min-height:44px; min-width:0; max-width:160px; padding:8px 22px 8px 4px; }
.aether-ui #profile-posts-container { max-width:760px; }
.aether-ui .featured-label { display:inline-flex; align-items:center; gap:4px; margin-left:auto; color:#587057; font-size:10px; font-weight:500; text-transform:none; }
.featured-label svg { width:12px; height:12px; }
.aether-ui .collection-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:72px 12px !important; background:transparent !important; border:0 !important; box-shadow:none !important; min-height:240px; }
.collection-empty h3 { font-size:19px; color:#44545c; font-weight:500; line-height:1.5; }
.collection-empty button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:9px 15px; margin-top:20px; background:#252a2e; color:#fff; border-radius:5px; font-size:12px; }
.collection-empty svg { width:16px; height:16px; }
.aether-ui #edit-profile-dialog { width:min(480px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow-y:auto; border-radius:8px; }
#profile-form > label,#profile-featured-field label,#profile-form legend { display:block; font-size:12px; color:#55636b; margin:18px 0 8px; }
.aether-ui #profile-form > input,.aether-ui #profile-form textarea,.aether-ui #profile-featured-input { display:block; width:100%; min-height:44px; font-size:16px; padding:11px 12px; border:1px solid #d6dce0 !important; border-radius:5px; background:#f7f8f8 !important; color:#293238 !important; }
#profile-bio-input { resize:vertical; max-height:200px; }
#profile-bio-count { display:block; font-size:11px; text-align:right; color:#65717a; margin-top:5px; }
.profile-swatches { display:flex; gap:12px; }
.profile-swatches label { position:relative; display:grid; place-items:center; width:44px; height:44px; cursor:pointer; }
.profile-swatches input { position:absolute; opacity:0; inset:0; width:44px; height:44px; cursor:pointer; }
.profile-swatches span { width:36px; height:36px; background:var(--swatch); display:grid; place-items:center; border-radius:50%; border:2px solid transparent; pointer-events:none; }
.profile-swatches svg { width:16px; height:16px; color:#35484b; visibility:hidden; }
.profile-swatches input:checked + span { border-color:#667a7c; }
.profile-swatches input:checked + span svg { visibility:visible; }
.profile-swatches input:focus-visible + span { outline:2px solid #b14a3b; outline-offset:3px; }
#profile-save-error { color:#a0332d; font-size:12px; margin-top:12px; }
.profile-dialog-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:20px; }
.profile-dialog-actions button { min-height:44px; padding:10px 16px; border:1px solid #d6dce0; border-radius:5px; font-size:12px; }
.profile-dialog-actions .profile-save { background:#252a2e; color:#fff; border-color:#252a2e; }
@media(max-width:760px) {
    html.feed-snapping { scroll-padding-top:76px; }
    html.feed-snapping #timeline-view > .studio-heading { scroll-margin-top:4px; }
    .feed-heading-actions { gap:6px; }
    .aether-ui #feed-snap { width:38px; height:44px; }
    .aether-ui #profile-view > .profile-back-row { margin:0 0 16px; }
    .creator-profile { grid-template-columns:64px minmax(0,1fr); gap:0 16px; padding-bottom:24px; }
    .profile-portrait { width:64px; height:64px; font-size:29px; }
    .profile-name-row { gap:8px; }
    .aether-ui #profile-author-name { font-size:25px; }
    .aether-ui #edit-profile { width:44px; padding:10px; }
    #edit-profile span { display:none; }
    .profile-eyebrow { font-size:9px; }
    #profile-bio { font-size:14px; margin-top:14px; }
    .profile-stats { grid-column:1 / -1; gap:0; justify-content:space-between; max-width:360px; margin-top:24px; }
    .profile-stats > div { min-width:70px; }
    .profile-stats dd { font-size:21px; }
    .profile-stats dt { font-size:11px; }
    .profile-collection-header { flex-wrap:wrap; gap:0; margin:0 0 24px; }
    .profile-tabs { width:100%; gap:26px; }
    .profile-tabs button { font-size:12px; }
    .profile-filters { width:100%; justify-content:space-between; border-top:1px solid #e2e7e8; padding:3px 0; }
    .profile-filters select { flex:1; }
    .aether-ui .profile-filters select:last-child { text-align:right; }
    .aether-ui #edit-profile-dialog { padding:20px; }
}
@media(prefers-reduced-motion:reduce) {
    .creation-card.post-settled .post-media,.creation-card.post-settled .post-kind::after { animation:none; }
}