/* Reference-inspired shell; existing feature controls and handlers retained. */
:root{--bg:#faf9f6;--paper:#fffefa;--paper-2:#f7f6f2;--ink:#151b28;--muted:#727b8c;--blue:#2764ff;--blue-ink:#245ce6;--blue-2:#edf3ff;--line:#e7e8ec;--shadow:0 2px 7px #17243c08;--radius:12px}
.hosted-notice{margin:12px 32px 0;padding:10px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px;line-height:1.5}
body{background:var(--bg)}
.sidebar{position:relative;inset:auto;width:calc(100% - 64px);margin:20px 32px 0;padding:16px 20px;display:flex;flex-direction:row;align-items:center;gap:20px;border:1px solid var(--line);border-radius:14px;min-height:76px;background:var(--paper)}
.brand{padding:0;flex-shrink:0;font-size:21px}.brand-mark{background:transparent;color:var(--blue);font-size:29px;width:30px}
.nav-group{flex-direction:row;overflow-x:auto;gap:4px;flex:1;order:1;scrollbar-width:thin;align-items:center;padding:3px 0}
.nav-label,.nav-new,.sidebar-bottom .local-dot,.sidebar-bottom>span{display:none}
.nav-item,.nav-subitem{flex-shrink:0;height:38px;font-size:13px;padding:0 11px;margin:0;gap:6px;border-radius:5px}
.nav-item.active{background:transparent;border-bottom:2px solid var(--blue);border-radius:0}
.topic-switcher{order:2;margin:0;padding:7px 9px;min-width:126px;max-width:170px;flex-shrink:0;background:transparent}.topic-switcher label{display:none}.topic-switcher select{margin:0;padding-right:25px;font-size:12px}.add-topic{bottom:2px;right:2px}
.sidebar-bottom{order:3;margin:0;padding:0;border:0}.sidebar-bottom .theme-toggle{margin:0}
.main-shell{margin-left:0}.topbar{background:transparent;backdrop-filter:none;border:0;position:relative;height:55px;padding:0 40px}.breadcrumbs{font-size:12px}.view-root{max-width:1800px;padding:15px 40px 48px}
.page-head h1{font-size:29px}.page-sub{font-size:14px}.card{box-shadow:none}.panel{box-shadow:none}.input,textarea{background:var(--paper);border-color:#d8dce4;font-size:15px;border-radius:10px}.input:focus,textarea:focus{outline:2px solid #2764ff33;outline-offset:1px}
.button-primary{background:var(--blue);box-shadow:none}.button{font-size:13px;padding:11px 16px}.button-small{padding:8px 11px;font-size:12px}
.split-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.7fr);gap:28px;align-items:start}
#cutter-form{background:transparent;border:0;box-shadow:none;padding:0 25px 0 0;border-right:1px solid var(--line);border-radius:0}
#cut-body{min-height:270px}#cut-tag{min-height:85px}#cut-preview{min-height:430px;background:var(--paper);padding:27px;border:1px solid var(--line);border-radius:12px;font-size:16px}
.field label{color:var(--blue);font-size:12px}.panel-title{font-size:19px}.top-actions .topic-pill{background:var(--paper);border:1px solid var(--line)}
body.dark{--bg:#15181d;--paper:#1d2128;--paper-2:#232831;--ink:#edf0f7;--muted:#a2aabc;--line:#343b47}
@media(max-width:1050px){.sidebar{width:calc(100% - 24px);margin:12px;gap:12px;flex-wrap:wrap;padding:12px}.nav-group{order:4;flex-basis:100%}.brand{margin-right:auto}.topic-switcher{order:2}.sidebar-bottom{order:3}.main-shell{margin:0}.view-root{padding:16px 20px 40px}.topbar{padding:0 20px}.split-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)}}
@media(max-width:720px){.sidebar{transform:none;display:flex;position:relative}.split-layout{grid-template-columns:1fr}#cutter-form{padding:0;border:0}.topbar{height:auto;min-height:50px;gap:10px;flex-wrap:wrap}.mobile-menu{display:none}.view-root{padding:16px}.topic-pill{display:none}.page-head{align-items:start}.page-head h1{font-size:24px}.top-actions{gap:7px}}

.nav-group{overflow:visible;gap:12px}.nav-menu{position:relative;flex-shrink:0}.nav-menu summary{cursor:pointer;list-style:none;font-size:14px;color:var(--muted);padding:12px 8px;white-space:nowrap}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{margin-left:7px}.nav-menu:has(.active)>summary{color:var(--blue);border-bottom:2px solid var(--blue)}.nav-menu-items{position:absolute;top:46px;left:0;z-index:50;min-width:205px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 25px #17243c14;display:flex;flex-direction:column}.nav-menu-items .nav-item{width:100%;text-align:left;justify-content:flex-start}.sidebar{z-index:30}.nav-group>.nav-item{font-size:14px}.nav-group>.nav-item .nav-icon{display:none}
#rich-card-tools{border:1px solid var(--line);padding:12px;margin:16px 0;background:var(--paper);border-radius:8px}.rich-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.rich-actions label{font-size:13px}.rich-actions select{font:inherit;padding:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}#rich-cut-review{font-size:13px;line-height:1.5;color:var(--muted)}#cut-preview:has(.pf-source){background:white;color:#111;padding:28px;min-height:430px}.pf-source{max-width:75ch;user-select:text}.pf-source::selection,.pf-source span::selection{background:#a6ccff}.pf-tag{line-height:1.3}.pf-citation{overflow-wrap:anywhere}.rich-actions .button:focus-visible,#rich-source:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:720px){.nav-group{gap:2px;flex-wrap:wrap}.nav-menu summary{font-size:12px;padding:9px 6px}.nav-menu-items{min-width:180px}.nav-group>.nav-item{font-size:12px}.brand{font-size:18px}}