/* The formal application uses the same appearance vocabulary as the practice space. */
:root[data-after-mode]{--a-bg:#f4f6fa;--a-surface:rgba(255,255,255,.8);--a-solid:#fff;--a-soft:rgba(246,249,254,.9);--a-ink:#202d42;--a-muted:#596b82;--a-line:rgba(116,137,167,.21);--a-accent:#007f9f;--a-accent2:#009fc9;--a-button:#007e9f;--a-button-ink:#fff;--a-tint:rgba(0,162,214,.09);--a-shadow:0 8px 30px rgba(67,83,116,.055);--a-beam:rgba(72,205,233,.17);--a-warm:rgba(230,196,164,.23);--a-rail:208px;--ink:var(--a-ink);--muted:var(--a-muted);--blue:var(--a-accent);--blue-hover:var(--a-accent);--teal:var(--a-accent);--line:var(--a-line);--sky:var(--a-bg);--soft:var(--a-soft);--surface:var(--a-surface);color:var(--a-ink);background:var(--a-bg);color-scheme:light}
:root[data-after-mode=dark]{--a-bg:#101925;--a-surface:rgba(26,40,55,.88);--a-solid:#1b2b3d;--a-soft:rgba(35,52,70,.92);--a-ink:#edf4fd;--a-muted:#b5c2d2;--a-line:rgba(161,184,212,.25);--a-accent:#72d9f1;--a-accent2:#329ed1;--a-button:#72d9f1;--a-button-ink:#102735;--a-tint:rgba(65,187,228,.16);--a-shadow:0 8px 30px rgba(0,0,0,.13);--a-beam:rgba(0,168,211,.16);--a-warm:rgba(118,93,130,.16);color-scheme:dark}
:root[data-after-palette=palace]{--a-accent:#a43630;--a-accent2:#d77d63;--a-button:#a43630;--a-tint:rgba(176,67,49,.09);--a-beam:rgba(212,157,89,.2);--a-warm:rgba(197,118,99,.22)}
:root[data-after-palette=orchid]{--a-accent:#97517c;--a-accent2:#b576a0;--a-button:#97517c;--a-tint:rgba(172,104,153,.1);--a-beam:rgba(198,159,207,.24);--a-warm:rgba(232,179,132,.21)}
:root[data-after-palette=violet]{--a-accent:#6557c3;--a-accent2:#7c85e9;--a-button:#6557c3;--a-tint:rgba(103,87,204,.1);--a-beam:rgba(122,142,236,.22);--a-warm:rgba(173,137,220,.2)}
:root[data-after-mode=dark][data-after-palette=palace]{--a-accent:#ffab93;--a-accent2:#ba6554;--a-button:#ffab93}
:root[data-after-mode=dark][data-after-palette=orchid]{--a-accent:#edb8dd;--a-accent2:#ad7098;--a-button:#edb8dd}
:root[data-after-mode=dark][data-after-palette=violet]{--a-accent:#c3baff;--a-accent2:#8272ce;--a-button:#c3baff}
.f-shell{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--a-bg);color:var(--a-ink);font-size:15px;isolation:isolate}
.f-shell::before,.f-shell::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;transition:opacity 200ms ease-out}
.f-shell::before{background:radial-gradient(ellipse at 18% 70%,var(--a-beam),transparent 55%),radial-gradient(ellipse at 90% 5%,var(--a-warm),transparent 48%);filter:blur(35px)}
.f-shell::after{background:linear-gradient(110deg,transparent 35%,var(--a-beam) 42%,transparent 51%);filter:blur(20px)}
:root[data-after-lights=off] .f-shell::before,:root[data-after-lights=off] .f-shell::after{opacity:0}
.f-shell-layout{display:grid;grid-template-columns:var(--a-rail) minmax(0,1fr);gap:16px;padding:16px;min-height:100dvh;align-items:start}
.f-shell-pane{grid-column:2;min-width:0}
.f-shell.f-collapsed{--a-rail:76px}
.f-shell #header{position:sticky;top:16px;z-index:30;height:calc(100dvh - 32px);min-height:0;display:flex;flex-direction:column;padding:28px 14px 16px;border:1px solid var(--a-line);border-radius:24px;background:var(--a-surface);backdrop-filter:blur(22px);box-shadow:var(--a-shadow);overflow:auto;scrollbar-width:thin}
.f-brand{display:flex;align-items:center;gap:12px;margin:2px 8px 34px;color:var(--a-ink);font-size:20px;font-weight:750;text-decoration:none;white-space:nowrap}
.f-brand-mark{display:block;flex:none;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#a9e8e5,#039bb7 60%,#11677f);box-shadow:inset 0 1px 2px #fff9}
.f-brand-copy small{display:block;font-size:10px;font-weight:400;letter-spacing:.08em;margin-top:3px;color:var(--a-muted)}
.f-shell #header nav{display:flex;flex:none;order:0;flex-direction:column;gap:6px;margin:0;padding:0;overflow:visible;white-space:normal}
.f-shell #header nav a{display:flex;gap:13px;align-items:center;min-height:46px;border:0;border-radius:12px;padding:12px 13px;color:var(--a-muted);font-size:14px;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease-out,color 160ms ease-out}
.f-shell #header nav a[aria-current=page]{color:var(--a-accent);background:var(--a-tint);font-weight:650}
.f-shell #header nav a:hover{background:var(--a-soft);color:var(--a-ink)}
.f-shell #header nav a[aria-current=page]:hover{background:var(--a-tint);color:var(--a-accent)}
.f-shell #header .f-nav-secondary{border-top:1px solid var(--a-line);margin-top:26px;padding-top:20px}
.f-shell svg{width:18px;height:18px;display:block;flex:none}
.f-sidebar-bottom{margin-top:auto;padding:28px 8px 0}
.f-sidebar-bottom p{color:var(--a-muted);font-size:11px;line-height:1.8;margin-bottom:18px}
.f-plain{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--a-accent);font-size:14px;text-align:left}
.f-shell #shell-topbar{position:sticky;top:16px;z-index:25;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--a-line);border-radius:24px;background:var(--a-surface);backdrop-filter:blur(22px);box-shadow:var(--a-shadow)}
.f-top-leading,.f-top-tools{display:flex;align-items:center;gap:8px;min-width:0}
.f-top-leading{gap:14px;flex:1}
.f-route-title{font-size:13px;color:var(--a-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.f-search{display:flex;align-items:center;gap:8px;min-width:0;max-width:380px;flex:1}
.f-search button{flex:none;display:grid;place-items:center;width:20px;min-height:36px;background:transparent;color:var(--a-muted);border:0;padding:0}
.f-shell #f-global-search{width:100%;min-width:0;background:transparent;border:0;border-radius:8px;padding:8px 0;font-size:12px;line-height:1.6}
.f-icon-button,.f-tool,.f-login,.f-register{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:1px solid var(--a-line);border-radius:10px;padding:8px 12px;background:var(--a-solid);font-size:13px;line-height:1.4;color:var(--a-ink);white-space:nowrap;text-decoration:none}
.f-icon-button{min-width:38px;padding:8px}
.f-tool svg{width:14px;height:14px}
.f-palette{display:block;margin:0}
.f-shell .f-palette select{display:block;min-height:38px;width:112px;padding:8px 9px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-solid);color:var(--a-ink);font-size:12px;line-height:1.4;cursor:pointer}
.f-role{padding:9px 10px;border-radius:9px;color:var(--a-accent);background:var(--a-tint);font-size:12px;font-weight:650;white-space:nowrap}
.f-top-balance{color:var(--a-muted);text-decoration:none;white-space:nowrap;font-size:12px;margin:0 4px}
.f-top-balance b{font-size:15px;color:var(--a-ink);font-variant-numeric:tabular-nums}
.f-login{background:var(--a-button);color:var(--a-button-ink);border-color:transparent}
.f-register{border-color:transparent;background:transparent;color:var(--a-muted)}
.f-profile{position:relative;flex:none;padding:0;border:0;border-radius:0;margin:0}
.f-profile summary{display:grid;place-items:center;width:36px;height:42px;min-height:0;border:1px solid var(--a-line);border-radius:50%;background:var(--a-tint);font-size:13px;color:var(--a-ink);font-weight:400;list-style:none}
.f-profile summary::-webkit-details-marker{display:none}
.f-profile[open]>summary{margin:0}
.f-profile-pop{position:absolute;right:0;top:calc(100% + 12px);z-index:50;width:224px;padding:18px;border:1px solid var(--a-line);border-radius:14px;background:var(--a-solid);box-shadow:0 12px 35px rgba(0,0,0,.13);font-size:14px;overflow-wrap:anywhere}
.f-profile-pop p{font-size:12px;color:var(--a-muted);margin:6px 0 12px}
.f-profile-pop a{display:block;font-size:14px;padding:8px 0}
.f-profile-pop .f-plain{color:var(--a-muted)}
.f-shell #main{position:relative;z-index:0;isolation:isolate;max-width:none;width:100%;min-width:0;min-height:calc(100dvh - 234px);padding:30px 8px 48px;margin:0;background:transparent}
.f-shell .f-shell-pane>footer{max-width:none;margin:0 8px;padding:20px 0 12px;font-size:12px;line-height:1.8;color:var(--a-muted)}
.f-shell #main :where(h1){font-size:28px;line-height:1.45;font-weight:650;letter-spacing:-.02em;color:var(--a-ink)}
.f-shell #main :where(h2){font-size:22px;line-height:1.5;color:var(--a-ink)}
.f-shell #main :where(h3){font-size:18px;line-height:1.6;color:var(--a-ink)}
.f-shell :where(.card,.idea-box,.recent-list,.stat,.admin-nav,.output,.prompt,.file-drop,.job-status,.small-pre,.tab-row,.step-nav,.library-panel,.library-upload,.library-thumb){background:var(--a-surface);border-color:var(--a-line);color:var(--a-ink)}
.f-shell :where(.card,.idea-box,.recent-list){border-radius:16px}
.f-shell :where(.card,.idea-box){box-shadow:var(--a-shadow)}
.f-shell .output.selected,.f-shell .step-nav button.active,.f-shell .tab-row button.active,.f-shell .admin-nav button.active{background:var(--a-tint);border-color:var(--a-accent);color:var(--a-accent)}
.f-shell .step-nav button,.f-shell .tab-row button,.f-shell .admin-nav button,.f-shell .idea-guide dt,.f-shell .method-guidance strong,.f-shell :where(.hint,.rights,.key-value dt,.money){color:var(--a-ink)}
.f-shell .step-nav button:hover:not(.active){background:var(--a-soft)}
.f-shell :where(.notice){background:var(--a-soft);border-color:var(--a-line);color:var(--a-ink)}
.f-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.f-shell textarea,.f-shell select{background:var(--a-solid);border-color:var(--a-line);color:var(--a-ink);caret-color:var(--a-accent)}
.f-shell :where(input,textarea)::placeholder{color:var(--a-muted);opacity:1}
.f-shell :where(.btn){color:var(--a-ink);background:var(--a-solid);border-color:var(--a-line);border-radius:10px}
.f-shell .btn.primary{color:var(--a-button-ink);background:var(--a-button);border-color:var(--a-button)}
.f-shell .btn:hover:not(:disabled){color:var(--a-ink);background:var(--a-soft);border-color:var(--a-line)}
.f-shell .btn.primary:hover{background:var(--a-button);filter:brightness(.95)}
.f-shell .btn.primary:hover:not(:disabled){color:var(--a-button-ink);background:var(--a-button);border-color:var(--a-button)}
.f-shell .btn:disabled{color:var(--a-muted);background:var(--a-soft);border-color:var(--a-line)}
.f-shell .btn.soft{background:var(--a-soft);border-color:var(--a-line);color:var(--a-ink)}
.f-shell .btn.link{background:transparent;border-color:transparent;color:var(--a-accent)}
.f-shell :where(.badge){background:var(--a-soft);border-color:var(--a-line);color:var(--a-muted)}
.f-shell :where(th){background:var(--a-soft);color:var(--a-ink)}
.f-shell dialog{background:var(--a-solid);border-color:var(--a-line);color:var(--a-ink);border-radius:18px}
.f-shell dialog::backdrop{background:rgba(10,22,35,.5);backdrop-filter:blur(4px)}
.f-shell .slide-preview{background:#fff;color:#202d42}
.f-shell :where(.dialog-close){color:var(--a-muted)}
.f-shell :where(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}
.f-shell :where(input,textarea,select):focus{outline-color:var(--a-accent)}
.f-shell ::selection{background:var(--a-accent);color:var(--a-bg)}
.f-shell *{scrollbar-color:var(--a-muted) transparent;scrollbar-width:thin}
.f-shell :where(b,strong,.money,.stat){font-variant-numeric:tabular-nums}
.f-shell .skip{position:fixed;background:var(--a-solid);color:var(--a-ink)}
.f-shell :where(input,textarea,select,summary,[id]){scroll-margin-top:108px}
.f-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#f-menu-backdrop{position:fixed;inset:0;background:rgba(12,29,46,.28);border:0;z-index:26;cursor:default}
#f-menu-backdrop[hidden]{display:none}
.f-collapsed .f-brand{margin-inline:6px;gap:0}
.f-collapsed .f-brand-copy,.f-collapsed .f-nav a span,.f-collapsed .f-sidebar-bottom p,.f-collapsed .f-sidebar-bottom button span{display:none}
.f-shell.f-collapsed #header{padding-inline:14px}
.f-shell.f-collapsed #header nav a{padding-inline:14px}
.f-collapsed .f-sidebar-bottom{padding-inline:6px}
:root[data-after-mode=dark] .f-shell .notice.warn{background:#392f20;border-color:#6e5c38;color:#f1d399}
:root[data-after-mode=dark] .f-shell .notice.error,:root[data-after-mode=dark] .f-shell .job-status.failed{background:#382a2c;border-color:#67474a;color:#ffc5bd}
:root[data-after-mode=dark] .f-shell .notice.success,:root[data-after-mode=dark] .f-shell .badge.green{background:#193c35;border-color:#3e6a5d;color:#bbebd2}
:root[data-after-mode=dark] .f-shell .badge.warn{background:#392f20;border-color:#6e5c38;color:#f1d399}
:root[data-after-mode=dark] .f-shell .btn.danger{background:#382a2c;border-color:#67474a;color:#ffc5bd}
:root[data-after-mode=dark] .f-shell .inline-error{color:#ffc5bd}
@media(max-width:1100px){.f-top-leading{flex:1 1 100%}.f-route-title{display:none}.f-shell #shell-topbar{gap:8px;padding-inline:12px;flex-wrap:wrap}.f-top-tools{gap:6px;justify-content:flex-end;flex:1 1 100%}.f-tool{padding-inline:9px}.f-role{padding-inline:8px}.f-shell .f-palette select{width:104px}.f-top-balance{font-size:11px;margin:0}.f-top-balance b{font-size:13px}.f-top-leading{gap:8px}.f-search{min-width:0;max-width:none}.f-shell #f-global-search{font-size:12px}}
@media(max-width:760px){.f-shell-layout{display:block;padding:9px}.f-shell #header{position:fixed;inset:var(--f-mobile-nav-top,127px) auto 9px 9px;width:218px;height:auto;padding-top:24px;z-index:35;transform:translateX(calc(-100% - 18px));visibility:hidden;transition:transform 200ms cubic-bezier(.16,1,.3,1),visibility 200ms}.f-shell.f-menu-open #header{transform:translateX(0);visibility:visible}.f-shell #shell-topbar{top:9px;min-height:61px;gap:8px;padding:9px 10px;border-radius:18px;z-index:40}.f-top-tools{gap:6px}.f-shell .f-palette select{width:100px;min-height:38px;padding-inline:7px;font-size:11px}.f-tool{padding-inline:8px;min-width:35px}.f-tool span{display:none}.f-tool svg{width:16px;height:16px}.f-top-balance{display:none}.f-role{font-size:10px;padding:9px 7px;max-width:82px;overflow:hidden;text-overflow:ellipsis}.f-profile summary{width:32px;height:38px;font-size:12px}.f-register{display:none}.f-login{padding-inline:10px}.f-shell #main{padding:25px 7px 38px;min-height:calc(100dvh - 180px)}.f-shell .f-shell-pane>footer{margin-inline:7px}.f-shell #main :where(h1){font-size:26px}.f-shell #main :where(h2){font-size:21px}.f-shell .card{padding:20px}.f-shell.f-collapsed #header{padding-inline:14px}.f-collapsed .f-brand-copy,.f-collapsed .f-nav a span,.f-collapsed .f-sidebar-bottom p,.f-collapsed .f-sidebar-bottom button span{display:initial}.f-collapsed .f-brand{margin-inline:8px;gap:12px}.f-collapsed .f-sidebar-bottom{padding-inline:8px}.f-shell #header nav a{font-size:14px}.f-shell .f-sidebar-bottom>p{display:block}.f-shell :where(input,textarea,select,summary,[id]){scroll-margin-top:92px}}
@media(max-width:360px){.f-top-tools{gap:4px}.f-shell .f-palette select{width:94px}.f-role{display:none}.f-shell #shell-topbar{padding-inline:8px}.f-profile summary{width:30px}}
@media(prefers-reduced-motion:reduce){.f-shell::before,.f-shell::after,.f-shell #header,.f-shell :where(button,a){transition:none!important}}

/* Reference night palettes: exact source tokens and backdrop geometry from glass-1028v1. */
:root[data-after-palette^="ref-"]{
 --g-core:#982F28;--g-strong:#74231F;--g-primary:#D97663;--g-secondary:#E1B85F;--g-secondary-strong:#B98C38;--g-highlight:#AAB1B5;--g-glow:#FFF4E8;--g-base:#2B2226;
 --g-panel:color-mix(in srgb,var(--g-base) 75%,var(--g-core));
 --g-panel-raised:color-mix(in srgb,var(--g-base) 65%,var(--g-core));
 --glass:linear-gradient(135deg,#FFFFFF12,#FFFFFF03),color-mix(in srgb,var(--g-panel) 88%,transparent);
 --glass-heavy:linear-gradient(135deg,#FFFFFF13,#FFFFFF04),color-mix(in srgb,var(--g-panel) 97%,transparent);
 --glass-line:#FFFFFF26;--glass-shadow:inset 0 1px 0 #FFFFFF1A,0 18px 48px #0D0B1826;--g-check-ink:#241E2C;--a-bg:var(--g-base);--a-surface:var(--glass);--a-solid:var(--g-panel);--a-soft:#FFFFFF07;--a-ink:#FAF9FD;--a-muted:#D1CAD8;--a-line:#FFFFFF26;--a-accent:var(--g-primary);--a-accent2:var(--g-secondary);--a-button:var(--g-primary);--a-button-ink:#241E2C;--a-tint:#FFFFFF1C;--a-shadow:var(--glass-shadow)}
:root[data-after-palette="ref-orchid"]{--g-core:#6A4BB1;--g-strong:#50368D;--g-primary:#B79AF4;--g-secondary:#EF82BD;--g-secondary-strong:#D260A1;--g-highlight:#E9A071;--g-glow:#FFF1F8;--g-base:#26203A}
:root[data-after-palette="ref-violet"]{--g-core:#2866F7;--g-strong:#1F59ED;--g-primary:#7BA0FF;--g-secondary:#8B6DFF;--g-secondary-strong:#6D45E8;--g-highlight:#DAA3FA;--g-glow:#F0ECFF;--g-base:#151D38}
 .f-reference-backdrop{display:none;position:fixed;inset:-48px;filter:blur(32px);z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 3% 0%,color-mix(in srgb,var(--g-highlight) 65%,transparent),transparent 50%),radial-gradient(ellipse at 100% 20%,color-mix(in srgb,var(--g-secondary-strong) 42%,transparent),transparent 65%),linear-gradient(145deg,var(--g-base),color-mix(in srgb,var(--g-core) 44%,var(--g-base)) 60%,var(--g-base))}
.f-reference-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#FFFFFF0E,transparent 35%,#0E0B201A)}
.f-reference-backdrop>svg{width:100%;height:100%;opacity:.82}
:root[data-after-palette^="ref-"][data-after-lights=on] .f-reference-backdrop{display:block}
:root[data-after-palette^="ref-"] .f-shell::before,:root[data-after-palette^="ref-"] .f-shell::after{display:none}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-node,.fw-chat-panel,.fw-preparation,.fw-notebook,.exp-card){background:var(--glass);border-color:var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px)}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-node-head,.fw-process-content,.fw-process-list>li>button){background:#FFFFFF07}
:root[data-after-palette^="ref-"] .f-shell .fw-step-bookend .fw-node-head{background:var(--g-primary);color:#241E2C}
:root[data-after-palette^="ref-"] .f-shell :is(.btn.primary,.f-login){background:linear-gradient(130deg,var(--g-primary),color-mix(in srgb,var(--g-primary) 75%,#fff));color:#241E2C;border-color:#FFFFFF26;box-shadow:inset 0 1px 0 #FFFFFF26}
:root[data-after-palette^="ref-"] .f-shell :is(.f-brand-mark){background:linear-gradient(145deg,var(--g-glow),var(--g-primary) 55%,var(--g-core));box-shadow:inset 0 1px 1px #FFFFFF66}
:root[data-after-palette^="ref-"] .f-shell :is(.f-tool,.f-palette select,.f-icon-button){background:#FFFFFF0C;border-color:var(--glass-line)}
:root[data-after-palette^="ref-"] .f-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea){background:#17142133;color:var(--a-ink);border-color:#FFFFFF24}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-kind,.fw-ratios button){background:#FFFFFF07;color:#EEEAF3;border-color:#FFFFFF20}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-kind,.fw-ratios button)[aria-pressed=true]{background:#FFFFFF1C;color:white;border-color:#FFFFFF4D}
:root[data-after-palette^="ref-"] .f-shell .f-nav a[aria-current=page]{background:linear-gradient(110deg,#FFFFFF20,#FFFFFF08);border-color:#FFFFFF24;color:white;box-shadow:inset 0 1px 0 #FFFFFF13}
:root[data-after-palette^="ref-"][data-after-mode=light]{--g-primary:#982F28;--g-secondary:#B07A24;--g-secondary-strong:#815719;--g-base:#F3E9E6;--g-panel:color-mix(in srgb,#fff 96%,var(--g-core));--g-panel-raised:color-mix(in srgb,#fff 92%,var(--g-core));--glass:linear-gradient(135deg,#FFFFFF80,#FFFFFF15),color-mix(in srgb,var(--g-panel) 94%,transparent);--glass-heavy:linear-gradient(135deg,#FFFFFF80,#FFFFFF20),color-mix(in srgb,var(--g-panel) 99%,transparent);--glass-line:#3C263027;--glass-shadow:inset 0 1px 0 #FFFFFFE6,0 14px 38px #3C263017;--g-check-ink:#fff;--a-ink:#2B2630;--a-muted:#655D69;--a-line:#30263826;--a-button-ink:#fff}
:root[data-after-palette="ref-orchid"][data-after-mode=light]{--g-primary:#6A4BB1;--g-secondary:#B7498B;--g-secondary-strong:#91366D;--g-base:#EFEAF5}
:root[data-after-palette="ref-violet"][data-after-mode=light]{--g-primary:#2866F7;--g-secondary:#6D45E8;--g-secondary-strong:#6D45E8;--g-base:#E9EEF8}
 :root[data-after-palette^="ref-"][data-after-mode=light] .f-reference-backdrop{background:radial-gradient(ellipse at 3% 0%,var(--g-glow),transparent 58%),radial-gradient(ellipse at 100% 15%,color-mix(in srgb,var(--g-secondary) 18%,transparent),transparent 65%),linear-gradient(145deg,var(--g-base),color-mix(in srgb,var(--g-core) 14%,var(--g-base)) 65%,var(--g-base))}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-reference-backdrop>svg{opacity:.38}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea){background:#FFFFFFA6;color:var(--a-ink);border-color:var(--a-line)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.fw-kind,.fw-ratios button,.f-nav a[aria-current=page]){color:var(--a-ink)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.btn.primary,.f-login,.fw-step-bookend .fw-node-head){background:var(--g-primary);color:#fff}

:root[data-after-palette^="ref-"] .f-shell :is(.fw-link,.f-sidebar-bottom>a){color:var(--a-ink)}
:root[data-after-palette^="ref-"] .f-shell #header .f-nav a[aria-current=page]{color:var(--a-ink);background:linear-gradient(110deg,#FFFFFF20,#FFFFFF08);border-color:#FFFFFF24;box-shadow:inset 0 1px 0 #FFFFFF13}
:root[data-after-palette^="ref-"] .f-shell #header{backdrop-filter:blur(24px)}
:root[data-after-palette^="ref-"] .f-shell #shell-topbar{backdrop-filter:blur(26px)}
:root[data-after-palette^="ref-"] .f-shell .fw-settings{background:#17152226}
:root[data-after-palette^="ref-"][data-after-mode=dark] .f-shell .fw-board{background:radial-gradient(circle,#FFFFFF20 .8px,transparent 1px) 0 0/24px 24px,color-mix(in srgb,var(--g-base) 62%,transparent);border-color:#FFFFFF25}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-node,.fw-zoom){background:color-mix(in srgb,var(--g-panel) 97%,transparent);border-color:#FFFFFF26;color:var(--a-ink)}
:root[data-after-palette^="ref-"] .f-shell .fw-zone-title{background:var(--g-panel-raised)}
:root[data-after-palette^="ref-"][data-after-mode=dark] .f-shell .fw-step-bookend .fw-node-head{background:var(--g-strong);color:var(--a-ink)}
:root[data-after-palette^="ref-"] .f-shell .fw-sticky{background:linear-gradient(145deg,#FFFFFF0D,transparent),var(--g-panel);border-color:color-mix(in srgb,var(--g-primary) 38%,transparent);color:var(--a-ink)}
:root[data-after-palette^="ref-"] .f-shell .fw-sticky :is(.fw-node-head,small,svg,input,textarea,.fw-link){color:var(--a-ink)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell .fw-board{background:radial-gradient(circle,#30263829 .8px,transparent 1px) 0 0/24px 24px,color-mix(in srgb,var(--g-base) 80%,transparent);border-color:var(--a-line)}

/* Actual reference component surfaces, including the day-specific cascade. */
:root[data-after-palette^="ref-"] .f-shell :is(#header,#shell-topbar){border-color:var(--glass-line)}
:root[data-after-palette^="ref-"] .f-shell .fw-guide{background:#FFFFFF09;color:#EEEAF3;border-color:#FFFFFF0C}
:root[data-after-palette^="ref-"] .f-shell .fw-user{background:color-mix(in srgb,var(--g-primary) 20%,color-mix(in srgb,var(--g-panel) 88%,transparent));border-color:color-mix(in srgb,var(--g-primary) 34%,transparent);color:white}
:root[data-after-palette^="ref-"] .f-shell .fw-idea-field textarea{color:#fff;background:#17142133;border-color:#FFFFFF24}
:root[data-after-palette^="ref-"] .f-shell .fw-node{box-shadow:0 2px 10px rgba(20,30,40,.06);backdrop-filter:none}
:root[data-after-palette^="ref-"] .f-shell .fw-node-head{border-color:#FFFFFF19}
:root[data-after-palette^="ref-"] .f-shell .fw-step-bookend .fw-node-head{background:var(--g-strong)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.fw-guide,.fw-settings){background:color-mix(in srgb,var(--g-primary) 4%,var(--g-panel));border-color:var(--a-line)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell .fw-guide{color:#49434D}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell .fw-idea-field textarea{color:var(--a-ink);background:#FFFFFFA6;border-color:var(--a-line)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.fw-node,.fw-node-head){border-color:var(--a-line)}
:root[data-after-palette^="ref-"] .f-shell .fw-sticky input[data-workbench-note-title]:not([type=file]){color:var(--a-ink)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell .fw-step-bookend .fw-node-head{background:var(--g-strong)}
:root[data-after-palette^="ref-"][data-after-mode=dark] .f-shell textarea#home-idea{background:#17142133;color:#fff;border-color:#FFFFFF24}
:root[data-after-palette^="ref-"][data-after-mode=dark] .f-shell #header .f-nav a[aria-current=page]{color:#fff}
:root[data-after-palette^="ref-"] .f-shell :is(.fw-kind,.fw-ratios button)[aria-pressed=true]{box-shadow:inset 0 1px 0 #FFFFFF20,0 4px 18px #0000000D}
:root[data-after-palette^="ref-"] .f-shell .fw-ratios button[aria-pressed=true]{background:color-mix(in srgb,var(--g-primary) 15%,#FFFFFF06);border-color:color-mix(in srgb,var(--g-primary) 75%,white)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell #header .f-nav a[aria-current=page]{background:color-mix(in srgb,var(--g-primary) 10%,var(--g-panel));border-color:var(--a-line)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.fw-kind,.fw-ratios button){border-color:var(--a-line)}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.fw-kind,.fw-ratios button)[aria-pressed=true]{background:color-mix(in srgb,var(--g-primary) 10%,var(--g-panel));border-color:var(--a-line);box-shadow:none}
:root[data-after-palette^="ref-"][data-after-mode=light] .f-shell :is(.btn.primary,.f-login){background:linear-gradient(135deg,var(--g-primary),var(--g-strong));border-color:var(--g-primary);color:#fff}

/* Pastel forest uses the shared glass surfaces and the existing day/night controls. */
:root[data-after-palette="ref-forest"]{--g-core:#527B65;--g-strong:#3C6552;--g-primary:#B7DDBB;--g-secondary:#9DCDB8;--g-secondary-strong:#6FAD96;--g-highlight:#F1DEAA;--g-glow:#F5F8DD;--g-base:#20392F}
:root[data-after-palette="ref-forest"][data-after-mode=light]{--g-primary:#386B50;--g-secondary:#76AA8D;--g-secondary-strong:#57876B;--g-base:#EAF2E5;--g-glow:#FFF9E6}

/* Minimal keeps neutral, opaque surfaces in both modes. */
:root[data-after-palette="ref-minimal"]{--g-core:#333638;--g-strong:#44484B;--g-primary:#E1E4E6;--g-secondary:#B9BFC3;--g-secondary-strong:#747E85;--g-highlight:#C6CDD1;--g-glow:#F5F6F7;--g-base:#141618;--g-panel:#1D2023;--g-panel-raised:#25292D;--glass:#1D2023;--glass-heavy:#25292D;--glass-line:#353B40;--glass-shadow:none;--a-ink:#F1F3F4;--a-muted:#BBC2C8;--a-line:#353B40;--a-soft:#25292D;--a-tint:#30363B;--a-shadow:none;--a-button-ink:#141618}
:root[data-after-palette="ref-minimal"][data-after-mode=light]{--g-core:#343A40;--g-strong:#282D32;--g-primary:#343A40;--g-secondary:#68727A;--g-secondary-strong:#515B64;--g-base:#F5F6F7;--g-panel:#FFFFFF;--g-panel-raised:#F0F2F4;--glass:#FFFFFF;--glass-heavy:#FFFFFF;--glass-line:#DCE0E4;--a-ink:#20262C;--a-muted:#59636D;--a-line:#DCE0E4;--a-soft:#F0F2F4;--a-tint:#E9EDF0}
:root[data-after-palette="ref-minimal"] .f-reference-backdrop{display:none!important}
:root[data-after-palette="ref-minimal"] .f-shell :is(#header,#shell-topbar,.fw-chat-panel,.fw-preparation,.fw-notebook,.exp-card){backdrop-filter:none;box-shadow:none;background:var(--glass)}
:root[data-after-palette="ref-minimal"] .f-shell :is(.btn.primary,.f-login){background:var(--g-primary);color:var(--a-button-ink);border-color:var(--a-line);box-shadow:none}
:root[data-after-palette="ref-minimal"][data-after-mode=light] .f-shell :is(.btn.primary,.f-login){color:#fff}
:root[data-after-palette="ref-minimal"] .f-shell #header .f-nav a[aria-current=page]{background:var(--a-tint);color:var(--a-ink);box-shadow:none;border-color:var(--a-line)}
:root[data-after-palette="ref-minimal"] .f-shell .f-brand-mark{background:var(--g-primary);box-shadow:none}
:root[data-after-palette="ref-minimal"] .f-shell .fw-settings summary{color:var(--a-muted)}

.f-palette{position:relative;color:var(--a-ink)}
.f-palette summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:112px;min-height:38px;padding:8px 10px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-solid);color:var(--a-ink);font-size:12px;cursor:pointer;list-style:none}
.f-palette summary::-webkit-details-marker{display:none}
.f-palette-options{position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:6px;border:1px solid var(--a-line);border-radius:12px;background:var(--a-solid);box-shadow:0 8px 24px #0002;z-index:60}
.f-palette-options button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:9px 12px;background:transparent;color:var(--a-ink);border:0;border-radius:7px;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.f-palette-options button:hover,.f-palette-options button[aria-pressed=true]{background:var(--a-tint)}
.f-palette summary:focus-visible,.f-palette-options button:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}

/* DOSAI palette values reused from the original theme catalog. */
:root[data-after-palette="extra-light"]{--catalog-bg:#ffffff;--catalog-surface:#ffffff;--catalog-sidebar:#f7f7f9;--catalog-soft:#f6f5fc;--catalog-stage:#f5f6f8;--catalog-hover:#eeedf5;--catalog-ink:#172b45;--catalog-muted:#52606d;--catalog-accent:#5b4fe8;--catalog-accent-ink:#ffffff;--catalog-accent-hover:#493aca;--catalog-line:#e0e4e8;--catalog-control:#7b8795;--catalog-focus:#5b4fe8;--catalog-selection:#ddd9fb;--catalog-selection-ink:#172b45;--catalog-scroll-thumb:#8b839f;--catalog-warmth:#8c593e;--catalog-danger:#a62e38;--catalog-danger-bg:#fff2f1;--catalog-danger-line:#dcbec3;--catalog-warning:#785219;--catalog-warning-bg:#fff8e9;--catalog-warning-line:#ead7af;--catalog-success:#23623f;--catalog-success-bg:#eff7f2;--catalog-success-line:#d0e6d9;--catalog-toast-bg:#172b45;--catalog-toast-ink:#ffffff;--catalog-preview-shadow:#00000014;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-night"]{--catalog-bg:#151a25;--catalog-surface:#1c2331;--catalog-sidebar:#171e2a;--catalog-soft:#242d3e;--catalog-stage:#141b27;--catalog-hover:#2b3549;--catalog-ink:#e8edf5;--catalog-muted:#aeb9ca;--catalog-accent:#b6a4ff;--catalog-accent-ink:#201a3d;--catalog-accent-hover:#c6b9ff;--catalog-line:#354258;--catalog-control:#74849a;--catalog-focus:#b6a4ff;--catalog-selection:#49406c;--catalog-selection-ink:#f4efff;--catalog-scroll-thumb:#66768c;--catalog-warmth:#e3c49c;--catalog-danger:#f7b3b6;--catalog-danger-bg:#3b232d;--catalog-danger-line:#875363;--catalog-warning:#f1cf8d;--catalog-warning-bg:#3a2d17;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173528;--catalog-success-line:#3b7657;--catalog-toast-bg:#e8edf5;--catalog-toast-ink:#1c2331;--catalog-preview-shadow:#00000050;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-cyber"]{--catalog-bg:#081923;--catalog-surface:#0c2431;--catalog-sidebar:#07151e;--catalog-soft:#133342;--catalog-stage:#081d28;--catalog-hover:#194353;--catalog-ink:#e0f2f5;--catalog-muted:#a4c4cc;--catalog-accent:#6cddd6;--catalog-accent-ink:#06272b;--catalog-accent-hover:#98eee6;--catalog-line:#29515f;--catalog-control:#7aa0ae;--catalog-focus:#6cddd6;--catalog-selection:#205867;--catalog-selection-ink:#e0f2f5;--catalog-scroll-thumb:#55818e;--catalog-warmth:#e4ba80;--catalog-danger:#ffb6ba;--catalog-danger-bg:#3b2632;--catalog-danger-line:#8a596b;--catalog-warning:#f0cd8c;--catalog-warning-bg:#3a3020;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173b31;--catalog-success-line:#3b7657;--catalog-toast-bg:#d9f4f0;--catalog-toast-ink:#0c2431;--catalog-preview-shadow:#00000060;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-halloween"]{--catalog-bg:#1e1927;--catalog-surface:#292132;--catalog-sidebar:#211a2b;--catalog-soft:#352a42;--catalog-stage:#201a2a;--catalog-hover:#40324e;--catalog-ink:#f5e9df;--catalog-muted:#c8b5cb;--catalog-accent:#f5ad6f;--catalog-accent-ink:#392015;--catalog-accent-hover:#ffc38b;--catalog-line:#51405c;--catalog-control:#9a819f;--catalog-focus:#f5ad6f;--catalog-selection:#62405a;--catalog-selection-ink:#fff0e2;--catalog-scroll-thumb:#8a7292;--catalog-warmth:#dfc095;--catalog-danger:#ffb6c3;--catalog-danger-bg:#472936;--catalog-danger-line:#976276;--catalog-warning:#f8d198;--catalog-warning-bg:#493125;--catalog-warning-line:#916640;--catalog-success:#b1dcb8;--catalog-success-bg:#263b31;--catalog-success-line:#52775f;--catalog-toast-bg:#f5e9df;--catalog-toast-ink:#292132;--catalog-preview-shadow:#00000050;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-geek"]{--catalog-bg:#111e1a;--catalog-surface:#192b24;--catalog-sidebar:#13231d;--catalog-soft:#23382f;--catalog-stage:#14261f;--catalog-hover:#2c4439;--catalog-ink:#e5efe5;--catalog-muted:#adbfaf;--catalog-accent:#a9d294;--catalog-accent-ink:#1b321b;--catalog-accent-hover:#c0e3ab;--catalog-line:#3c5545;--catalog-control:#88a391;--catalog-focus:#a9d294;--catalog-selection:#3e5d45;--catalog-selection-ink:#edf7e9;--catalog-scroll-thumb:#6b8b75;--catalog-warmth:#d7bb81;--catalog-danger:#f3b2ae;--catalog-danger-bg:#3c2a29;--catalog-danger-line:#8d5a56;--catalog-warning:#ebce94;--catalog-warning-bg:#373120;--catalog-warning-line:#7d6d3e;--catalog-success:#b3dfb2;--catalog-success-bg:#24402e;--catalog-success-line:#4e7958;--catalog-toast-bg:#e5efe5;--catalog-toast-ink:#192b24;--catalog-preview-shadow:#00000050;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-warm"]{--catalog-bg:#fbf7ef;--catalog-surface:#fffcf6;--catalog-sidebar:#f2ebdf;--catalog-soft:#f5ecdf;--catalog-stage:#eee5d8;--catalog-hover:#ede0d0;--catalog-ink:#3c3029;--catalog-muted:#6e5d50;--catalog-accent:#9f4933;--catalog-accent-ink:#fffaf5;--catalog-accent-hover:#873d2a;--catalog-line:#dcccbc;--catalog-control:#97775f;--catalog-focus:#9f4933;--catalog-selection:#e6cbb5;--catalog-selection-ink:#3c3029;--catalog-scroll-thumb:#ab8f78;--catalog-warmth:#8b5a2e;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-toast-bg:#3c3029;--catalog-toast-ink:#fffcf6;--catalog-preview-shadow:#40220a1a;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-neon"]{--catalog-bg:#100b22;--catalog-surface:#17102e;--catalog-sidebar:#0b0919;--catalog-soft:#25173e;--catalog-stage:#100c23;--catalog-hover:#34234e;--catalog-ink:#f4efff;--catalog-muted:#c8b7df;--catalog-accent:#64fff1;--catalog-accent-ink:#062b2e;--catalog-accent-hover:#a1fff8;--catalog-line:#493466;--catalog-control:#a28bbf;--catalog-focus:#ff8ee4;--catalog-selection:#55316f;--catalog-selection-ink:#fff0fd;--catalog-scroll-thumb:#9473b9;--catalog-warmth:#ffb7d9;--catalog-danger:#ffb6c3;--catalog-danger-bg:#472936;--catalog-danger-line:#976276;--catalog-warning:#f8d198;--catalog-warning-bg:#493125;--catalog-warning-line:#916640;--catalog-success:#b1dcb8;--catalog-success-bg:#263b31;--catalog-success-line:#52775f;--catalog-toast-bg:#f4efff;--catalog-toast-ink:#17102e;--catalog-preview-shadow:#00000060;--catalog-neon-pink:#ff8ee4;--catalog-neon-violet:#b79aff;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-future"]{--catalog-bg:#06162c;--catalog-surface:#0b2546;--catalog-sidebar:#07182d;--catalog-soft:#10335a;--catalog-stage:#081d38;--catalog-hover:#18426c;--catalog-ink:#eaf5ff;--catalog-muted:#b6cde5;--catalog-accent:#ffc27e;--catalog-accent-ink:#302015;--catalog-accent-hover:#ffd5a4;--catalog-line:#456a91;--catalog-control:#a1c3e0;--catalog-focus:#8befff;--catalog-selection:#254f79;--catalog-selection-ink:#eaf5ff;--catalog-scroll-thumb:#79a5cb;--catalog-warmth:#ffd4a1;--catalog-danger:#ffb6ba;--catalog-danger-bg:#3b2632;--catalog-danger-line:#8a596b;--catalog-warning:#f0cd8c;--catalog-warning-bg:#3a3020;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173b31;--catalog-success-line:#3b7657;--catalog-toast-bg:#eaf5ff;--catalog-toast-ink:#0b2546;--catalog-preview-shadow:#00000060;--catalog-future-cyan:#8befff;--catalog-future-violet:#bca6ff;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-space"]{--catalog-bg:#0b1029;--catalog-surface:#151d3a;--catalog-sidebar:#0d142d;--catalog-soft:#202b4c;--catalog-stage:#0c1531;--catalog-hover:#2b365c;--catalog-ink:#f1f1ff;--catalog-muted:#bfc7e0;--catalog-accent:#c7b1ff;--catalog-accent-ink:#24183f;--catalog-accent-hover:#dccdff;--catalog-line:#45527a;--catalog-control:#9daecb;--catalog-focus:#9ee6ff;--catalog-selection:#3c4576;--catalog-selection-ink:#f1f1ff;--catalog-scroll-thumb:#778ab5;--catalog-warmth:#ffd499;--catalog-toast-bg:#f1f1ff;--catalog-toast-ink:#151d3a;--catalog-world-wash:#0b1029c4;--catalog-world-panel:#151d3aeb;--catalog-danger:#f7b3b6;--catalog-danger-bg:#3b232d;--catalog-danger-line:#875363;--catalog-warning:#f1cf8d;--catalog-warning-bg:#3a2d17;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173528;--catalog-success-line:#3b7657;--catalog-preview-shadow:#00000050;--catalog-world-scene:url('/after-ai/legacy/assets/world-space.svg');--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-space"] .f-shell{background:linear-gradient(var(--catalog-world-wash),var(--catalog-world-wash)),var(--catalog-world-scene) center bottom/cover var(--a-bg)}
:root[data-after-palette="extra-forest"]{--catalog-bg:#f3f7ee;--catalog-surface:#fcfef7;--catalog-sidebar:#e7efdf;--catalog-soft:#e6eedc;--catalog-stage:#e2ebda;--catalog-hover:#d7e4cc;--catalog-ink:#203c2c;--catalog-muted:#4a614b;--catalog-accent:#2d6746;--catalog-accent-ink:#fffefa;--catalog-accent-hover:#235239;--catalog-line:#c1d1b6;--catalog-control:#677e63;--catalog-focus:#326b49;--catalog-selection:#cce1bd;--catalog-selection-ink:#203c2c;--catalog-scroll-thumb:#839a77;--catalog-warmth:#825c25;--catalog-toast-bg:#203c2c;--catalog-toast-ink:#fcfef7;--catalog-world-wash:#f3f7eed4;--catalog-world-panel:#fcfef7eb;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-preview-shadow:#23371a18;--catalog-world-scene:url('/after-ai/legacy/assets/world-forest.svg');--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-forest"] .f-shell{background:linear-gradient(var(--catalog-world-wash),var(--catalog-world-wash)),var(--catalog-world-scene) center bottom/cover var(--a-bg)}
:root[data-after-palette="extra-ocean"]{--catalog-bg:#061e2a;--catalog-surface:#0b2d3d;--catalog-sidebar:#08232e;--catalog-soft:#123d4d;--catalog-stage:#082735;--catalog-hover:#1c4a5a;--catalog-ink:#e3f5f5;--catalog-muted:#b2cfd4;--catalog-accent:#7be4dc;--catalog-accent-ink:#083635;--catalog-accent-hover:#a0f3ec;--catalog-line:#355e6d;--catalog-control:#93b6c1;--catalog-focus:#87e4f5;--catalog-selection:#235a69;--catalog-selection-ink:#efffff;--catalog-scroll-thumb:#5c929e;--catalog-warmth:#f2ca9d;--catalog-toast-bg:#e3f5f5;--catalog-toast-ink:#0b2d3d;--catalog-world-wash:#061e2ac4;--catalog-world-panel:#0b2d3deb;--catalog-danger:#f7b3b6;--catalog-danger-bg:#3b232d;--catalog-danger-line:#875363;--catalog-warning:#f1cf8d;--catalog-warning-bg:#3a2d17;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173528;--catalog-success-line:#3b7657;--catalog-preview-shadow:#00000050;--catalog-world-scene:url('/after-ai/legacy/assets/world-ocean.svg');--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-ocean"] .f-shell{background:linear-gradient(var(--catalog-world-wash),var(--catalog-world-wash)),var(--catalog-world-scene) center bottom/cover var(--a-bg)}
:root[data-after-palette="extra-grassland"]{--catalog-bg:#faf7e9;--catalog-surface:#fffdf5;--catalog-sidebar:#f1edda;--catalog-soft:#eeeacf;--catalog-stage:#eae6cd;--catalog-hover:#e2dfbf;--catalog-ink:#343d27;--catalog-muted:#596044;--catalog-accent:#55682a;--catalog-accent-ink:#fffef2;--catalog-accent-hover:#42511f;--catalog-line:#d2d1ae;--catalog-control:#717b4a;--catalog-focus:#607330;--catalog-selection:#dce7b2;--catalog-selection-ink:#343d27;--catalog-scroll-thumb:#919b68;--catalog-warmth:#936225;--catalog-toast-bg:#343d27;--catalog-toast-ink:#fffdf5;--catalog-world-wash:#faf7e9d4;--catalog-world-panel:#fffdf5eb;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-preview-shadow:#23371a18;--catalog-world-scene:url('/after-ai/legacy/assets/world-grassland.svg');--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-grassland"] .f-shell{background:linear-gradient(var(--catalog-world-wash),var(--catalog-world-wash)),var(--catalog-world-scene) center bottom/cover var(--a-bg)}
:root[data-after-palette="extra-panda"]{--catalog-bg:#fff7eb;--catalog-surface:#fffdf6;--catalog-sidebar:#f5e8d4;--catalog-soft:#f0e4d1;--catalog-stage:#dce9f2;--catalog-hover:#eadbc0;--catalog-ink:#453831;--catalog-muted:#665044;--catalog-accent:#85502f;--catalog-accent-ink:#fffdf6;--catalog-accent-hover:#6e4027;--catalog-line:#cdb59d;--catalog-control:#8c6c55;--catalog-focus:#85502f;--catalog-selection:#d7e7f2;--catalog-selection-ink:#453831;--catalog-scroll-thumb:#a58b78;--catalog-warmth:#85502f;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-toast-bg:#453831;--catalog-toast-ink:#fffdf6;--catalog-preview-shadow:#66554a20;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-prism"]{--catalog-bg:#090c22;--catalog-surface:#111932;--catalog-sidebar:#0e1129;--catalog-soft:#202448;--catalog-stage:#0c1230;--catalog-hover:#2a3158;--catalog-ink:#f0f2ff;--catalog-muted:#bdc8e6;--catalog-accent:#74eaff;--catalog-accent-ink:#10142f;--catalog-accent-hover:#abf3ff;--catalog-line:#545c89;--catalog-control:#9aaed7;--catalog-focus:#89f0ff;--catalog-selection:#4b3b77;--catalog-selection-ink:#f8f3ff;--catalog-scroll-thumb:#817ac4;--catalog-warmth:#ffb3d4;--catalog-danger:#ffb6ba;--catalog-danger-bg:#3b2632;--catalog-danger-line:#8a596b;--catalog-warning:#f0cd8c;--catalog-warning-bg:#3a3020;--catalog-warning-line:#826d3a;--catalog-success:#a7ddbb;--catalog-success-bg:#173b31;--catalog-success-line:#3b7657;--catalog-toast-bg:#f0f2ff;--catalog-toast-ink:#111932;--catalog-preview-shadow:#00000060;--catalog-prism-pink:#ff83c9;--catalog-prism-violet:#b9a1ff;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:dark;}
:root[data-after-palette="extra-yorkie"]{--catalog-bg:#f7e9e6;--catalog-surface:#fff7f5;--catalog-sidebar:#ead6d3;--catalog-soft:#efdcdf;--catalog-stage:#efdee3;--catalog-hover:#e6cbd1;--catalog-ink:#4c363c;--catalog-muted:#654950;--catalog-accent:#8e4e64;--catalog-accent-ink:#fff8f5;--catalog-accent-hover:#783c52;--catalog-line:#cfb1b6;--catalog-control:#8b606b;--catalog-focus:#8e4e64;--catalog-selection:#e5c5d2;--catalog-selection-ink:#4c363c;--catalog-scroll-thumb:#b48a98;--catalog-warmth:#835a47;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-toast-bg:#4c363c;--catalog-toast-ink:#fff7f5;--catalog-preview-shadow:#71435420;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}
:root[data-after-palette="extra-linepup"]{--catalog-bg:#f8f7ef;--catalog-surface:#fffdf8;--catalog-sidebar:#e5eff1;--catalog-soft:#e7f0f2;--catalog-stage:#e4eef0;--catalog-hover:#d8e6e9;--catalog-ink:#4c4140;--catalog-muted:#655654;--catalog-accent:#4a6f79;--catalog-accent-ink:#fffdf8;--catalog-accent-hover:#365761;--catalog-line:#b5cdd0;--catalog-control:#6f7c80;--catalog-focus:#456b77;--catalog-selection:#e8d4df;--catalog-selection-ink:#4c4140;--catalog-scroll-thumb:#8da9ae;--catalog-warmth:#8d5671;--catalog-danger:#a02e35;--catalog-danger-bg:#fff0eb;--catalog-danger-line:#dcb6ad;--catalog-warning:#735019;--catalog-warning-bg:#fff3d9;--catalog-warning-line:#dcc697;--catalog-success:#2e6144;--catalog-success-bg:#edf3e8;--catalog-success-line:#b8cdb8;--catalog-toast-bg:#4c4140;--catalog-toast-ink:#fffdf8;--catalog-preview-shadow:#586e7620;--a-bg:var(--catalog-bg);--a-surface:var(--catalog-surface);--a-solid:var(--catalog-surface);--a-soft:var(--catalog-soft);--a-ink:var(--catalog-ink);--a-muted:var(--catalog-muted);--a-line:var(--catalog-line);--a-accent:var(--catalog-accent);--a-accent2:var(--catalog-accent-hover);--a-button:var(--catalog-accent);--a-button-ink:var(--catalog-accent-ink);--a-tint:var(--catalog-hover);--a-shadow:none;color-scheme:light;}

:root[data-after-palette^="extra-"] .f-shell::before,:root[data-after-palette^="extra-"] .f-shell::after{display:none}
:root[data-after-palette^="extra-"] .f-shell .f-brand-mark{background:var(--a-accent)}
:root[data-after-palette^="extra-"] .f-shell :is(#header,#shell-topbar,.fw-chat-panel,.fw-preparation,.fw-notebook,.exp-card){background:var(--a-surface);border-color:var(--a-line);color:var(--a-ink);box-shadow:none}
:root[data-after-palette^="extra-"] .f-shell :is(input:not([type=checkbox]):not([type=radio]),textarea,.fw-guide,.fw-settings,.fw-kind,.fw-ratios button){background:var(--a-soft);border-color:var(--a-line);color:var(--a-ink)}
:root[data-after-palette^="extra-"] .f-shell :is(.fw-kind,.fw-ratios button)[aria-pressed=true]{background:var(--a-tint);color:var(--a-accent);border-color:var(--a-accent)}
.f-theme-dialog{width:min(930px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--a-line);border-radius:18px;background:var(--a-solid);color:var(--a-ink)}
.f-theme-dialog::backdrop{background:#0008}
.f-theme-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.f-theme-heading h2{margin:0;font-size:23px}.f-theme-heading p{margin:6px 0 0;color:var(--a-muted);font-size:13px}
.f-theme-heading>button{width:44px;height:44px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-soft);color:var(--a-ink);font-size:24px;cursor:pointer}
.f-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.f-theme-grid>button{padding:12px;border:1px solid var(--a-line);border-radius:12px;text-align:left;background:var(--a-surface);color:var(--a-ink);cursor:pointer;min-width:0;font:inherit}
.f-theme-grid>button[aria-pressed=true]{outline:2px solid var(--a-accent);outline-offset:1px}
.f-theme-preview{display:flex;height:90px;padding:8px;gap:8px;background:var(--sample-bg);border-radius:7px;margin-bottom:10px;border:1px solid var(--sample-soft)}
.f-theme-preview>i{width:20%;background:var(--sample-soft);border-radius:4px}.f-theme-preview>span{flex:1;display:flex;flex-direction:column;gap:10px;padding:8px}
.f-theme-preview b{display:block;width:65%;height:7px;background:var(--sample-ink);border-radius:4px}.f-theme-preview span>i{display:block;flex:1;background:var(--sample-soft);border-left:4px solid var(--sample-accent);border-radius:4px}
.f-theme-grid strong{display:block;font-size:14px}.f-theme-grid small{display:block;font-size:11px;color:var(--a-muted);margin:7px 0;line-height:1.6}.f-theme-state{font-size:12px;color:var(--a-accent)}
@media(max-width:600px){.f-theme-dialog{padding:16px}.f-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.f-theme-preview{height:70px}}

/* Sidebar controls replace the removed top bar; the logo is the sole menu toggle. */
.f-logo-toggle{position:fixed;left:32px;top:32px;z-index:45;width:44px;height:44px;padding:0;border:1px solid var(--a-line);color:var(--a-ink);font:750 16px/1 -apple-system,sans-serif;letter-spacing:-1px;cursor:pointer}
.f-logo-toggle:focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}
.f-logo-space{height:50px;flex:none;margin-bottom:16px}
.f-sidebar-tools{display:grid;gap:12px;min-width:0;margin-top:24px;padding-top:16px;border-top:1px solid var(--a-line)}
.f-sidebar-tools .f-top-leading,.f-sidebar-tools .f-top-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0}
.f-sidebar-tools .f-search{flex:initial;width:100%;max-width:100%;gap:6px}
.f-sidebar-tools .f-palette summary{min-width:0;width:100%}
.f-sidebar-tools .f-palette-options{position:static;width:100%;margin-top:6px;box-shadow:none}
.f-sidebar-tools .f-profile-pop{position:static;width:100%;max-width:100%;margin-top:6px}
.f-sidebar-tools .f-profile summary{width:100%}
.f-sidebar-tools .f-top-balance{display:block;font-size:12px}
.f-sidebar-tools .f-tool span,.f-sidebar-tools .f-register{display:inline}
.f-sidebar-tools .f-role{display:block;max-width:none;text-align:center}
.f-shell.f-collapsed .f-sidebar-tools,.f-shell.f-collapsed .f-sidebar-bottom{display:none}
.f-shell :where(input,textarea,select,summary,[id]){scroll-margin-top:24px}
@media(max-width:760px){.f-logo-toggle{left:18px;top:18px}.f-logo-space{display:none}.f-shell #header{inset:76px auto 9px 9px;width:240px;padding-top:18px}.f-shell #main{padding-top:76px;min-height:calc(100dvh - 18px)}.f-shell.f-collapsed .f-sidebar-tools{display:grid}.f-shell.f-collapsed .f-sidebar-bottom{display:block}.f-sidebar-tools .f-top-tools{flex:initial;align-items:stretch}.f-sidebar-tools .f-tool{min-height:40px}.f-sidebar-tools #f-global-search{font-size:13px}}

/* Global search, appearance and account controls return to the top row. */
.f-shell #shell-topbar .f-top-leading{min-width:120px;flex:1}
.f-shell #shell-topbar .f-top-tools{flex-wrap:wrap;justify-content:flex-end}
.f-shell #shell-topbar .f-top-balance{display:block}
.f-shell #shell-topbar .f-role{display:block}
.f-shell #shell-topbar .f-tool span{display:inline}
.fw-heading .fw-heading-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.fw-view-tools{display:flex;align-items:center;gap:5px}
.fw-view-tools output{min-width:42px;text-align:center;font-size:12px;color:var(--a-muted)}
.fw-view-tools .btn{min-height:36px;font-size:12px;padding:7px 10px}
@media(max-width:1100px){.f-shell #shell-topbar .f-top-leading{flex:1 1 180px}.f-shell #shell-topbar .f-top-tools{flex:1 1 auto}}
@media(max-width:760px){.f-shell #shell-topbar{margin-left:64px;min-height:61px}.f-shell #header{top:var(--f-mobile-nav-top,100px)}.f-shell #main{padding-top:24px}.f-shell #shell-topbar .f-top-leading{flex:1 1 100%;min-width:0}.f-shell #shell-topbar .f-top-tools{flex:1 1 100%;justify-content:flex-start}.f-shell #shell-topbar .f-top-balance{font-size:11px}.f-shell #shell-topbar .f-role{max-width:none;padding:7px}.fw-heading .fw-heading-tools{justify-content:flex-start;margin-top:12px}.fw-heading .fw-heading-tools>.btn{font-size:11px}}

.f-shell #shell-topbar .f-profile summary{display:flex;align-items:center;gap:6px;width:auto;min-width:38px;padding:7px 10px;border-radius:10px}
.f-profile-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.f-profile-avatar{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid var(--a-line);border-radius:50%;font-size:11px}
@media(max-width:760px){.f-profile-name{max-width:90px}}

/* Administration retains its own vertical module navigation. */
.f-shell.f-admin-panel .f-shell-layout{grid-template-columns:minmax(0,1fr)}
.f-shell.f-admin-panel .f-shell-pane{grid-column:1/-1}
.f-shell.f-admin-panel #header,.f-shell.f-admin-panel #f-menu,.f-shell.f-admin-panel #f-menu-backdrop,.f-shell.f-admin-panel .f-shell-pane>footer{display:none!important}
.f-shell.f-admin-panel #shell-topbar{margin-left:0;justify-content:flex-end;min-height:54px;padding:6px 10px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.f-shell.f-admin-panel #shell-topbar .f-top-tools{flex:0 1 auto;justify-content:flex-end}
.f-shell.f-admin-panel .admin-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}
.f-shell.f-admin-panel .admin-nav{position:sticky;top:80px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;max-height:calc(100dvh - 100px);overflow-y:auto;margin-bottom:0;padding:12px}
.f-shell.f-admin-panel .admin-nav button{width:100%;flex:0 0 auto;text-align:left}
.f-shell.f-admin-panel #main{padding-top:12px}
.f-panel-switch{white-space:nowrap}

@media(max-width:760px){.f-shell.f-admin-panel .admin-grid{grid-template-columns:112px minmax(0,1fr);gap:10px}.f-shell.f-admin-panel .admin-nav{top:72px;padding:6px;overflow-x:hidden}.f-shell.f-admin-panel .admin-nav button{font-size:12px;padding:9px 6px;white-space:normal}.f-shell.f-admin-panel #admin-content{min-width:0;padding:14px}}

.f-shell.f-admin-panel #shell-topbar{position:absolute;top:24px;right:24px;min-height:0;width:auto;margin:0;padding:0;z-index:25}
.f-shell.f-admin-panel #main{padding-top:12px}
.f-shell.f-admin-panel #main>.page-head{min-height:44px;margin-bottom:20px;padding-right:110px}
.f-shell.f-admin-panel #main>.page-head h1{margin:0}
@media(max-width:760px){.f-shell.f-admin-panel #shell-topbar{top:20px;right:20px}.f-shell.f-admin-panel #main>.page-head{padding-right:100px}}