.console{min-height:100vh}.console__brand{color:inherit}.console__brand:hover{text-decoration:none}.console__switch{color:var(--sidebar-active);font-size:13px;display:block}.console__main{margin-left:var(--sidebar-width);min-height:100vh}.console__topbar{z-index:10;height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.console__menu{cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.console__topbar-end{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.console__locale{padding:4px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel)}.console__user{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--text);overflow:hidden}.console__content{max-width:1280px;padding:var(--space-5)}.console__scrim{display:none}@media (width<=960px){.console__main{margin-left:0}.console__menu{display:block}.console__scrim{z-index:15;background:var(--overlay);display:block;position:fixed;inset:0}.console__content{padding:var(--space-4)}.console__user{display:none}}.asset-flags{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.content-picker{gap:var(--space-3);flex-direction:column;display:flex}.content-picker__hint{color:var(--text-muted);margin:0;font-size:12px}.content-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);object-fit:cover;color:var(--text-muted);text-align:center;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex;overflow:hidden}.content-thumb--sm{width:48px;height:48px}.content-thumb--md{width:96px;height:96px}.content-thumb--lg{width:100%;max-width:480px;height:auto;min-height:160px}.content-thumb--empty{padding:var(--space-1)}.content-thumb--missing{color:var(--danger)}.team-secret{gap:var(--space-3);flex-direction:column;display:flex}.team-secret__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.team-secret__list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-secret__value{padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);font-family:var(--mono);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:15px}@media (width<=480px){.team-secret__list--grid{grid-template-columns:1fr}}.notif{position:relative}.notif__bell{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.notif__bell:hover,.notif__bell[aria-expanded=true]{background:var(--bg-hover);color:var(--text)}.notif__bell:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.notif__icon{fill:currentColor;width:20px;height:20px}.notif__badge{background:var(--danger);min-width:18px;color:var(--text-inverse);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:2px;right:0}.notif__panel{top:calc(100% + var(--space-2));z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);width:min(380px,100vw - 32px);max-height:min(520px,100vh - 96px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;right:0}.notif__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.notif__title{font-size:15px}.notif__empty{padding:var(--space-5) var(--space-4);color:var(--text-muted);text-align:center}.notif__list{margin:0;padding:0;list-style:none;overflow-y:auto}.notif__item{border-bottom:1px solid var(--border);align-items:flex-start;display:flex}.notif__item--unread{background:var(--accent-soft)}.notif__open{min-width:0;padding:var(--space-3) var(--space-4);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;display:flex}.notif__open:disabled{cursor:default}.notif__open:not(:disabled):hover{background:var(--bg-hover)}.notif__item-title{font-weight:600}.notif__body{color:var(--text-muted);font-size:13px}.notif__meta{color:var(--text-muted);font-size:12px}.notif__mark{width:36px;height:36px;margin:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.notif__mark:hover{background:var(--bg-hover)}.notif__dot{background:var(--accent);border-radius:50%;width:10px;height:10px}:root{--bg:#f5f6f8;--bg-panel:#fff;--bg-sunken:#eef0f3;--bg-hover:#f0f2f5;--sidebar-bg:#17151f;--sidebar-text:#c9c6d3;--sidebar-active:#fff;--sidebar-active-bg:#ffffff14;--text:#1d1f24;--text-muted:#646a75;--text-inverse:#fff;--border:#dde0e5;--border-strong:#c5cad2;--accent:#6b4ce6;--accent-hover:#5a3cd2;--accent-soft:#ece8fd;--focus-ring:#6b4ce659;--success:#1f8a4c;--success-soft:#e3f4ea;--warning:#b26b00;--warning-soft:#fdf1dc;--danger:#c4312b;--danger-soft:#fbe6e5;--info:#2364c2;--info-soft:#e4eefb;--neutral-soft:#eceef1;--overlay:#11121673;--shadow-sm:0 1px 2px #1112160f;--shadow-md:0 6px 24px #1112161f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-width:248px;--topbar-height:56px;--sans:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--theme-onyx-bg:#100703;--theme-onyx-accent:#eb9f76;--theme-onyx-card:#361c0d;--theme-kyra-bg:#000;--theme-kyra-accent:#8281ce;--theme-kyra-card:#1b1c3a;--theme-faemis-bg:#f4e9f3;--theme-faemis-accent:#c9466b;--theme-faemis-card:#fff;font:14px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}code{font-family:var(--mono);font-size:.92em}table{border-collapse:collapse;width:100%}