:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--nav-bg:#141414;--nav-item-hover:#ffffff0f;--nav-item-active:#2c2c2c;--nav-text:#c8c8c8;--nav-text-muted:#8d8d8d;--nav-text-active:#f3f3f3;--nav-border:#ffffff0f;--content-bg:#f0f0f1;--content-surface:#fff;--content-text:#1e1e1e;--content-muted:#646970;--content-border:#dcdcde;--site-icon-bg:#3858e9;--site-icon-text:#fff;--nav-expanded-width:220px;--nav-rail-width:56px;--nav-submenu-width:calc(var(--nav-expanded-width) - var(--nav-rail-width));--nav-item-height:36px;--nav-icon-size:16px;--nav-radius:8px;--nav-gap:2px;--motion-fast:.12s;--motion-overlay:.16s;--motion-collapse:.18s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--content-text);background:var(--content-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}ul{margin:0;padding:0;list-style:none}h1,p{margin:0}.admin-shell{height:100%;min-height:100vh;display:flex;overflow:hidden}.admin-main{min-width:0;height:100%;transition:opacity var(--motion-collapse) var(--ease-out);flex:auto;overflow:hidden}.admin-shell[data-customizing=true] .admin-main{opacity:.42;pointer-events:none}.nav-chrome{z-index:2;flex:0 0 var(--nav-expanded-width);width:var(--nav-expanded-width);height:100%;display:flex;position:relative;overflow:hidden}.nav-chrome[data-collapsed=true]{overflow:visible}.root-nav{background:var(--nav-bg);width:100%;height:100%;color:var(--nav-text);flex-direction:column;display:flex;overflow:hidden}.root-nav[data-collapsed=true]{pointer-events:none;position:relative;overflow:visible}.root-nav[data-collapsed=true] .site-identity{pointer-events:auto}.site-header{justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:8px 10px 8px 20px;display:flex}.site-identity{align-items:center;gap:10px;min-width:0;display:flex}.site-icon{width:var(--nav-icon-size);height:var(--nav-icon-size);flex:0 0 var(--nav-icon-size);background:var(--site-icon-bg);color:var(--site-icon-text);border-radius:4px;place-items:center;font-size:10px;font-weight:700;display:grid}.site-name{color:var(--nav-text-active);white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--motion-fast) ease;font-weight:600;overflow:hidden}.root-nav[data-collapsed=true] .site-name{opacity:0}.admin-shell[data-customizing=true] .root-nav-list{flex:auto;min-height:0}.customize-footer{flex-direction:column;align-items:stretch;gap:12px;padding:4px 20px 20px;display:flex}.customize-footer-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.customize-footer-actions button{color:var(--nav-text-muted)}.customize-save{background:var(--nav-item-active);width:100%;color:var(--nav-text-active);border-radius:8px;padding:8px 12px}.customize-preset{z-index:4;position:relative}.customize-preset-trigger{align-items:center;gap:4px;display:inline-flex}.header-menu{position:relative}.icon-button{width:28px;height:28px;color:var(--nav-text);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;border-radius:8px;place-items:center;display:grid}.icon-button[aria-expanded=true]{background:var(--nav-item-hover);color:var(--nav-text-active)}.popover{z-index:4;border:1px solid var(--nav-border);transform-origin:100% 0;opacity:0;pointer-events:none;min-width:168px;transition:opacity var(--motion-overlay) var(--ease-out), transform var(--motion-overlay) var(--ease-out);background:#222;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;transform:scale(.96);box-shadow:0 10px 24px #00000047}.popover[data-placement=top]{transform-origin:0 100%;inset:auto auto calc(100% + 4px) 0}.popover[data-entered=true]{opacity:1;pointer-events:auto;transform:scale(1)}.popover button{width:100%;color:var(--nav-text-active);text-align:left;border-radius:8px;padding:8px 10px;display:block}@media (hover:hover) and (pointer:fine){.popover button:hover{background:var(--nav-item-hover)}}.root-nav-list{gap:var(--nav-gap);flex-direction:column;padding:4px 8px 16px;display:flex;overflow:auto}.admin-shell:not([data-customizing=true]) .root-nav-list{flex:auto;min-height:0}.admin-shell:not([data-customizing=true]) .root-nav:has(.root-nav-more) .root-nav-list{padding-bottom:4px}.root-nav-more{flex:none;padding:4px 8px 12px}.root-nav-more:before{content:"";background:#ffffff1f;height:1px;margin:4px 12px 8px;display:block}.root-nav[data-collapsed=true] .root-nav-more:before{width:24px;margin-left:10px;margin-right:auto}.root-nav[data-collapsed=true] .root-nav-list{padding-inline:8px;overflow:visible}.root-nav-item{align-items:center;gap:2px;display:flex;position:relative}.root-nav-item[data-hidden=true]{opacity:.42}.drag-handle,.visibility-toggle,.divider-delete{z-index:2;width:var(--nav-icon-size);height:var(--nav-item-height);color:var(--nav-text-muted);place-items:center;display:grid;position:absolute;top:0}.drag-handle{cursor:grab;left:12px}.drag-handle:active{cursor:grabbing}.visibility-toggle,.divider-delete{right:12px}.root-nav-item[data-divider=true]{min-height:16px;padding:0 12px}.admin-shell[data-customizing=true] .root-nav-item[data-divider=true]:not([data-locked=true]){min-height:var(--nav-item-height);padding-left:36px;padding-right:36px}.nav-divider-line{background:#ffffff1f;flex:auto;height:1px}.root-nav[data-collapsed=true] .root-nav-item[data-divider=true]{pointer-events:auto;min-height:16px;padding-left:10px}.root-nav[data-collapsed=true] .root-nav-item[data-divider=true]:before{content:"";inset:calc(var(--nav-gap) * -1) auto calc(var(--nav-gap) * -1) 0;width:calc(var(--nav-rail-width) - 8px);position:absolute}.root-nav[data-collapsed=true] .nav-divider-line{flex:0 0 24px;width:24px}.nav-button{width:100%;min-width:0;min-height:var(--nav-item-height);border-radius:var(--nav-radius);color:var(--nav-text);text-align:left;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;flex:auto;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.nav-button:disabled{color:inherit}.admin-shell[data-customizing=true] .nav-button:disabled{pointer-events:none}.nav-button svg,.nav-label{z-index:1;position:relative}.nav-icon-spacer{pointer-events:none}.nav-button svg,.nav-icon-spacer{flex:0 0 var(--nav-icon-size);width:var(--nav-icon-size);height:var(--nav-icon-size)}.admin-shell[data-customizing=true] .root-nav-item:has(.visibility-toggle) .nav-button{padding-right:36px}.nav-button[data-active=true]{background:var(--nav-item-active);color:var(--nav-text-active)}.nav-button:focus-visible,.icon-button:focus-visible,.customize-save:focus-visible,.drag-handle:focus-visible,.visibility-toggle:focus-visible,.divider-delete:focus-visible,.customize-footer button:focus-visible,.floating-menu-item:focus-visible{outline-offset:2px;outline:2px solid #8ab4ff}.root-nav[data-collapsed=true] .nav-button{pointer-events:none;background-color:#0000}.root-nav[data-collapsed=true] .nav-button:before{content:"";inset:calc(var(--nav-gap) * -1) auto calc(var(--nav-gap) * -1) 0;width:calc(var(--nav-rail-width) - 8px);pointer-events:auto;position:absolute}.root-nav[data-collapsed=true] .nav-button:after{content:"";width:40px;height:var(--nav-item-height);border-radius:var(--nav-radius);pointer-events:none;position:absolute;top:0;left:0}.root-nav[data-collapsed=true] .nav-button[data-active=true]:after{background:var(--nav-item-active)}.rail-tooltip{top:50%;left:var(--nav-rail-width);z-index:5;color:var(--nav-text-active);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:0;transition:opacity .125s var(--ease-out), transform .125s var(--ease-out);background:#3a3a3a;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;transform:translateY(-50%)scale(.97);box-shadow:0 4px 16px #00000059}@media (hover:hover) and (pointer:fine){.admin-shell:not([data-customizing=true]) .nav-button:hover{background:var(--nav-item-hover);color:var(--nav-text-active)}.admin-shell:not([data-customizing=true]) .root-nav[data-collapsed=true] .nav-button:hover{background-color:#0000}.admin-shell:not([data-customizing=true]) .root-nav[data-collapsed=true] .nav-button:hover:after{background:var(--nav-item-hover)}.admin-shell:not([data-customizing=true]) .root-nav[data-collapsed=true] .nav-button[data-active=true]:hover:after{background:var(--nav-item-active)}.icon-button:hover{background:var(--nav-item-hover);color:var(--nav-text-active)}.root-nav[data-collapsed=true] .nav-button:hover .rail-tooltip,.root-nav[data-collapsed=true] .nav-button:focus-visible .rail-tooltip{opacity:1;transform:translateY(-50%)scale(1)}.root-nav[data-collapsed=true] :is(.root-nav-list,.root-nav-more):not([data-instant=true]) .nav-button:hover .rail-tooltip,.root-nav[data-collapsed=true] :is(.root-nav-list,.root-nav-more):not([data-instant=true]) .nav-button:focus-visible .rail-tooltip{transition-delay:.28s}.root-nav[data-collapsed=true] :is(.root-nav-list,.root-nav-more)[data-instant=true] .nav-button:hover .rail-tooltip,.root-nav[data-collapsed=true] :is(.root-nav-list,.root-nav-more)[data-instant=true] .nav-button:focus-visible .rail-tooltip{transition-duration:0s;transition-delay:0s}}@media (prefers-reduced-motion:reduce){.rail-tooltip{transition:opacity .12s;transform:translateY(-50%)}}.nav-label{white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--motion-fast) ease;overflow:hidden}.root-nav[data-collapsed=true] .nav-label{opacity:0;pointer-events:none}.submenu-slot{z-index:4;width:var(--nav-submenu-width);background:var(--nav-bg);opacity:0;pointer-events:none;transition:opacity var(--motion-collapse) var(--ease-out), transform var(--motion-collapse) var(--ease-out);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(8%);box-shadow:-1px 0 #ffffff14}.submenu-slot[data-pinned=true]{opacity:1;pointer-events:auto;transform:translate(0)}.submenu-panel{width:var(--nav-submenu-width);background:var(--nav-bg);height:100%;color:var(--nav-text);flex-direction:column;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.popover,.submenu-slot,.floating-menu{transition:opacity var(--motion-fast) ease;transform:none}}.submenu-header{min-height:52px;color:var(--nav-text-active);align-items:center;padding:8px 16px;font-weight:600;display:flex}.submenu-list{gap:var(--nav-gap);flex-direction:column;flex:auto;min-height:0;padding:4px 8px 16px;display:flex;overflow:auto}.submenu-button{padding-inline:14px}.floating-menu-position,.floating-submenu-position{z-index:30;position:fixed}.floating-submenu-position{z-index:31;padding-left:8px}.floating-menu{border:1px solid var(--nav-border);transform-origin:0 100%;opacity:0;max-height:calc(100vh - 16px);transition:opacity var(--motion-overlay) var(--ease-out), transform var(--motion-overlay) var(--ease-out);background:#222;border-radius:10px;padding:6px;overflow:auto;transform:scale(.96);box-shadow:0 10px 24px #00000047}.floating-menu[data-side=right]{transform-origin:0;min-width:180px}.floating-menu[data-entered=true]{opacity:1;transform:scale(1)}.floating-menu-item{width:100%;min-width:0;min-height:32px;color:var(--nav-text-active);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.floating-menu-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.floating-menu-item svg{flex:0 0 16px}.floating-menu-item[data-active=true],.floating-menu-item[data-open=true]{background:var(--nav-item-hover)}.floating-menu-item[data-active=true]{background:var(--nav-item-active)}.floating-menu-chevron{color:var(--nav-text-muted);margin-left:auto}@media (hover:hover) and (pointer:fine){.floating-menu-item:hover{background:var(--nav-item-hover)}.floating-menu-item[data-active=true]:hover{background:var(--nav-item-active)}}.page-content{background:var(--content-bg);flex:auto;min-width:0;height:100%;padding:40px 48px;overflow:auto}.page-header{margin-bottom:24px}.page-eyebrow{color:var(--content-muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.page-header h1{letter-spacing:-.03em;font-size:28px;font-weight:500}.page-card{border:1px solid var(--content-border);background:var(--content-surface);max-width:640px;color:var(--content-muted);border-radius:8px;padding:20px 22px}.page-card strong{color:var(--content-text);font-weight:600}.plugins-list{border:1px solid var(--content-border);background:var(--content-surface);border-radius:8px;max-width:720px;overflow:hidden}.plugin-row{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.plugin-row+.plugin-row{border-top:1px solid var(--content-border)}.plugin-info{min-width:0}.plugin-info h2{margin:0;font-size:14px;font-weight:600}.plugin-info p{color:var(--content-muted);margin-top:4px}.plugin-actions{flex:none;align-items:center;gap:12px;display:flex}.plugin-status{color:var(--content-muted);font-size:12px;font-weight:600}.plugin-status[data-active=true]{color:#00a32a}.plugin-action{border:1px solid var(--content-border);color:var(--content-text);background:#f6f7f7;border-radius:4px;padding:6px 12px}@media (hover:hover) and (pointer:fine){.plugin-action:hover{background:#f0f0f1}}.plugin-action:focus-visible,.settings-switch:focus-visible{outline-offset:2px;outline:2px solid #3858e9}.settings-list{border:1px solid var(--content-border);background:var(--content-surface);border-radius:8px;max-width:720px;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.settings-info{min-width:0}.settings-info h2{margin:0;font-size:14px;font-weight:600}.settings-info p{color:var(--content-muted);margin-top:4px}.settings-status{color:var(--content-text)}.settings-switch{flex:none}.settings-switch-track{background:#dcdcde;border-radius:999px;width:36px;height:20px;display:block;position:relative}.settings-switch-thumb{width:16px;height:16px;transition:transform var(--motion-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.settings-switch[aria-checked=true] .settings-switch-track{background:#3858e9}.settings-switch[aria-checked=true] .settings-switch-thumb{transform:translate(16px)}
