/* Small color accents identify tools; the studio canvas and actions stay dark/blue. */
:root .rf-color-icon{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible;--icon-bg:#162c47;--icon-edge:#335b86}
:root .rf-color-icon[data-rf-icon=product]{--icon-bg:#38291e;--icon-edge:#705036}
:root .rf-color-icon[data-rf-icon=story]{--icon-bg:#2c2341;--icon-edge:#5c457b}
:root .rf-color-icon[data-rf-icon=podcast]{--icon-bg:#392239;--icon-edge:#754460}
:root .rf-color-icon[data-rf-icon=video]{--icon-bg:#123344;--icon-edge:#2e6277}
:root .rf-color-icon[data-rf-icon=wallet]{--icon-bg:#15382e;--icon-edge:#2d6753}
:root .rf-color-icon[data-rf-icon=team]{--icon-bg:#282d49;--icon-edge:#4e5887}
:root .rf-color-icon[data-rf-icon=feedback]{--icon-bg:#3c2531;--icon-edge:#764654}
:root .rf-color-icon[data-rf-icon=support]{--icon-bg:#143735;--icon-edge:#2d6c67}
:root .rf-color-icon[data-rf-icon=admin]{--icon-bg:#383020;--icon-edge:#73613a}
:root .gs-nav-item .rf-color-icon,:root [data-sidebar=menu-button].nav-item>.rf-color-icon,:root .gs-panel-heading .rf-color-icon{
 box-sizing:border-box;width:36px;height:36px;padding:6px;border-radius:11px;
 background:linear-gradient(145deg,var(--icon-bg),#111925);border:1px solid var(--icon-edge);
 box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #0002;
}
:root .gs-nav-item{gap:11px;padding:10px 12px}
:root [data-sidebar=menu-button].nav-item{min-height:48px;gap:11px}
/* Legacy nav SVG dimensions use !important; override only this new icon set. */
:root [data-sidebar=menu-button].nav-item>.rf-color-icon{width:34px!important;height:34px!important}
:root [data-sidebar=menu-button].nav-item>span{min-width:0}
:root .gs-nav-item.active .rf-color-icon,:root [data-sidebar=menu-button][data-active=true]>.rf-color-icon{box-shadow:inset 0 1px 0 #ffffff24,0 3px 12px #0003}
:root .gs-panel-heading h2{display:flex;align-items:center;gap:11px}
:root .gs-panel-heading .rf-color-icon{width:38px;height:38px}
:root .gs-story-art>.rf-color-icon{filter:drop-shadow(0 6px 18px #a78bfa30)}
:root .gs-video-art>.rf-color-icon{filter:drop-shadow(0 6px 18px #38bdf830)}
:root .pc-logo{background:linear-gradient(145deg,#482740,#241c2e);color:#f9a8d4;border-color:#784663}
@media(max-width:900px){:root .gs-nav-item{gap:8px;padding:9px 10px}}
@media(max-width:660px){
 :root .gs-nav-item .rf-color-icon{width:31px;height:31px;padding:5px;border-radius:9px}
 :root .gs-nav-item{padding:8px;gap:8px}
 :root .gs-panel-heading{gap:9px;flex-wrap:wrap}
 :root .gs-panel-heading h2{gap:8px}
 :root .gs-panel-heading .rf-color-icon{width:32px;height:32px;padding:5px;border-radius:9px}
}