:root {
      --bg: #0a0f1e;
      --panel: #121a2d;
      --panel-2: #18223a;
      --panel-3: #202d49;
      --line: #2a395d;
      --text: #f6f8ff;
      --muted: #aeb9d8;
      --brand: #5865f2;
      --brand-2: #7380ff;
      --good: #22c55e;
      --warn: #f59e0b;
      --bad: #ef4444;
      --bg-rgb: 10,15,30;
      --panel-rgb: 18,26,45;
      --panel-2-rgb: 24,34,58;
      --panel-3-rgb: 32,45,73;
      --brand-rgb: 88,101,242;
      --brand-2-rgb: 115,128,255;
      --page-gradient: radial-gradient(circle at 90% -10%, rgba(var(--brand-2-rgb),.22), transparent 32%), radial-gradient(circle at 10% 0%, rgba(var(--brand-rgb),.12), transparent 28%), linear-gradient(180deg,#080d19,#0f1730);
      --surface: rgba(var(--panel-rgb), .92);
      --surface-strong: rgba(var(--panel-rgb), .98);
      --card-bg: rgba(var(--panel-2-rgb), .34);
      --soft-bg: rgba(var(--panel-3-rgb), .22);
      --input-bg: #0e1630;
      --hero-bg: radial-gradient(circle at top right, rgba(var(--brand-2-rgb),.30), transparent 32%), linear-gradient(135deg, rgba(var(--panel-rgb),.98), rgba(var(--panel-2-rgb),.88));
      --shadow: 0 20px 50px rgba(0,0,0,.35);
      --radius: 18px;
      --radius-sm: 12px;
    }

    * { box-sizing: border-box; }
    [hidden] { display:none !important; }
    html, body { margin: 0; min-height: 100%; background: var(--page-gradient); color: var(--text); font-family: Inter, Arial, sans-serif; overflow-x: hidden; }
    body, body * {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    a { color: inherit; }
    button, input, textarea, select { font: inherit; }
    .hidden { display: none !important; }
    .skip-link { position:fixed; left:14px; top:14px; z-index:10000; padding:10px 14px; border-radius:10px; background:var(--brand); color:#fff; font-weight:800; transform:translateY(-160%); transition:transform .15s ease; }
    .skip-link:focus { transform:translateY(0); }

    img, a, button, .brand-logo, .avatar {
      -webkit-user-drag: none;
      user-drag: none;
    }
    input, textarea, select {
      caret-color: var(--brand-2);
    }
    input, textarea, [contenteditable="true"], pre, code, [data-copyable], .allow-select, .ai-message-content, .builder-message {
      -webkit-user-select: text !important;
      -moz-user-select: text !important;
      -ms-user-select: text !important;
      user-select: text !important;
      -webkit-touch-callout: default !important;
    }

    .section-groups { display:grid; gap:18px; }
    .section-group { display:grid; gap:6px; }
    .section-group-title {
      margin:0 0 2px;
      padding:0 10px;
      color:var(--muted);
      font-size:10px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .custom-context-menu {
      position: fixed;
      left: 0;
      top: 0;
      min-width: 238px;
      max-width: min(320px, calc(100vw - 20px));
      padding: 8px;
      border: 1px solid rgba(var(--brand-2-rgb),.34);
      border-radius: 16px;
      background: var(--surface-strong);
      box-shadow: 0 22px 55px rgba(0,0,0,.42);
      backdrop-filter: blur(18px);
      z-index: 9999;
      opacity: 0;
      transform: translateY(6px) scale(.98);
      pointer-events: none;
      transition: opacity .12s ease, transform .12s ease;
    }
    .custom-context-menu.open {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }
    .context-menu-kicker {
      padding: 8px 10px 7px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .context-menu-item {
      width: 100%;
      border: 0;
      background: transparent;
      color: var(--text);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 11px;
      border-radius: 12px;
      cursor: pointer;
      text-align: left;
      font-weight: 700;
    }
    .context-menu-item:hover,
    .context-menu-item:focus-visible {
      background: rgba(var(--brand-rgb),.18);
      outline: none;
    }
    .context-menu-item[disabled] {
      cursor: not-allowed;
      opacity: .42;
    }
    .context-menu-item span:first-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .context-menu-hint {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }
    .context-menu-divider {
      height: 1px;
      background: var(--line);
      margin: 6px 4px;
    }

    .app { min-height: 100vh; }
    .shell { display: grid; grid-template-columns: 280px minmax(0,1fr); min-height: 100vh; position: relative; }
    .sidebar { border-right: 1px solid var(--line); background: rgba(var(--panel-rgb), .84); backdrop-filter: blur(18px); padding: 18px; position: sticky; top: 0; height: 100vh; overflow-y: auto; z-index: 30; }
    .sidebar-overlay, .sidebar-close, .menu-toggle { display: none; }
    .brand { display: flex; align-items: center; gap: 12px; padding: 8px 10px 20px; }
    .brand-badge { width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(135deg,var(--brand),var(--brand-2)); display: grid; place-items: center; font-weight: 800; }
    .brand h1 { font-size: 18px; margin: 0; }
    .brand p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
    .side-group { margin-top: 18px; }
    .side-title { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); margin: 0 0 10px; padding: 0 10px; }
    .side-link, .side-btn {
      width: 100%; display: flex; align-items: center; gap: 10px; justify-content: flex-start;
      border: 1px solid transparent; background: transparent; color: var(--text); padding: 11px 12px;
      border-radius: 12px; cursor: pointer; text-decoration: none;
    }
    .side-link:hover, .side-btn:hover, .side-link.active, .side-btn.active {
      background: rgba(var(--brand-rgb),.16); border-color: rgba(var(--brand-2-rgb),.32);
    }
    .side-foot { margin-top: 24px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--card-bg); }
    .side-foot p { margin: 0 0 10px; color: var(--muted); font-size: 13px; }

    .main { padding: 22px 24px 28px; }
    .topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
    .topbar-main { display:flex; align-items:flex-start; gap: 12px; min-width: 0; }
    .top-left h2 { margin: 0; font-size: 26px; }
    .top-left p { margin: 5px 0 0; color: var(--muted); }
    .userbox { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--soft-bg); border: 1px solid var(--line); border-radius: 999px; color: var(--text); }
    .topbar-actions { display:flex; align-items:center; gap:12px; position:relative; }
    .user-menu-wrap { position: relative; }
    .userbox.profile-toggle { cursor: pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
    .userbox.profile-toggle:hover { transform: translateY(-1px); border-color: rgba(var(--brand-2-rgb),.42); background: rgba(var(--panel-3-rgb), .32); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
    .user-menu {
      position: absolute; top: calc(100% + 10px); right: 0; left: auto; width: min(360px, calc(100vw - 28px));
      padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface-strong);
      box-shadow: var(--shadow); z-index: 50;
    }
    .mini-stat-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
    .mini-stat { padding: 12px; border-radius: 14px; border:1px solid var(--line); background: var(--card-bg); }
    .mini-stat .label { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
    .mini-stat .value { font-size: 14px; font-weight: 700; line-height: 1.35; }
    .dropdown-divider { height: 1px; background: var(--line); margin: 14px 0; }
    .user-menu-actions { display:grid; gap:10px; }
    .user-menu-actions .btn, .user-menu-actions a.btn { width:100%; }
    .profile-meta { min-width: 0; }
    .profile-name { font-weight: 800; color: var(--text); }
    .profile-handle { color: var(--muted); font-size: 12px; margin-top: 3px; }
    .modal-overlay {
      position: fixed; inset: 0; z-index: 90; display: flex; align-items: stretch; justify-content: center;
      padding: 22px; background: rgba(3, 7, 18, .72); backdrop-filter: blur(10px);
    }
    .modal-card {
      position: relative; width: min(1180px, 100%); min-height: 100%; max-height: 100%; overflow: auto;
      border: 1px solid var(--line); border-radius: 26px; background: var(--surface-strong); box-shadow: var(--shadow);
    }
    .modal-close {
      position: sticky; top: 18px; float: right; margin: 18px 18px 0 0; z-index: 2;
      width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px;
      background: rgba(var(--panel-3-rgb), .32); color: var(--text); cursor: pointer; font-size: 20px;
    }
    .modal-close:hover { background: rgba(255,255,255,.1); border-color: rgba(var(--brand-2-rgb),.42); }
    .confirm-card { width: min(540px, 100%); min-height: auto; max-height: none; }
    .theme-picker { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
    .theme-card {
      border: 1px solid var(--line); border-radius: 18px; background: var(--card-bg); color: var(--text);
      padding: 14px; cursor: pointer; text-align: left; transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .theme-card:hover { transform: translateY(-1px); border-color: rgba(var(--brand-2-rgb),.42); background: var(--soft-bg); }
    .theme-card.is-active { border-color: rgba(var(--brand-2-rgb),.58); box-shadow: 0 0 0 1px rgba(var(--brand-2-rgb),.30) inset; background: rgba(var(--brand-rgb),.16); }
    .theme-preview { display: grid; grid-template-columns: 1.4fr .9fr; gap: 10px; margin-bottom: 12px; }
    .theme-preview-main, .theme-preview-side {
      min-height: 82px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); padding: 10px;
      display: grid; align-content: start; gap: 8px;
    }
    .theme-preview-line { height: 10px; border-radius: 999px; background: rgba(255,255,255,.18); }
    .theme-preview-line.sm { width: 55%; }
    .theme-preview-line.md { width: 78%; }
    .theme-preview-line.lg { width: 100%; }
    .theme-preview-chip { width: 48px; height: 18px; border-radius: 999px; }
    .theme-card strong { display: block; font-size: 16px; }
    .theme-card span { display: block; color: var(--muted); font-size: 13px; margin-top: 4px; }
    .settings-hidden-note {
      padding: 18px; border: 1px dashed rgba(var(--brand-2-rgb),.34); border-radius: 18px; color: var(--muted);
      background: var(--soft-bg);
    }
    .brand-link {
      display:flex; align-items:center; gap:12px; padding:0; background:transparent; color:inherit;
      border:0; cursor:pointer; text-align:left;
    }
    .sidebar .brand-link { width: 100%; }
    .site-topbar > .site-brand.brand-link { width: auto; flex: 0 0 auto; }
    .site-nav { flex: 1 1 auto; justify-content: center; min-width: 0; }
    .site-actions { flex: 0 0 auto; }
    .brand-link:hover .brand-logo, .brand-link:hover .brand-badge { transform: scale(1.02); }
    .settings-grid { display:grid; gap:14px; }
    .settings-row {
      display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px;
      border:1px solid var(--line); border-radius:16px; background: var(--card-bg);
    }
    .settings-row-copy h4 { margin:0 0 6px; font-size:16px; }
    .settings-row-copy p { margin:0; color:var(--muted); font-size:13px; }
    .settings-logout-block { display:flex; justify-content:flex-end; padding-top:4px; }
    .settings-logout-button { min-width: 180px; box-shadow: 0 16px 34px rgba(239,68,68,.20); }
    .switch {
      position:relative; width:54px; height:30px; border:0; border-radius:999px; cursor:pointer;
      background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 1px var(--line); flex: 0 0 auto;
      transition: background .18s ease, box-shadow .18s ease;
    }
    .switch::after {
      content:''; position:absolute; top:4px; left:4px; width:22px; height:22px; border-radius:50%;
      background:#fff; transition: transform .18s ease;
    }
    .switch.is-on { background: var(--brand); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
    .switch.is-on::after { transform: translateX(24px); }
    .legal-copy { display:grid; gap:18px; color:var(--muted); line-height:1.72; }
    .legal-copy h4 { margin:0 0 6px; color:var(--text); }
    .server-tools-grid { display:grid; gap:14px; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .bot-icon-preview { width:84px; height:84px; border-radius:20px; object-fit:cover; border:1px solid var(--line); background:var(--panel-3); }
    .backup-list { display:grid; gap:10px; }
    .backup-item { padding:14px; border-radius:16px; border:1px solid var(--line); background: var(--card-bg); }
    .backup-title { font-weight:800; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
    .backup-meta { color:var(--muted); font-size:13px; margin-top:6px; }
    .backup-retention-note { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(var(--panel-3-rgb),.28); }
    .backup-retention-note strong { display:block; margin-bottom:3px; }
    .backup-item.next-rotate { border-color:rgba(245,158,11,.45); }
    .tiny-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
    .soft-note { color:var(--muted); font-size:13px; }
    .sidebar-search { width: 100%; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--input-bg); color: var(--text); outline: none; }
    .sidebar-search:focus { border-color: rgba(var(--brand-2-rgb),.55); box-shadow: 0 0 0 3px rgba(var(--brand-rgb),.14); }
    .setting-search-results { display:grid; gap:5px; margin:-2px 0 10px; }
    .setting-search-result { width:100%; border:1px solid var(--line); border-radius:10px; padding:8px 10px; background:rgba(var(--brand-rgb),.07); color:var(--text); text-align:left; cursor:pointer; }
    .setting-search-result:hover,.setting-search-result:focus-visible { border-color:rgba(var(--brand-2-rgb),.55); background:rgba(var(--brand-rgb),.14); outline:none; }
    .setting-search-result strong,.setting-search-result small { display:block; }
    .setting-search-result strong { font-size:12px; }
    .setting-search-result small { margin-top:2px; color:var(--muted); font-size:10px; }
    .setting-search-empty { padding:8px 4px; color:var(--muted); font-size:11px; }
    .setting-search-target { border-radius:12px; animation:setting-search-pulse 2.2s ease; }
    @keyframes setting-search-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(var(--brand-2-rgb),0); } 20%,65% { box-shadow:0 0 0 4px rgba(var(--brand-2-rgb),.28); } }
    .tools-shell { display:grid; gap:18px; }
    .tool-launcher-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px; }
    .tool-launcher-card {
      position:relative; overflow:hidden; text-align:left; width:100%; cursor:pointer;
      border:1px solid var(--line); border-radius:20px; padding:16px; color:var(--text);
      background: linear-gradient(180deg, rgba(var(--panel-2-rgb), .82), rgba(var(--panel-rgb), .92));
      box-shadow: 0 18px 40px rgba(0,0,0,.18);
      transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }
    .tool-launcher-card::before {
      content:''; position:absolute; inset:auto -40px -40px auto; width:120px; height:120px; border-radius:999px;
      background: radial-gradient(circle, rgba(var(--brand-2-rgb),.18), transparent 70%);
      pointer-events:none;
    }
    .tool-launcher-card:hover,
    .tool-launcher-card:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(var(--brand-2-rgb),.48);
      box-shadow: 0 22px 46px rgba(0,0,0,.24);
      outline:none;
    }
    .tool-launcher-card.active {
      border-color: rgba(var(--brand-2-rgb),.62);
      background: linear-gradient(180deg, rgba(var(--brand-rgb), .18), rgba(var(--panel-rgb), .96));
      box-shadow: 0 0 0 1px rgba(var(--brand-rgb),.34) inset, 0 22px 46px rgba(0,0,0,.24);
    }
    .tool-launcher-top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
    .tool-launcher-icon {
      width:52px; height:52px; border-radius:16px; display:grid; place-items:center;
      background: rgba(var(--brand-rgb),.18); border:1px solid rgba(var(--brand-2-rgb),.32); font-size:24px;
      flex:0 0 auto;
    }
    .tool-launcher-meta { min-width:0; flex:1 1 auto; }
    .tool-launcher-meta h4 { margin:0; font-size:17px; }
    .tool-launcher-meta p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
    .tool-launcher-tag {
      display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:7px 10px; border-radius:999px;
      font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
      background: rgba(var(--brand-rgb),.14); color: var(--text); border:1px solid rgba(var(--brand-2-rgb),.24);
    }
    .tool-workspace {
      border:1px solid var(--line); border-radius:24px; overflow:hidden; background: rgba(var(--panel-rgb), .78);
      box-shadow: var(--shadow);
    }
    .tool-workspace-head {
      display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px;
      border-bottom:1px solid var(--line); background: linear-gradient(180deg, rgba(var(--panel-2-rgb), .62), rgba(var(--panel-rgb), .32));
    }
    .tool-workspace-head h3 { margin:0 0 6px; }
    .tool-workspace-head p { margin:0; color:var(--muted); }
    .tool-workspace-body { padding:20px; }
    .tool-workspace.is-cloud .tool-workspace-body { padding:0; }
    .tool-close-btn { min-width: 120px; }
    .tool-kpi-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap:12px; }
    .tool-input-grid { display:grid; gap:14px; grid-template-columns: repeat(2, minmax(0,1fr)); align-items:start; }
    .tool-input-grid .field, .tool-input-grid .card { margin:0; }
    .tool-wide-card { grid-column: 1 / -1; }
    .tool-output-box {
      width:100%; min-height:140px; border-radius:16px; border:1px solid var(--line);
      background:var(--input-bg); color:var(--text); padding:14px; resize:vertical;
    }
    .tool-note { color:var(--muted); font-size:13px; }
    .lookup-card-preview { display:grid; gap:12px; }
    .lookup-preview-head { display:flex; gap:14px; align-items:center; }
    .lookup-avatar { width:72px; height:72px; border-radius:22px; object-fit:cover; background:var(--panel-3); border:1px solid var(--line); display:grid; place-items:center; font-weight:900; font-size:24px; }
    .tool-mini-actions { display:flex; flex-wrap:wrap; gap:10px; }
    .utility-tool { display:grid; gap:16px; }
    .utility-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.85fr); gap:16px; align-items:start; }
    .utility-preview { min-width:0; padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(var(--panel-2-rgb),.72); }
    .utility-output { width:100%; min-height:48px; padding:13px 14px; border:1px solid var(--line); border-radius:13px; background:var(--input-bg); color:var(--text); font-family:"Cascadia Code",Consolas,monospace; overflow-wrap:anywhere; }
    .timestamp-preview { display:grid; gap:9px; padding:20px; border-radius:16px; background:#2b2d31; color:#dbdee1; }
    .timestamp-preview strong { color:#f2f3f5; }
    .permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .permission-option { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:var(--soft-bg); cursor:pointer; }
    .permission-option input { width:17px; height:17px; }
    .discord-embed-preview { position:relative; display:grid; gap:10px; padding:16px 18px 16px 20px; border-radius:4px; background:#2b2d31; color:#dbdee1; overflow:hidden; }
    .discord-embed-preview::before { content:''; position:absolute; inset:0 auto 0 0; width:4px; background:var(--embed-color,#5865f2); }
    .discord-embed-preview h4 { margin:0; color:#f2f3f5; }
    .discord-embed-preview p { margin:0; white-space:pre-wrap; line-height:1.5; }
    .discord-embed-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .discord-embed-field { min-width:0; }
    .discord-embed-field strong,.discord-embed-field span { display:block; overflow-wrap:anywhere; }
    .discord-embed-field span { margin-top:3px; }
    .discord-embed-footer { color:#b5bac1; font-size:12px; }
    .markdown-preview { min-height:180px; padding:16px; border-radius:12px; background:#2b2d31; color:#dbdee1; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; }
    .markdown-preview code { background:#1e1f22; border-radius:4px; padding:2px 4px; }
    .markdown-preview .spoiler { background:#1e1f22; color:transparent; border-radius:3px; padding:0 3px; }
    .markdown-preview .spoiler:hover { color:#dbdee1; }
    .dashboard-tools-hero {
      position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:end;
      padding:24px; border:1px solid rgba(var(--brand-2-rgb),.28); border-radius:24px;
      background:linear-gradient(135deg,rgba(var(--brand-rgb),.24),rgba(var(--panel-rgb),.92) 52%,rgba(var(--brand-2-rgb),.12));
      box-shadow:var(--shadow);
    }
    .dashboard-tools-hero::after {
      content:''; position:absolute; width:260px; height:260px; right:-100px; top:-150px; border-radius:50%;
      background:radial-gradient(circle,rgba(var(--brand-2-rgb),.25),transparent 68%); pointer-events:none;
    }
    .dashboard-tools-hero h3 { margin:0; font-size:clamp(24px,3vw,34px); }
    .dashboard-tools-hero p { margin:8px 0 0; max-width:720px; color:var(--muted); line-height:1.6; }
    .dashboard-tools-stats { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
    .dashboard-tools-stat { padding:9px 12px; border-radius:999px; border:1px solid var(--line); background:rgba(var(--panel-rgb),.68); font-size:12px; font-weight:800; white-space:nowrap; }
    .dashboard-tools-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
    .dashboard-tools-search { min-width:min(100%,340px); flex:1 1 280px; padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:var(--input-bg); color:var(--text); outline:none; }
    .dashboard-tools-search:focus { border-color:rgba(var(--brand-2-rgb),.58); box-shadow:0 0 0 3px rgba(var(--brand-rgb),.14); }
    .dashboard-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .dashboard-tool-card {
      min-width:0; text-align:left; cursor:pointer; color:var(--text); padding:18px; border:1px solid var(--line); border-radius:20px;
      background:linear-gradient(155deg,rgba(var(--panel-2-rgb),.82),rgba(var(--panel-rgb),.96)); transition:transform .16s ease,border-color .16s ease;
    }
    .dashboard-tool-card[data-tool-card="cloudStorage"] { grid-column:span 2; }
    .dashboard-tool-card:hover,.dashboard-tool-card:focus-visible { transform:translateY(-2px); border-color:rgba(var(--brand-2-rgb),.5); outline:none; }
    .dashboard-tool-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .dashboard-tool-card-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:rgba(var(--brand-rgb),.18); border:1px solid rgba(var(--brand-2-rgb),.25); font-size:20px; }
    .dashboard-tool-card h4 { margin:16px 0 6px; }
    .dashboard-tool-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
    .dashboard-tool-status { font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); }
    .recent-tools { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
    .recent-tools strong { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
    .recent-tool-button { border:1px solid var(--line); background:var(--soft-bg); color:var(--text); padding:8px 11px; border-radius:999px; cursor:pointer; font-weight:750; }
    .guild-list-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .guild-search { min-width:min(100%,300px); flex:1 1 260px; padding:11px 13px; border-radius:13px; border:1px solid var(--line); background:var(--input-bg); color:var(--text); outline:none; }
    .guild-search:focus { border-color:rgba(var(--brand-2-rgb),.55); box-shadow:0 0 0 3px rgba(var(--brand-rgb),.14); }
    .guild-count { color:var(--muted); font-size:13px; font-weight:750; }

    .cloud-explorer-shell { min-height: 78vh; background: linear-gradient(180deg,#dfe5ee,#e9edf4); color:#1e2430; }
    .cloud-explorer-window { min-height: 78vh; display:grid; grid-template-rows:auto auto auto 1fr; }
    .cloud-window-topbar {
      display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px;
      background:#f6f7fb; border-bottom:1px solid #d6dce8;
    }
    .cloud-window-title { display:flex; align-items:center; gap:10px; font-weight:700; color:#222b38; }
    .cloud-window-title-badge {
      width:28px; height:28px; border-radius:8px; background: linear-gradient(135deg,#4f8df7,#6aa9ff);
      color:#fff; display:grid; place-items:center; font-size:15px; box-shadow: 0 8px 18px rgba(79,141,247,.24);
    }
    .cloud-window-window-controls { display:flex; gap:8px; }
    .cloud-window-window-controls span { width:11px; height:11px; border-radius:999px; background:#d2d8e4; display:block; }
    .cloud-window-toolbar {
      display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding:12px 16px;
      background:#ffffff; border-bottom:1px solid #d6dce8;
    }
    .cloud-toolbar-actions, .cloud-toolbar-side { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
    .explorer-btn {
      border:1px solid #d0d7e5; background:#fff; color:#243041; border-radius:10px; padding:9px 12px; cursor:pointer; font-weight:600;
      box-shadow: 0 1px 0 rgba(255,255,255,.65) inset;
    }
    .explorer-btn:hover:not([disabled]) { background:#f4f7fb; }
    .explorer-btn.primary { background:#f0f5ff; border-color:#bfd3ff; color:#18408b; }
    .explorer-btn[disabled] { opacity:.48; cursor:not-allowed; }
    .explorer-inline-input, .explorer-search {
      height:40px; border:1px solid #d0d7e5; background:#fff; color:#233041; border-radius:10px; padding:0 12px; outline:none;
    }
    .explorer-inline-input:focus, .explorer-search:focus { border-color:#80a9ff; box-shadow: 0 0 0 3px rgba(88,101,242,.14); }
    .explorer-addressbar-wrap {
      display:grid; grid-template-columns:auto minmax(0,1fr) minmax(220px, 280px); gap:10px; align-items:center;
      padding:12px 16px; background:#f8f9fc; border-bottom:1px solid #d6dce8;
    }
    .explorer-nav-inline { display:flex; gap:8px; align-items:center; }
    .explorer-addressbar {
      display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:42px; padding:6px 8px; border:1px solid #d0d7e5;
      background:#fff; border-radius:10px; color:#334155;
    }
    .explorer-addressbar button {
      border:0; background:transparent; color:#18408b; border-radius:8px; padding:6px 10px; cursor:pointer; font-weight:600;
    }
    .explorer-addressbar button:hover { background:#eef4ff; }
    .explorer-addressbar span { color:#6b778c; }
    .cloud-window-body { display:grid; grid-template-columns: 240px minmax(0,1fr) 280px; min-height:0; }
    .cloud-sidebar {
      background:#f5f7fb; border-right:1px solid #d6dce8; padding:16px 12px; overflow:auto;
    }
    .cloud-sidebar-group + .cloud-sidebar-group { margin-top:16px; }
    .cloud-sidebar-title { margin:0 0 8px; color:#5f6b81; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:0 10px; }
    .cloud-nav-item {
      width:100%; display:flex; align-items:center; gap:10px; padding:10px 10px; border:0; background:transparent; color:#233041;
      border-radius:12px; cursor:pointer; text-align:left; font-weight:600;
    }
    .cloud-nav-item:hover { background:#e9eef8; }
    .cloud-nav-item.active { background:#dde9ff; color:#123a83; }
    .cloud-nav-icon { width:24px; height:24px; display:grid; place-items:center; flex:0 0 auto; }
    .cloud-pane-main { display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; background:#fff; }
    .cloud-pane-summary {
      display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid #e3e8f1;
      background:#fbfcff;
    }
    .cloud-pane-summary h4 { margin:0 0 4px; color:#1f2937; }
    .cloud-pane-summary p { margin:0; color:#667285; font-size:13px; }
    .cloud-storage-meter {
      width:min(220px, 100%); height:10px; border-radius:999px; overflow:hidden; background:#e8edf7; border:1px solid #d7deea;
    }
    .cloud-storage-meter span { display:block; height:100%; background: linear-gradient(90deg,#4f8df7,#7f7df7); }
    .cloud-file-table-wrap { min-height:0; overflow:auto; }
    .cloud-file-table-header, .cloud-file-row {
      display:grid; grid-template-columns: minmax(0,1.7fr) minmax(120px,.8fr) minmax(120px,.7fr) minmax(160px,1fr); align-items:center;
      gap:12px; padding:0 16px;
    }
    .cloud-file-table-header {
      position:sticky; top:0; z-index:2; min-height:42px; background:#f8f9fc; color:#5f6b81; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; border-bottom:1px solid #e3e8f1;
    }
    .cloud-file-row {
      min-height:56px; border-bottom:1px solid #eef2f7; color:#1f2937; cursor:pointer; background:#fff;
    }
    .cloud-file-row:hover { background:#f6f9ff; }
    .cloud-file-row.selected { background:#dce9ff; }
    .cloud-file-name { display:flex; align-items:center; gap:12px; min-width:0; }
    .cloud-file-icon { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; }
    .cloud-file-labels { min-width:0; }
    .cloud-file-open {
      border:0; background:transparent; padding:0; margin:0; color:#1f2937; font-weight:600; text-align:left; cursor:pointer;
      overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;
    }
    .cloud-file-open.folder { color:#18408b; }
    .cloud-file-open:hover { text-decoration:underline; }
    .cloud-file-type, .cloud-file-size, .cloud-file-date { color:#546175; font-size:13px; }
    .cloud-pane-details {
      background:#f8f9fc; border-left:1px solid #d6dce8; padding:18px 16px; overflow:auto;
    }
    .cloud-details-placeholder, .cloud-details-card { display:grid; gap:14px; }
    .cloud-details-preview {
      min-height:180px; border:1px solid #d9e0eb; border-radius:18px; background:#fff; display:grid; place-items:center; padding:18px;
    }
    .cloud-details-bigicon { width:92px; height:92px; display:grid; place-items:center; }
    .cloud-details-meta { display:grid; gap:10px; }
    .cloud-details-row {
      display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:12px; background:#fff; border:1px solid #e2e8f3;
    }
    .cloud-details-row span:first-child { color:#667285; }
    .cloud-details-row span:last-child { color:#1f2937; font-weight:600; text-align:right; word-break:break-word; }
    .cloud-empty-state {
      margin:18px; padding:34px 22px; border:1px dashed #d1d8e5; border-radius:18px; text-align:center; background:#fbfcff; color:#5e6a7f;
    }
    .cloud-toolbar-note { color:#637085; font-size:13px; }
    .explorer-login-state { padding:22px; }
    .tools-locked-state {
      padding: 28px; border: 1px solid rgba(var(--brand-2-rgb),.28); border-radius: 22px;
      background: radial-gradient(circle at top right, rgba(var(--brand-2-rgb), .18), transparent 32%), rgba(var(--panel-2-rgb), .34);
      display:grid; gap:12px; justify-items:start;
    }
    .tools-locked-state h4 { margin:0; font-size:20px; }
    .tools-locked-state p { margin:0; color:var(--muted); line-height:1.6; max-width: 700px; }
    .webhook-builder-grid { display:grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr); gap:14px; align-items:start; }
    .webhook-editor-card, .webhook-preview-card { display:grid; gap:14px; }
    .webhook-form-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
    .webhook-form-grid .span-2 { grid-column: span 2; }
    .webhook-safety-list { display:grid; gap:8px; color:var(--muted); font-size:13px; line-height:1.5; }
    .webhook-safety-list span { display:flex; gap:8px; align-items:flex-start; }
    .webhook-preview-shell {
      border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#313338; color:#dbdee1; padding:16px; min-height:260px;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
    }
    .discord-preview-kicker { color:#949ba4; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px; }
    .discord-message-preview { display:flex; align-items:flex-start; gap:12px; }
    .discord-avatar-preview {
      width:40px; height:40px; border-radius:50%; flex:0 0 auto; background:#5865f2; display:grid; place-items:center; color:#fff; font-weight:800;
      overflow:hidden;
    }
    .discord-avatar-preview img { width:100%; height:100%; object-fit:cover; display:block; }
    .discord-message-main { min-width:0; flex:1 1 auto; }
    .discord-message-head { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:3px; }
    .discord-message-name { color:#fff; font-weight:700; }
    .discord-bot-badge { display:inline-flex; align-items:center; padding:1px 4px; border-radius:4px; background:#5865f2; color:#fff; font-size:10px; font-weight:800; line-height:1.3; }
    .discord-message-time { color:#949ba4; font-size:12px; }
    .discord-message-content { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.42; color:#dbdee1; }
    .discord-embed-preview {
      margin-top:8px; max-width:520px; border-left:4px solid #5865f2; border-radius:4px; background:#2b2d31; padding:10px 12px;
    }
    .discord-embed-title { color:#fff; font-weight:700; margin-bottom:6px; overflow-wrap:anywhere; }
    .discord-embed-description { color:#dbdee1; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; }
    .discord-preview-empty { color:#949ba4; line-height:1.55; border:1px dashed rgba(255,255,255,.16); border-radius:14px; padding:18px; }
    .webhook-result-card { border-color: rgba(34,197,94,.28); background: rgba(34,197,94,.10); }
    .coming-soon-card {
      position:relative; overflow:hidden; display:grid; gap:18px; padding:24px; border:1px solid rgba(var(--brand-2-rgb),.34); border-radius:24px;
      background: radial-gradient(circle at top right, rgba(var(--brand-2-rgb),.22), transparent 35%), linear-gradient(135deg, rgba(var(--panel-2-rgb),.74), rgba(var(--panel-rgb),.96));
    }
    .coming-soon-card::after { content:''; position:absolute; right:-60px; bottom:-60px; width:180px; height:180px; border-radius:999px; background:rgba(var(--brand-rgb),.16); pointer-events:none; }
    .coming-soon-icon { width:68px; height:68px; border-radius:22px; display:grid; place-items:center; background:rgba(var(--brand-rgb),.18); border:1px solid rgba(var(--brand-2-rgb),.32); font-size:34px; }
    .coming-soon-card h4 { margin:0; font-size:24px; }
    .coming-soon-card p { margin:0; color:var(--muted); line-height:1.65; max-width:760px; }
    .coming-soon-pills { display:flex; flex-wrap:wrap; gap:10px; }
    .coming-soon-pill { padding:8px 11px; border-radius:999px; background:rgba(var(--brand-rgb),.14); border:1px solid rgba(var(--brand-2-rgb),.24); font-size:12px; font-weight:800; color:var(--text); }
    .cloud-confirm-strip {
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
      margin:12px 16px; padding:14px 16px; border:1px solid #f0c36d; border-radius:16px;
      background:#fff7e6; color:#3f2b05; box-shadow:0 12px 26px rgba(82,57,8,.10);
    }
    .cloud-confirm-strip strong { display:block; margin-bottom:4px; color:#2f2107; }
    .cloud-confirm-strip p { margin:0; color:#6f560f; line-height:1.45; }
    .cloud-confirm-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

    .cloud-notice-strip {
      display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
      margin:12px 16px; padding:12px 14px; border-radius:14px; border:1px solid #c7d9ff;
      background:#eef5ff; color:#17356f; box-shadow:0 10px 24px rgba(31,83,168,.08);
    }
    .cloud-notice-strip.good { border-color:#b8e7c6; background:#f0fff4; color:#14532d; }
    .cloud-notice-strip.bad { border-color:#fecaca; background:#fff1f2; color:#9f1239; }
    .cloud-notice-strip.warn { border-color:#f7d88b; background:#fff8e5; color:#713f12; }
    .cloud-notice-main strong { display:block; color:inherit; margin-bottom:2px; }
    .cloud-notice-main span { display:block; opacity:.82; line-height:1.45; }
    .cloud-notice-close { border:0; background:transparent; color:inherit; cursor:pointer; font-size:18px; line-height:1; padding:2px 4px; opacity:.72; }
    .cloud-notice-close:hover { opacity:1; }
    .cloud-context-menu {
      position:fixed; z-index:10000; width:250px; max-width:calc(100vw - 20px); padding:8px;
      border:1px solid #cfd8e8; border-radius:14px; background:#fff; color:#1f2937;
      box-shadow:0 24px 60px rgba(15,23,42,.28); user-select:none;
    }
    .cloud-context-menu-title { padding:8px 10px 7px; color:#64748b; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cloud-context-menu button {
      width:100%; border:0; background:transparent; color:#1f2937; display:flex; align-items:center; justify-content:space-between; gap:10px;
      padding:10px 11px; border-radius:11px; cursor:pointer; font-weight:700; text-align:left;
    }
    .cloud-context-menu button:hover { background:#eef4ff; color:#123a83; }
    .cloud-context-menu button.danger:hover { background:#fff0f0; color:#b42318; }
    .cloud-context-menu button[disabled] { opacity:.42; cursor:not-allowed; }
    .cloud-context-divider { height:1px; background:#e2e8f0; margin:6px 4px; }
    .cloud-details-image {
      max-width:100%; max-height:260px; object-fit:contain; border-radius:14px; box-shadow:0 10px 28px rgba(15,23,42,.14); background:#f8fafc;
    }

    .cloud-viewer-overlay {
      position:fixed; inset:0; z-index:11000; display:flex; align-items:center; justify-content:center;
      padding:22px; background:rgba(8,13,24,.72); backdrop-filter:blur(12px);
    }
    .cloud-viewer-card {
      width:min(1040px, 100%); max-height:min(92vh, 920px); display:grid; grid-template-rows:auto minmax(0,1fr) auto;
      overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:#f8fafc; color:#1f2937;
      box-shadow:0 30px 90px rgba(0,0,0,.42);
    }
    .cloud-viewer-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border-bottom:1px solid #d9e2ee; background:#fff; }
    .cloud-viewer-title { min-width:0; }
    .cloud-viewer-title strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cloud-viewer-title span { display:block; color:#64748b; font-size:12px; margin-top:3px; }
    .cloud-viewer-close { width:40px; height:40px; border:1px solid #d0d7e5; border-radius:12px; background:#fff; color:#1f2937; cursor:pointer; font-size:19px; }
    .cloud-viewer-body { min-height:0; overflow:auto; padding:18px; display:grid; place-items:center; background:#eef3f9; }
    .cloud-viewer-body img { max-width:100%; max-height:72vh; object-fit:contain; border-radius:16px; box-shadow:0 18px 46px rgba(15,23,42,.22); background:#fff; }
    .cloud-viewer-body video { max-width:100%; max-height:72vh; border-radius:16px; background:#111827; box-shadow:0 18px 46px rgba(15,23,42,.22); }
    .cloud-viewer-body audio { width:min(760px,100%); }
    .cloud-viewer-frame { width:100%; height:min(72vh, 720px); border:1px solid #d8e0eb; border-radius:16px; background:#fff; }
    .cloud-text-editor { width:100%; height:min(72vh, 720px); resize:none; border:1px solid #cbd5e1; border-radius:16px; padding:14px; background:#fff; color:#111827; font:14px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; outline:none; }
    .cloud-viewer-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:14px 16px; border-top:1px solid #d9e2ee; background:#fff; }
    .cloud-viewer-note { color:#64748b; font-size:13px; }
    .home-info-panel .panel-body { padding-top:18px; }


    @media (max-width: 1200px) {
      .cloud-window-body { grid-template-columns: 210px minmax(0,1fr); }
      .cloud-pane-details { grid-column: 1 / -1; border-left:0; border-top:1px solid #d6dce8; }
    }
    @media (max-width: 980px) {
      .tool-input-grid, .text-transform-grid, .color-studio-grid { grid-template-columns: 1fr; }
      .tool-workspace-head { flex-direction:column; align-items:flex-start; }
      .explorer-addressbar-wrap { grid-template-columns: 1fr; }
      .cloud-window-body { grid-template-columns: 1fr; }
      .cloud-sidebar { display:none; }
      .cloud-file-table-header, .cloud-file-row { grid-template-columns: minmax(0,1.5fr) minmax(110px,.7fr) minmax(110px,.7fr); }
      .cloud-file-date { display:none; }
    }
    @media (max-width: 700px) {
      .tool-launcher-grid { grid-template-columns: 1fr; }
      .cloud-window-toolbar { padding:10px; }
      .cloud-toolbar-actions, .cloud-toolbar-side { width:100%; }
      .cloud-file-table-header { display:none; }
      .cloud-file-row { grid-template-columns: 1fr; gap:8px; padding-top:12px; padding-bottom:12px; }
      .cloud-file-type, .cloud-file-size, .cloud-file-date { padding-left:46px; }
      .tool-workspace-body { padding:16px; }
      .tool-workspace.is-cloud .tool-workspace-body { padding:0; }
    }
    :root[data-theme="midnight"] {
      --bg: #040918; --panel: #071226; --panel-2: #0d1d3f; --panel-3: #142d61; --line: #385ca8; --text: #f8fbff; --muted: #b8c8f1; --brand: #7c8cff; --brand-2: #38bdf8;
      --bg-rgb: 4,9,24; --panel-rgb: 7,18,38; --panel-2-rgb: 13,29,63; --panel-3-rgb: 20,45,97; --brand-rgb: 124,140,255; --brand-2-rgb: 56,189,248;
      --page-gradient: radial-gradient(circle at 18% 10%, rgba(124,140,255,.32), transparent 30%), radial-gradient(circle at 88% -8%, rgba(56,189,248,.25), transparent 34%), linear-gradient(135deg,#020617 0%,#071226 48%,#102a5c 100%);
      --surface: rgba(var(--panel-rgb), .94); --surface-strong: rgba(var(--panel-rgb), .99); --card-bg: rgba(var(--panel-2-rgb), .52); --soft-bg: rgba(var(--panel-3-rgb), .30); --input-bg: #050d1e;
      --hero-bg: radial-gradient(circle at 85% 0%, rgba(56,189,248,.42), transparent 34%), linear-gradient(135deg, rgba(7,18,38,.98), rgba(20,45,97,.82));
    }
    :root[data-theme="aurora"] {
      --bg: #03150f; --panel: #082018; --panel-2: #0c372c; --panel-3: #105447; --line: #2a7769; --text: #effff9; --muted: #aee1d5; --brand: #23c483; --brand-2: #5eead4;
      --bg-rgb: 3,21,15; --panel-rgb: 8,32,24; --panel-2-rgb: 12,55,44; --panel-3-rgb: 16,84,71; --brand-rgb: 35,196,131; --brand-2-rgb: 94,234,212;
      --page-gradient: radial-gradient(circle at 16% 0%, rgba(35,196,131,.34), transparent 34%), radial-gradient(circle at 88% 5%, rgba(94,234,212,.22), transparent 30%), linear-gradient(145deg,#02100c 0%,#082018 52%,#12372f 100%);
      --surface: rgba(var(--panel-rgb), .94); --surface-strong: rgba(var(--panel-rgb), .99); --card-bg: rgba(var(--panel-2-rgb), .50); --soft-bg: rgba(var(--panel-3-rgb), .30); --input-bg: #061912;
      --hero-bg: radial-gradient(circle at top right, rgba(94,234,212,.38), transparent 32%), linear-gradient(135deg, rgba(8,32,24,.98), rgba(16,84,71,.78));
    }
    :root[data-theme="obsidian"] {
      --bg: #050506; --panel: #101012; --panel-2: #1b1423; --panel-3: #2b1b3d; --line: #4b3a65; --text: #fff7ff; --muted: #d1bddb; --brand: #a855f7; --brand-2: #fb7185;
      --bg-rgb: 5,5,6; --panel-rgb: 16,16,18; --panel-2-rgb: 27,20,35; --panel-3-rgb: 43,27,61; --brand-rgb: 168,85,247; --brand-2-rgb: 251,113,133;
      --page-gradient: radial-gradient(circle at 16% 10%, rgba(168,85,247,.32), transparent 31%), radial-gradient(circle at 88% -4%, rgba(251,113,133,.22), transparent 33%), linear-gradient(145deg,#030303 0%,#100f14 52%,#21152e 100%);
      --surface: rgba(var(--panel-rgb), .95); --surface-strong: rgba(var(--panel-rgb), .99); --card-bg: rgba(var(--panel-2-rgb), .58); --soft-bg: rgba(var(--panel-3-rgb), .34); --input-bg: #0b0b0d;
      --hero-bg: radial-gradient(circle at top right, rgba(251,113,133,.30), transparent 32%), linear-gradient(135deg, rgba(16,16,18,.99), rgba(43,27,61,.82));
    }
    html[data-compact="true"] .panel-head,
    html[data-compact="true"] .panel-body,
    html[data-compact="true"] .card,
    html[data-compact="true"] .hero { padding-top: 14px; padding-bottom: 14px; }
    html[data-reduced-motion="true"] *,
    html[data-reduced-motion="true"] *::before,
    html[data-reduced-motion="true"] *::after { transition: none !important; animation: none !important; }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        transition: none !important; animation: none !important; scroll-behavior: auto !important;
      }
    }
    html[data-custom-cursor="true"],
    html[data-custom-cursor="true"] body,
    html[data-custom-cursor="true"] body * {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 3l17 11-8 2.2L9 24 4 3z' fill='%23f8fbff' stroke='%237380ff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, auto !important;
    }
    html[data-custom-cursor="true"] a,
    html[data-custom-cursor="true"] button,
    html[data-custom-cursor="true"] [role="button"],
    html[data-custom-cursor="true"] input[type="checkbox"],
    html[data-custom-cursor="true"] input[type="file"],
    html[data-custom-cursor="true"] select {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M5 4l17 10.5-7.2 1.6L10.5 25 5 4z' fill='%237380ff' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='21' cy='9' r='4' fill='%235865f2' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E") 5 4, pointer !important;
    }
    .avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; background: var(--panel-3); }
    .avatar.lg { width: 60px; height: 60px; }
    .btn { border: 0; background: var(--brand); color: white; padding: 11px 15px; border-radius: 12px; cursor: pointer; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
    .btn:hover { filter: brightness(1.06); }
    .btn.secondary { background: rgba(var(--panel-3-rgb), .44); border: 1px solid var(--line); }
    .btn.good { background: var(--good); }
    .btn.bad { background: var(--bad); }
    .btn.warn { background: var(--warn); color: #16120a; }
    .btn.small { padding: 8px 12px; font-size: 13px; border-radius: 10px; }

    .hero {
      background: var(--hero-bg);
      border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); padding: 28px;
    }
    .hero h3 { margin: 0 0 8px; font-size: 30px; }
    .hero p { margin: 0; color: var(--muted); max-width: 760px; }
    .hero-actions { margin-top: 18px; display: flex; gap: 12px; flex-wrap: wrap; }

    .panel { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); }
    .panel-head { padding: 18px 20px 0; }
    .panel-head h3 { margin: 0; font-size: 22px; }
    .panel-head p { margin: 6px 0 0; color: var(--muted); }
    .panel-body { padding: 18px 20px 20px; }
    .stack { display: grid; gap: 16px; }
    .grid { display: grid; gap: 14px; }
    .grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }

    .metric { padding: 16px; background: var(--card-bg); border: 1px solid var(--line); border-radius: 16px; }
    .metric .label { color: var(--muted); font-size: 13px; margin-bottom: 8px; }
    .metric .value { font-size: 24px; font-weight: 800; }

    .segment { display: inline-flex; background: var(--soft-bg); border: 1px solid var(--line); border-radius: 14px; padding: 4px; gap: 4px; flex-wrap: wrap; }
    .segment button { border: 0; background: transparent; color: var(--muted); padding: 9px 14px; border-radius: 10px; cursor: pointer; font-weight: 700; }
    .segment button.active { background: rgba(var(--brand-rgb),.22); color: #fff; }

    .guild-list { display: grid; gap: 12px; }
    .guild-card {
      display: flex; align-items: center; justify-content: space-between; gap: 14px;
      padding: 14px 16px; background: var(--card-bg); border: 1px solid var(--line); border-radius: 16px;
    }
    .guild-main { display: flex; align-items: center; gap: 14px; min-width: 0; }
    .guild-name { font-weight: 800; }
    .guild-sub { color: var(--muted); font-size: 13px; margin-top: 4px; }
    .guild-actions { display: flex; gap: 10px; flex-wrap: wrap; }

    .section-wrap { display: grid; gap: 16px; }
    .card { background: var(--card-bg); border: 1px solid var(--line); border-radius: 18px; padding: 16px; }
    .card h4 { margin: 0 0 6px; font-size: 18px; }
    .muted { color: var(--muted); }
    .section-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
    .section-header h3 { margin: 0; font-size: 24px; }
    .section-header p { margin: 4px 0 0; color: var(--muted); }

    .field { display: grid; gap: 7px; }
    .field label { font-size: 13px; color: var(--muted); font-weight: 700; }
    .field input, .field textarea, .field select {
      width: 100%; background: var(--input-bg); border: 1px solid var(--line); color: #fff;
      padding: 12px 13px; border-radius: 12px;
    }
    .field textarea { min-height: 110px; resize: vertical; }

    .searchable-select-wrap { display: grid; gap: 8px; }
    .searchable-select-input {
      width: 100%; background: var(--input-bg); border: 1px solid var(--line); color: #fff;
      padding: 11px 13px; border-radius: 12px;
    }
    .maintenance-card {
      display: grid; gap: 14px; padding: 20px; border: 1px solid rgba(245,158,11,.34);
      border-radius: 20px; background: rgba(245,158,11,.08);
    }
    .maintenance-card h3 { margin: 0; font-size: 24px; }
    .maintenance-card p { margin: 0; color: var(--muted); }
    .maintenance-command-list { display: grid; gap: 8px; }
    .maintenance-command-list code {
      display: inline-block; padding: 8px 10px; border-radius: 10px;
      background: rgba(var(--panel-3-rgb), .32); border: 1px solid var(--line); color: var(--text);
    }
    .inline-check {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 9px;
      width: fit-content;
      max-width: 100%;
      min-height: 38px;
      padding: 8px 10px;
      border: 1px solid var(--line);
      border-radius: 11px;
      background: var(--card-bg);
      justify-self: start;
      align-self: start;
      line-height: 1.25;
    }
    .inline-check input { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; }
    .inline-check span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

    .details { border: 1px solid var(--line); border-radius: 16px; background: var(--card-bg); overflow: hidden; }
    .details summary { list-style: none; cursor: pointer; padding: 14px 16px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .details summary::-webkit-details-marker { display: none; }
    .details[open] summary { border-bottom: 1px solid var(--line); }
    .details-body { padding: 14px 16px 16px; }

    .list-editor { display: grid; gap: 10px; }
    .row-editor { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--card-bg); }
    .row-editor > .col-12 { grid-column: span 12; }
    .row-editor > .col-8 { grid-column: span 8; }
    .row-editor > .col-6 { grid-column: span 6; }
    .row-editor > .col-4 { grid-column: span 4; }
    .row-editor > .col-3 { grid-column: span 3; }
    .row-editor > .col-2 { grid-column: span 2; }
    .row-actions { display: flex; align-items: end; justify-content: flex-end; gap: 10px; }

    .banner { padding: 10px 12px; border-radius: 12px; border: 1px solid transparent; font-weight: 700; font-size: 13px; line-height: 1.35; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .global-banner { display: flex; align-items: flex-start; width: 100%; max-width: 100%; margin-bottom: 14px; box-shadow: 0 14px 30px rgba(0,0,0,.16); max-height: 96px; overflow-y: auto; overflow-x: hidden; }
    .global-banner::-webkit-scrollbar { width: 8px; }
    .global-banner::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 999px; }
    .banner.good { background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.3); }
    .banner.warn { background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.28); }
    .banner.bad { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.28); }

    .loading-dots::after { content: ''; display: inline-block; width: 1.3em; text-align: left; animation: loading-dots 1.25s steps(4, end) infinite; }
    @keyframes loading-dots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } 100% { content: ''; } }
    .badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; background: rgba(var(--panel-3-rgb), .32); border: 1px solid var(--line); font-size: 12px; color: var(--muted); }

    .login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
    .login-card { width: min(760px, 100%); }

    .brand-logo { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; box-shadow: 0 12px 30px rgba(107,92,255,.28); border: 1px solid rgba(255,255,255,.16); background: #0f1630; }
    .brand-logo.lg { width: 84px; height: 84px; border-radius: 24px; }
    .brand-mark { display:flex; align-items:center; justify-content:center; }
    .login-shell { width: min(1100px, 100%); display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; }
    .login-card { overflow: hidden; }
    .login-hero {
      position: relative;
      padding: 34px;
      background: radial-gradient(circle at top right, rgba(70,237,255,.18), transparent 26%), radial-gradient(circle at left center, rgba(196,84,255,.18), transparent 35%), linear-gradient(180deg, rgba(15,24,46,.98), rgba(14,19,36,.98));
      min-height: 100%;
    }
    .login-kicker { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background: rgba(255,255,255,.05); color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .login-hero h1 { margin: 18px 0 12px; font-size: 40px; line-height: 1.02; }
    .login-hero p { margin: 0; color: var(--muted); font-size: 16px; max-width: 640px; }
    .login-points { display:grid; gap: 10px; margin-top: 22px; }
    .login-point { display:flex; gap: 12px; align-items:flex-start; padding: 12px 14px; border-radius: 16px; background: var(--soft-bg); border: 1px solid var(--line); }
    .login-point strong { display:block; margin-bottom: 4px; }
    .login-side { padding: 26px; display:grid; gap: 16px; align-content: start; }
    .login-side .card { background: var(--card-bg); }
    .mini-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .login-footer { display:flex; justify-content:space-between; align-items:center; gap: 12px; flex-wrap:wrap; padding-top: 8px; color: var(--muted); font-size: 13px; }
    .ghost-link { background: transparent; border: 0; color: var(--muted); padding: 0; cursor: pointer; font: inherit; }
    
    .site-shell { min-height: 100vh; display: grid; grid-template-rows: auto 1fr; }
    .site-topbar { position: sticky; top: 0; z-index: 20; display:flex; align-items:center; justify-content:space-between; gap: 16px; padding: 18px 24px; background: rgba(var(--bg-rgb),.82); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.06); }
    .site-brand { display:flex; align-items:center; gap: 12px; min-width: 0; }
    .site-brand-text strong { display:block; font-size: 16px; }
    .site-brand-text span { display:block; color: var(--muted); font-size: 13px; }
    .site-nav { display:flex; align-items:center; gap: 8px; flex-wrap: wrap; }
    .site-tab { border: 1px solid transparent; background: transparent; color: var(--muted); padding: 10px 14px; border-radius: 12px; cursor: pointer; font-weight: 700; }
    .site-tab:hover, .site-tab.active { color: #fff; background: rgba(var(--brand-rgb),.16); border-color: rgba(var(--brand-2-rgb),.32); }
    .site-actions { display:flex; align-items:center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
    .site-main { width: min(1240px, calc(100% - 32px)); margin: 0 auto; padding: 26px 0 34px; display:grid; gap: 18px; }
    .landing-hero { padding: 30px; background: radial-gradient(circle at top right, rgba(70,237,255,.18), transparent 26%), radial-gradient(circle at left center, rgba(196,84,255,.18), transparent 35%), linear-gradient(180deg, rgba(15,24,46,.98), rgba(14,19,36,.98)); }
    .landing-kicker { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background: rgba(255,255,255,.05); color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .landing-hero-grid { display:grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 20px; align-items: stretch; }
    .landing-hero h1 { margin: 16px 0 12px; font-size: 46px; line-height: 1; }
    .landing-hero p { margin: 0; color: var(--muted); font-size: 16px; max-width: 760px; }
    .landing-actions { display:flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
    .landing-stat-grid, .feature-grid, .support-grid { display:grid; gap: 14px; }
    .landing-stat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .feature-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .support-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: start; }
    .update-list { display:grid; gap: 14px; }
    .update-item { padding: 18px; border-radius: 18px; border: 1px solid var(--line); background: var(--card-bg); }
    .update-meta { display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
    .update-item h4 { margin: 0; font-size: 18px; }
    .dot-list { display:grid; gap: 8px; margin: 0; padding-left: 18px; color: var(--muted); }
    .support-widget-wrap iframe { width: 100%; max-width: 100%; min-height: 500px; border: 0; border-radius: 18px; background: var(--input-bg); }
    .topbar-actions { display:flex; align-items:center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
    .menu-toggle { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; font-size: 18px; flex: 0 0 auto; }

    .savebar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; }


.btn:disabled { opacity: .58; cursor: not-allowed; }
.builder-toolbar { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.builder-toolbar .field { min-width: 220px; margin: 0; }
.builder-credit-pill { padding: 11px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--soft-bg); font-weight: 700; }
.builder-two-col { display: grid; gap: 16px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: stretch; }
.builder-pane { display: flex; flex-direction: column; min-height: 0; height: min(820px, calc(100vh - 230px)); overflow: hidden; }
.builder-pane-main { display: grid; gap: 14px; min-height: 0; flex: 1; }
.builder-chat-scroll, .builder-preview-scroll, .builder-actions-scroll { min-height: 0; overflow: auto; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); padding: 12px; }
.builder-chat-scroll { flex: 1; }
.builder-preview-scroll { min-height: 260px; }
.builder-actions-scroll { min-height: 180px; max-height: 240px; }
.builder-chat { min-height: 100%; max-height: none; overflow: visible; display: flex; flex-direction: column; gap: 12px; padding: 2px; }
.builder-empty { border: 1px dashed var(--line); border-radius: 16px; padding: 18px; color: var(--muted); background: rgba(255,255,255,.02); }
.builder-message { max-width: 88%; padding: 14px 16px; border-radius: 18px; border: 1px solid var(--line); line-height: 1.45; white-space: normal; word-break: break-word; }
.builder-message.user { align-self: flex-end; background: rgba(var(--brand-rgb),.22); border-color: rgba(var(--brand-2-rgb),.34); }
.builder-message.assistant { align-self: flex-start; background: var(--soft-bg); }
.builder-message.system { align-self: center; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.24); max-width: 100%; }
.builder-message-label { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; color: var(--muted); }
.builder-preview-shell { display: grid; gap: 14px; }
.discord-preview { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #151b29; }
.discord-preview-head { padding: 14px 16px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.06); background: var(--card-bg); }
.discord-preview-body { padding: 14px; display: grid; gap: 10px; }
.discord-preview-category { margin-top: 2px; }
.discord-preview-category-name { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; }
.discord-preview-channel { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #dde6ff; background: rgba(255,255,255,.02); }
.discord-preview-channel small { color: var(--muted); }
.preview-role-list { display: flex; flex-wrap: wrap; gap: 8px; }
.preview-role-chip { padding: 8px 11px; border-radius: 999px; border: 1px solid var(--line); background: var(--soft-bg); font-size: 13px; }
.preview-actions { display: grid; gap: 10px; }
.preview-action { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--card-bg); }
.preview-action strong { display: block; margin-bottom: 4px; }
.preview-overwrites { display: grid; gap: 10px; }
.preview-overwrite { padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--card-bg); }
.preview-kicker { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; }
.builder-command-field { position:relative; }
.builder-command-palette { position:absolute; left:0; right:0; bottom:calc(100% + 8px); z-index:40; max-height:min(390px,48vh); overflow:auto; padding:8px; border:1px solid rgba(var(--brand-2-rgb),.32); border-radius:16px; background:rgba(11,16,29,.98); box-shadow:0 24px 70px rgba(0,0,0,.5); backdrop-filter:blur(18px); }
.builder-command-palette[hidden] { display:none; }
.builder-command-option { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; width:100%; padding:10px 11px; border:0; border-radius:11px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.builder-command-option:hover,.builder-command-option.active { background:rgba(var(--brand-rgb),.2); }
.builder-command-option strong,.builder-command-option small { display:block; }
.builder-command-option strong { color:#f6f8ff; font-size:13px; }
.builder-command-option small { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.35; }
.builder-command-option em { align-self:center; padding:4px 7px; border:1px solid var(--line); border-radius:999px; color:#aeb8d8; font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
.builder-command-hint { display:flex; justify-content:space-between; gap:10px; padding:7px 9px 3px; color:var(--muted); font-size:9px; }
.builder-risk-banner { padding:11px 13px; border:1px solid rgba(239,68,68,.35); border-radius:13px; background:rgba(239,68,68,.1); color:#fecaca; font-size:11px; line-height:1.45; }
    @media (max-width: 1240px) {
      .site-main { width: min(calc(100% - 24px), 1240px); }
      .landing-hero-grid, .support-grid, .feature-grid, .landing-stat-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 1120px) {
      .shell { grid-template-columns: 1fr; }
      .sidebar { position: fixed; left: 0; top: 0; height: 100dvh; width: min(88vw, 320px); transform: translateX(-110%); transition: transform .24s ease; border-right: 1px solid var(--line); border-bottom: 0; box-shadow: var(--shadow); }
      .shell.sidebar-open .sidebar { transform: translateX(0); }
      .sidebar-overlay { display: block; position: fixed; inset: 0; background: rgba(2,6,18,.68); backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition: opacity .22s ease; z-index: 24; }
      .shell.sidebar-open .sidebar-overlay { opacity: 1; pointer-events: auto; }
      .sidebar-close, .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
      .sidebar-close { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; margin-left: auto; }
      .grid.two, .grid.three, .landing-hero-grid, .support-grid, .feature-grid, .landing-stat-grid, .webhook-builder-grid { grid-template-columns: 1fr; }
      .main { padding: 16px; }
      .builder-two-col { grid-template-columns: 1fr; }
      .builder-pane { height: auto; }
      .builder-chat-scroll { max-height: 40vh; }
      .builder-preview-scroll { max-height: 38vh; }
      .builder-actions-scroll { min-height: 0; max-height: 28vh; }
      .topbar { position: sticky; top: 0; z-index: 15; padding: 10px 0 14px; background: linear-gradient(180deg, rgba(15,23,48,.96), rgba(15,23,48,.9), rgba(15,23,48,0)); backdrop-filter: blur(10px); }
    }
    @media (max-width: 980px) {
      .login-shell { grid-template-columns: 1fr; }
      .site-topbar { padding: 16px; flex-wrap: wrap; }
      .site-main { width: min(calc(100% - 20px), 1240px); padding-top: 18px; }
      .landing-hero h1 { font-size: 38px; }
    }
    @media (max-width: 780px) {
      .main { padding: 14px; }
      .topbar, .guild-card, .section-header, .savebar, .login-footer, .site-topbar { flex-direction: column; align-items: stretch; }
      .topbar-main, .topbar-actions, .site-actions { width: 100%; }
      .row-editor > .col-8, .row-editor > .col-6, .row-editor > .col-4, .row-editor > .col-3, .row-editor > .col-2 { grid-column: span 12; }
      .mini-grid, .landing-stat-grid, .feature-grid, .server-tools-grid, .mini-stat-grid, .webhook-form-grid { grid-template-columns: 1fr; }
      .webhook-form-grid .span-2 { grid-column: span 1; }
      .login-hero h1, .landing-hero h1 { font-size: 32px; }
      .builder-pane { height: auto; }
      .builder-chat-scroll { max-height: 34vh; }
      .builder-preview-scroll { max-height: 32vh; }
      .builder-actions-scroll { max-height: 24vh; }
      .userbox { width: 100%; border-radius: 18px; }
      .modal-overlay { padding: 12px; }
      .modal-card { border-radius: 22px; }
      .theme-picker { grid-template-columns: 1fr; }
      .site-nav { order: 3; width: 100%; justify-content: stretch; }
      .site-nav .site-tab { flex: 1 1 0; text-align: center; }
      .site-actions { flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; }
      .site-actions > .btn[data-home] { width: auto; flex: 0 0 auto; padding: 9px 12px; }
      .site-actions .user-menu-wrap { flex: 0 0 auto; min-width: 0; margin-left: auto; position: relative; }
      .site-actions .userbox { width: auto; max-width: calc(100vw - 142px); border-radius: 999px; padding: 8px 10px; }
      .site-actions .profile-meta { max-width: 118px; }
      .site-actions .profile-name, .site-actions .profile-handle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .site-actions .user-menu { position: absolute; right: 0; left: auto; width: min(330px, calc(100vw - 24px)); transform: none; }
      .btn, .btn.small { width: 100%; }
      .site-actions > .btn[data-home] { width: auto; }
      .guild-actions, .hero-actions, .landing-actions { width: 100%; }
    }
    @media (max-width: 620px) {
      .storage-item { grid-template-columns: minmax(0, 1fr); }
      .storage-item-actions { justify-content: flex-start; }
      .global-banner { max-width: 100%; }
    }


    /* v6 polish: mobile account alignment, in-explorer messages, rename prompt */
    .cloud-rename-strip {
      display:grid; gap:12px; margin:12px 16px; padding:14px 16px; border:1px solid #bfd3ff; border-radius:16px;
      background:#f0f6ff; color:#17356f; box-shadow:0 12px 26px rgba(31,83,168,.10);
    }
    .cloud-rename-strip strong { display:block; margin-bottom:4px; color:#123a83; }
    .cloud-rename-strip p { margin:0; color:#4c638b; line-height:1.45; }
    .cloud-rename-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .cloud-rename-row input { flex:1 1 260px; min-width:0; height:40px; border:1px solid #b7c8e6; background:#fff; color:#172033; border-radius:10px; padding:0 12px; outline:none; }
    .cloud-rename-row input:focus { border-color:#80a9ff; box-shadow:0 0 0 3px rgba(88,101,242,.14); }
    .cloud-share-strip { display:grid; gap:13px; padding:16px 18px; border-top:1px solid #c8d6eb; border-bottom:1px solid #c8d6eb; background:#eef6ff; color:#172033; }
    .cloud-share-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
    .cloud-share-head strong,.cloud-share-head span { display:block; }
    .cloud-share-head span { margin-top:4px; color:#5a6b84; font-size:12px; }
    .cloud-share-controls { display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
    .cloud-share-controls select,.cloud-share-controls input { min-width:170px; height:40px; border:1px solid #b7c8e6; border-radius:10px; background:#fff; color:#172033; padding:0 11px; }
    .cloud-share-url { flex:1 1 420px; min-width:0; }
    .cloud-share-list { display:grid; gap:7px; }
    .cloud-share-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:9px 11px; border:1px solid #d4e0f1; border-radius:10px; background:rgba(255,255,255,.7); }
    .cloud-share-row small { color:#62718a; }
    .cloud-notice-strip { margin:10px 16px; box-shadow:none; }
    .cloud-file-open { cursor: default; }
    .cloud-file-row { user-select:none; }
    .home-info-panel .card h4 { font-size:17px; }

    @media (max-width: 780px) {
      .site-topbar {
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:center;
        gap:10px 12px;
        flex-direction: initial !important;
      }
      .site-topbar .site-brand { grid-column:1 / 2; min-width:0; }
      .site-topbar .site-actions {
        grid-column:2 / 3;
        width:auto;
        justify-self:end;
        justify-content:flex-end;
        align-items:center;
        gap:8px;
        flex-wrap:nowrap;
        min-width:0;
      }
      .site-topbar .site-nav { grid-column:1 / -1; order:initial; width:100%; }
      .site-actions > .btn[data-home] { padding:8px 10px; min-height:38px; white-space:nowrap; }
      .site-actions .user-menu-wrap { margin-left:0; position:static; }
      .site-actions .userbox { max-width:54px; width:54px; height:46px; padding:5px; justify-content:center; }
      .site-actions .userbox .avatar { width:36px; height:36px; }
      .site-actions .profile-meta { display:none; }
      .site-actions .user-menu {
        position:fixed;
        top:76px;
        right:12px;
        left:auto;
        width:min(340px, calc(100vw - 24px));
        max-height:calc(100dvh - 92px);
        overflow:auto;
      }
    }


    /* v7 fixes: mobile account name, floating cloud notices */
    .cloud-explorer-window { position: relative; }
    .cloud-notice-strip {
      position: absolute;
      top: 118px;
      right: 18px;
      width: min(420px, calc(100% - 36px));
      z-index: 12;
      margin: 0 !important;
      box-shadow: 0 18px 45px rgba(15, 32, 63, .18) !important;
    }
    .cloud-notice-strip.good { border-color:#9fd7b4; background:#ecfff2; color:#14532d; }
    .cloud-notice-strip.bad { border-color:#fecaca; background:#fff1f2; color:#7f1d1d; }
    .cloud-notice-strip.warn { border-color:#fde68a; background:#fffbeb; color:#78350f; }
    @media (max-width: 780px) {
      .site-actions .user-menu .profile-meta { display:block; max-width:210px; }
      .site-actions .user-menu .profile-name,
      .site-actions .user-menu .profile-handle { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .cloud-notice-strip { top: 108px; right: 10px; width: calc(100% - 20px); }
    }

    /* VortexBOT 3.2 visual system */
    :root {
      --bg:#070a12; --panel:#0e1420; --panel-2:#131b29; --panel-3:#1a2435;
      --line:#253148; --text:#f7f9ff; --muted:#93a2ba; --brand:#6975ff; --brand-2:#9a89ff;
      --bg-rgb:7,10,18; --panel-rgb:14,20,32; --panel-2-rgb:19,27,41; --panel-3-rgb:26,36,53;
      --brand-rgb:105,117,255; --brand-2-rgb:154,137,255;
      --page-gradient:radial-gradient(circle at 72% -15%,rgba(105,117,255,.16),transparent 34%),linear-gradient(180deg,#070a12 0%,#0a0f19 100%);
      --surface:rgba(14,20,32,.94); --surface-strong:#101722; --card-bg:rgba(19,27,41,.78);
      --soft-bg:rgba(26,36,53,.66); --input-bg:#0a101b; --shadow:0 24px 70px rgba(0,0,0,.36);
      --radius:22px; --radius-sm:14px;
    }
    html,body { font-family:Inter,"Segoe UI Variable Text","Segoe UI",sans-serif; letter-spacing:-.006em; }
    body::before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 76%); }
    .shell { grid-template-columns:264px minmax(0,1fr); }
    .sidebar { padding:18px 14px; background:rgba(8,12,20,.93); border-right:1px solid rgba(255,255,255,.07); box-shadow:18px 0 55px rgba(0,0,0,.16); }
    .brand { padding:8px 10px 18px; }
    .brand-logo { width:42px; height:42px; border-radius:14px; box-shadow:0 8px 24px rgba(105,117,255,.28); }
    .brand h1 { font-size:17px; letter-spacing:-.02em; }
    .brand p { font-size:12px; }
    .side-title { font-size:10px; letter-spacing:.16em; margin-top:20px; }
    .side-btn,.side-link { min-height:42px; padding:10px 12px; border-radius:12px; color:#b7c2d5; font-size:14px; font-weight:650; }
    .side-btn::before,.side-link::before { content:""; width:7px; height:7px; border-radius:50%; background:#4b5870; flex:0 0 auto; }
    .side-btn:hover,.side-link:hover { color:#fff; background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.05); }
    .side-btn.active,.side-link.active { color:#fff; background:linear-gradient(90deg,rgba(105,117,255,.2),rgba(105,117,255,.08)); border-color:rgba(125,136,255,.2); box-shadow:inset 3px 0 0 var(--brand); }
    .side-btn.active::before,.side-link.active::before { background:#9fa7ff; box-shadow:0 0 0 4px rgba(105,117,255,.13); }
    .side-foot { border-color:rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
    .main { padding:26px clamp(20px,3vw,46px) 54px; min-width:0; }
    .main>.topbar,.main>.section-wrap,.main>.global-banner { width:min(1220px,100%); margin-left:auto; margin-right:auto; }
    .topbar { min-height:64px; margin-bottom:26px; }
    .top-left h2 { font-size:clamp(24px,3vw,32px); letter-spacing:-.035em; }
    .top-left p { font-size:14px; }
    .userbox { background:rgba(14,20,32,.8); border-color:rgba(255,255,255,.09); box-shadow:0 10px 30px rgba(0,0,0,.16); }
    .avatar { background:linear-gradient(135deg,var(--brand),var(--brand-2)); }
    .card,.panel,.metric,.details,.builder-pane { border-color:rgba(255,255,255,.075); background:linear-gradient(145deg,rgba(19,27,41,.88),rgba(13,19,30,.9)); box-shadow:0 16px 42px rgba(0,0,0,.13); }
    .card { padding:clamp(18px,2.3vw,27px); border-radius:22px; }
    .hero { border:1px solid rgba(133,143,255,.18); background:radial-gradient(circle at 88% 0,rgba(154,137,255,.22),transparent 38%),linear-gradient(135deg,#11182a,#111725 68%); box-shadow:0 24px 58px rgba(0,0,0,.2); }
    .hero h3 { font-size:clamp(26px,4vw,40px); letter-spacing:-.045em; }
    .metric { min-height:124px; padding:21px; display:flex; flex-direction:column; justify-content:space-between; }
    .metric .value { font-size:28px; letter-spacing:-.04em; }
    .section-header h3,.panel-head h3 { letter-spacing:-.025em; font-size:21px; }
    .field label { color:#c8d1e2; font-size:12px; letter-spacing:.015em; }
    input,textarea,select { border-color:#293650; background:#0b111d; min-height:44px; transition:border-color .16s,box-shadow .16s,background .16s; }
    input:hover,textarea:hover,select:hover { border-color:#3b4965; }
    input:focus,textarea:focus,select:focus { border-color:#7884ff; box-shadow:0 0 0 4px rgba(105,117,255,.12); background:#0d1421; }
    .btn { min-height:42px; padding:10px 16px; border-radius:12px; border:1px solid rgba(150,157,255,.32); background:linear-gradient(135deg,#6975ff,#7a67ec); box-shadow:0 10px 24px rgba(76,86,220,.2); font-weight:750; }
    .btn:hover { transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 15px 32px rgba(76,86,220,.27); }
    .btn.secondary { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.1); box-shadow:none; }
    .btn.full { width:100%; }
    .savebar { position:sticky; bottom:16px; z-index:8; padding:13px 14px 13px 18px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(11,16,26,.88); backdrop-filter:blur(18px); box-shadow:0 18px 46px rgba(0,0,0,.28); }
    .details summary { min-height:54px; }
    .feature-note { display:flex; gap:12px; align-items:flex-start; padding:15px 17px; border:1px solid rgba(105,117,255,.2); border-radius:15px; background:rgba(105,117,255,.08); }
    .feature-note strong { flex:0 0 auto; color:#c7ccff; }
    .feature-note span { color:var(--muted); line-height:1.5; }
    .setup-score { font-size:27px; color:#aeb5ff; letter-spacing:-.04em; }
    .setup-progress { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.055); }
    .setup-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6975ff,#a987ff); box-shadow:0 0 18px rgba(105,117,255,.35); }
    .setup-checks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
    .setup-check { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:3px 9px; padding:13px; border:1px solid rgba(255,255,255,.07); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); text-align:left; cursor:pointer; }
    .setup-check:hover { border-color:rgba(125,136,255,.28); background:rgba(105,117,255,.08); }
    .setup-check>span { grid-row:1/3; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:rgba(105,117,255,.13); color:#b8beff; font-size:12px; font-weight:850; }
    .setup-check strong,.setup-check small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .setup-check strong { font-size:12px; }
    .setup-check small { color:var(--muted); font-size:10px; }
    .setup-check.done>span { background:rgba(56,216,135,.12); color:#75e4a9; }
    .banner { border-radius:14px; backdrop-filter:blur(16px); }

    .owner-shell { min-height:100vh; }
    .owner-topbar { position:sticky; top:0; z-index:30; height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(18px,4vw,54px); border-bottom:1px solid rgba(255,255,255,.07); background:rgba(7,10,18,.8); backdrop-filter:blur(22px); }
    .owner-brand,.owner-user { display:flex; align-items:center; gap:11px; text-decoration:none; }
    .owner-brand img { width:38px; height:38px; border-radius:12px; box-shadow:0 8px 22px rgba(105,117,255,.25); }
    .owner-brand span { display:grid; }
    .owner-brand strong { font-size:15px; }
    .owner-brand small,.owner-user { color:var(--muted); font-size:12px; }
    .owner-main { width:min(1340px,calc(100% - 36px)); margin:0 auto; padding:38px 0 64px; }
    .owner-hero { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; padding:28px 30px; border:1px solid rgba(137,146,255,.18); border-radius:26px; background:radial-gradient(circle at 88% 5%,rgba(105,117,255,.22),transparent 38%),linear-gradient(135deg,#121a2b,#0d1420); box-shadow:0 24px 70px rgba(0,0,0,.25); }
    .owner-hero h1 { margin:8px 0 9px; font-size:clamp(30px,5vw,50px); letter-spacing:-.055em; line-height:1; }
    .owner-hero p { max-width:700px; margin:0; color:var(--muted); line-height:1.55; }
    .eyebrow { color:#9ba5ff; font-size:10px; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
    .owner-hero-actions,.button-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
    .status-pill { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.045); font-size:12px; font-weight:750; white-space:nowrap; }
    .status-pill i { width:7px; height:7px; border-radius:50%; }
    .status-good i { background:#38d887; box-shadow:0 0 0 4px rgba(56,216,135,.12); }
    .status-bad i { background:#ff6878; box-shadow:0 0 0 4px rgba(255,104,120,.11); }
    .owner-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0; }
    .owner-metric,.owner-panel { border:1px solid rgba(255,255,255,.075); background:linear-gradient(145deg,rgba(19,27,41,.88),rgba(12,18,28,.94)); box-shadow:0 16px 48px rgba(0,0,0,.15); }
    .owner-metric { min-height:142px; padding:20px; border-radius:19px; display:flex; flex-direction:column; }
    .owner-metric span { color:var(--muted); font-size:12px; }
    .owner-metric strong { margin:auto 0 3px; font-size:clamp(23px,3vw,32px); letter-spacing:-.045em; }
    .owner-metric small { color:#8291a9; }
    .owner-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr); gap:18px; margin-top:18px; }
    .owner-grid.lower { grid-template-columns:minmax(300px,.8fr) minmax(0,1.55fr); }
    .owner-panel { min-width:0; padding:23px; border-radius:21px; }
    .owner-wide { margin-top:18px; }
    .owner-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:20px; }
    .owner-panel-head h2 { margin:5px 0 0; font-size:22px; letter-spacing:-.035em; }
    .owner-panel-head>small { color:var(--muted); }
    .ai-route { display:grid; grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr); align-items:center; gap:10px; }
    .ai-node { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:15px; border:1px solid rgba(255,255,255,.07); border-radius:16px; background:rgba(255,255,255,.025); }
    .ai-node-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:rgba(105,117,255,.16); color:#bdc3ff; font-size:11px; font-weight:900; }
    .ai-node-icon.pi { background:rgba(56,216,135,.1); color:#83eab2; }
    .ai-node strong,.ai-node small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .ai-node small { margin-top:4px; color:var(--muted); font-size:11px; }
    .ai-route-line { color:#77859b; font-size:10px; text-align:center; text-transform:uppercase; letter-spacing:.08em; }
    .ai-route-line::before,.ai-route-line::after { content:""; display:block; height:1px; margin:5px 0; background:linear-gradient(90deg,transparent,#46526a,transparent); }
    .owner-inline-stats { display:flex; gap:9px; flex-wrap:wrap; margin:16px 0; }
    .owner-inline-stats span { padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.035); color:var(--muted); font-size:11px; }
    .owner-inline-stats strong { color:var(--text); }
    .owner-details { margin:0 0 17px; }
    .owner-details>div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.055); }
    .owner-details dt { color:var(--muted); }
    .owner-details dd { margin:0; text-align:right; font-weight:700; }
    .owner-guild-list { display:grid; gap:8px; max-height:390px; overflow:auto; }
    .owner-guild-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(255,255,255,.025); }
    .owner-guild-main { min-width:0; display:flex; align-items:center; gap:10px; }
    .owner-guild-main>div { min-width:0; }
    .owner-guild-main strong,.owner-guild-main span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .owner-guild-main span { color:var(--muted); font-size:10px; margin-top:3px; }
    .owner-log { max-height:390px; overflow:auto; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:#090e17; font-family:"Cascadia Code",Consolas,monospace; }
    .owner-log-row { display:grid; grid-template-columns:86px minmax(0,1fr); gap:12px; padding:8px 11px; border-bottom:1px solid rgba(255,255,255,.035); font-size:11px; line-height:1.45; }
    .owner-log-row time { color:#64748b; }
    .owner-log-row.warning span { color:#f4c56d; }
    .owner-log-row.error span { color:#ff8793; }
    .owner-log-row.success span { color:#79dca8; }
    @media(max-width:1050px) { .owner-metrics{grid-template-columns:repeat(2,1fr)} .owner-grid,.owner-grid.lower{grid-template-columns:1fr} .ai-route{grid-template-columns:1fr} .ai-route-line{padding:2px 0} .setup-checks{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media(max-width:680px) { .owner-main{width:min(100% - 22px,1340px);padding-top:18px}.owner-hero{padding:21px;align-items:flex-start;flex-direction:column}.owner-metrics{grid-template-columns:1fr 1fr}.owner-metric{min-height:120px;padding:16px}.owner-grid{gap:12px}.owner-panel{padding:17px}.owner-user span{display:none}.owner-guild-row{align-items:stretch;flex-direction:column}.owner-guild-row .btn{width:100%}.feature-note{flex-direction:column}.savebar{bottom:8px}}
    @media(max-width:430px) { .owner-metrics{grid-template-columns:1fr}.owner-hero-actions,.owner-hero-actions .btn{width:100%}.owner-hero-actions .status-pill{justify-content:center;width:100%} }

    /* VortexBOT 3.2: owner controls and final responsive guardrails */
    .ai-mode-switch { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 0 18px; }
    .ai-mode-button { min-width:0; display:grid; gap:4px; padding:13px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); text-align:left; cursor:pointer; }
    .ai-mode-button:hover { border-color:rgba(125,136,255,.32); background:rgba(105,117,255,.08); }
    .ai-mode-button.active { border-color:rgba(137,146,255,.5); background:linear-gradient(145deg,rgba(105,117,255,.22),rgba(105,117,255,.08)); box-shadow:inset 0 0 0 1px rgba(160,168,255,.08); }
    .ai-mode-button strong { font-size:13px; }
    .ai-mode-button small { color:var(--muted); font-size:10px; line-height:1.35; }
    .owner-form-grid { display:grid; grid-template-columns:140px 160px minmax(180px,1fr); gap:11px; align-items:end; }
    .owner-form-grid .field { margin:0; }
    .owner-form-grid label { display:block; margin:0 0 7px; }
    .owner-form-grid input,.owner-form-grid select { width:100%; }
    .owner-form-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:13px; }
    .owner-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .owner-feature { min-width:0; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:13px; background:rgba(255,255,255,.025); }
    .owner-feature strong,.owner-feature span { display:block; }
    .owner-feature strong { font-size:19px; }
    .owner-feature span { margin-top:3px; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .owner-activity-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .owner-activity-item { min-width:0; padding:12px; border-radius:13px; background:rgba(255,255,255,.03); }
    .owner-activity-item span,.owner-activity-item strong { display:block; }
    .owner-activity-item span { color:var(--muted); font-size:10px; }
    .owner-activity-item strong { margin-top:5px; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .owner-presence-preview { display:flex; align-items:center; gap:11px; margin:0 0 15px; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:#090e17; }
    .owner-presence-dot { width:11px; height:11px; border-radius:50%; background:#38d887; box-shadow:0 0 0 5px rgba(56,216,135,.12); flex:0 0 auto; }
    .owner-presence-preview strong,.owner-presence-preview small { display:block; }
    .owner-presence-preview small { margin-top:3px; color:var(--muted); }
    .owner-tabs { position:sticky; top:80px; z-index:20; display:flex; gap:8px; width:max-content; max-width:100%; margin:16px 0; padding:6px; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(8,12,20,.88); backdrop-filter:blur(18px); overflow:auto; }
    .owner-tab { border:0; border-radius:10px; padding:10px 14px; background:transparent; color:var(--muted); cursor:pointer; font-weight:800; white-space:nowrap; }
    .owner-tab.active { background:rgba(105,117,255,.2); color:#fff; }
    .owner-settings-stack { display:grid; gap:16px; }
    .owner-control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    .owner-control-card { display:flex; justify-content:space-between; gap:12px; align-items:center; min-width:0; padding:14px; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:rgba(255,255,255,.025); }
    .owner-control-card strong,.owner-control-card small { display:block; }
    .owner-control-card small { margin-top:4px; color:var(--muted); font-size:10px; }
    .owner-toggle { position:relative; width:46px; height:26px; flex:0 0 auto; border:0; border-radius:999px; background:#283044; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07); }
    .owner-toggle::after { content:''; position:absolute; width:18px; height:18px; left:4px; top:4px; border-radius:50%; background:#fff; transition:transform .16s ease; }
    .owner-toggle.on { background:#6574ff; }
    .owner-toggle.on::after { transform:translateX(20px); }
    .owner-tool-control { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.055); }
    .owner-tool-control:last-child { border-bottom:0; }
    .owner-control-chip { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }
    .owner-env-toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
    .owner-env-search { flex:1 1 320px; min-width:0; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:#090e17; color:var(--text); padding:12px 14px; }
    .owner-env-group { border:1px solid rgba(255,255,255,.07); border-radius:16px; background:rgba(255,255,255,.02); overflow:hidden; }
    .owner-env-group>summary { display:flex; justify-content:space-between; gap:12px; padding:15px 16px; cursor:pointer; font-weight:850; list-style:none; }
    .owner-env-group>summary::-webkit-details-marker { display:none; }
    .owner-env-list { display:grid; border-top:1px solid rgba(255,255,255,.06); }
    .owner-env-row { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr) auto; gap:12px; align-items:center; padding:13px 16px; border-bottom:1px solid rgba(255,255,255,.045); }
    .owner-env-row:last-child { border-bottom:0; }
    .owner-env-name strong,.owner-env-name code,.owner-env-name small { display:block; }
    .owner-env-name code { margin-top:4px; color:#8f9aaf; font-size:9px; overflow-wrap:anywhere; }
    .owner-env-name small { margin-top:4px; color:var(--muted); font-size:10px; }
    .owner-env-input { width:100%; min-width:0; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:#090e17; color:var(--text); padding:10px 11px; }
    textarea.owner-env-input { min-height:74px; resize:vertical; }
    .owner-secret-status { padding:10px 12px; border-radius:11px; background:rgba(56,216,135,.08); color:#78e5aa; font-size:11px; font-weight:800; }
    .owner-restart-note { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px; border:1px solid rgba(245,158,11,.26); border-radius:15px; background:rgba(245,158,11,.07); }

    .tool-launcher-tags { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
    .tool-beta-badge { display:inline-flex; align-items:center; margin-left:7px; padding:3px 7px; border:1px solid rgba(168,139,250,.32); border-radius:999px; background:rgba(139,92,246,.13); color:#c4b5fd; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.06em; text-transform:uppercase; vertical-align:middle; }
    .owner-tool-control { grid-template-columns:minmax(190px,1fr) auto auto auto; }
    .owner-tool-control>div>strong,.owner-tool-control>div>small { display:block; }
    .owner-tool-control>div>small { margin-top:4px; color:var(--muted); font-size:10px; }
    .owner-safety-add,.owner-safety-test { display:flex; gap:10px; align-items:stretch; }
    .owner-safety-add textarea,.owner-safety-test input { flex:1; min-width:0; margin:0; }
    .owner-safety-add textarea { min-height:90px; }
    .owner-safety-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
    .owner-safety-chips>span { display:inline-flex; align-items:center; gap:7px; padding:7px 8px 7px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:#0a111d; font-size:11px; font-weight:800; }
    .owner-safety-chips button { display:grid; place-items:center; width:20px; height:20px; border:0; border-radius:50%; background:rgba(239,68,68,.14); color:#fca5a5; cursor:pointer; }
    .safety-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }

    .builder-model-pill { display:flex; align-items:center; gap:10px; padding:9px 13px; border:1px solid rgba(112,126,255,.24); border-radius:14px; background:linear-gradient(135deg,rgba(95,109,255,.14),rgba(139,92,246,.07)); }
    .builder-model-pill>span { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:#6675ff; color:#fff; box-shadow:0 0 24px rgba(102,117,255,.38); }
    .builder-model-pill strong,.builder-model-pill small { display:block; }
    .builder-model-pill small { margin-top:2px; color:var(--muted); font-size:10px; }
    .builder-quick-prompts { display:flex; gap:7px; flex-wrap:wrap; }
    .builder-quick-prompts button { border:1px solid rgba(112,126,255,.18); border-radius:999px; padding:7px 10px; background:rgba(103,117,255,.07); color:#bfc7ff; cursor:pointer; font-size:10px; font-weight:800; }
    .builder-quick-prompts button:hover { border-color:rgba(112,126,255,.5); background:rgba(103,117,255,.14); color:#fff; }

    .tool-workspace.is-ai-chat { overflow:hidden; border-color:rgba(98,113,255,.22); background:#090c13; }
    .tool-workspace.is-ai-chat>.tool-workspace-body { padding:0; }
    .ai-chat-app { display:grid; grid-template-columns:236px minmax(0,1fr); height:min(760px,calc(100vh - 190px)); min-height:610px; overflow:hidden; background:radial-gradient(circle at 58% 48%,rgba(73,89,186,.16),transparent 36%),#11141b; color:#edf0f8; }
    .ai-chat-sidebar { display:flex; flex-direction:column; min-width:0; padding:14px 11px; border-right:1px solid rgba(255,255,255,.07); background:linear-gradient(180deg,#171b25,#121620); }
    .ai-chat-side-brand { display:flex; align-items:center; gap:9px; padding:2px 5px 13px; }
    .ai-chat-side-brand img { width:34px; height:34px; border-radius:11px; box-shadow:0 0 22px rgba(99,102,241,.3); }
    .ai-chat-side-brand strong,.ai-chat-side-brand small { display:block; }
    .ai-chat-side-brand small { color:#7f899d; font-size:9px; margin-top:2px; }
    .ai-new-chat { display:flex; align-items:center; gap:9px; width:100%; border:1px solid rgba(255,255,255,.07); border-radius:11px; padding:10px 11px; background:rgba(255,255,255,.035); color:#fff; cursor:pointer; font-weight:800; text-align:left; }
    .ai-new-chat:hover { background:rgba(105,117,255,.11); border-color:rgba(105,117,255,.3); }
    .ai-new-chat span { font-size:18px; color:#98a3ff; }
    .ai-chat-search { display:flex; align-items:center; gap:7px; margin:9px 0; padding:8px 10px; border:1px solid transparent; border-radius:10px; background:#0e1118; color:#697386; }
    .ai-chat-search:focus-within { border-color:rgba(105,117,255,.45); }
    .ai-chat-search input { min-width:0; width:100%; padding:0; border:0; outline:0; background:transparent; font-size:11px; }
    .ai-chat-media-links { display:grid; gap:2px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.06); }
    .ai-chat-media-links button { display:flex; align-items:center; gap:8px; padding:8px 9px; border:0; border-radius:9px; background:transparent; color:#aab2c2; cursor:pointer; text-align:left; }
    .ai-chat-media-links button:hover { background:rgba(255,255,255,.04); color:#fff; }
    .ai-chat-media-links em { margin-left:auto; color:#6f798d; font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
    .ai-chat-integration-link { display:flex; align-items:center; gap:8px; width:100%; margin:8px 0 2px; padding:9px; border:1px solid rgba(105,117,255,.12); border-radius:10px; background:rgba(105,117,255,.05); color:#abb4cb; cursor:pointer; text-align:left; }
    .ai-chat-integration-link em { margin-left:auto; color:#8893ff; font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
    .ai-integrations-button.active { background:rgba(105,117,255,.13)!important; color:#dfe3ff!important; }
    .ai-integration-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; padding:12px 16px; border-bottom:1px solid rgba(105,117,255,.18); background:linear-gradient(90deg,rgba(105,117,255,.11),rgba(139,92,246,.05)); }
    .ai-integration-panel .field { margin:0; }
    .ai-integration-panel label { color:#aeb8db; font-size:9px; }
    .ai-integration-panel select { min-width:240px; background:#171b25; color:#eef1ff; }
    .ai-integration-active { display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(105,117,255,.25); border-radius:999px; color:#cdd3ff; background:rgba(105,117,255,.1); font-size:9px; font-weight:900; }
    .ai-builder-result { max-width:850px; margin:0 auto 18px; padding:14px; border:1px solid rgba(105,117,255,.24); border-radius:16px; background:rgba(12,16,27,.92); }
    .ai-builder-result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
    .ai-builder-result-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .ai-builder-mini-list { display:grid; gap:6px; max-height:220px; overflow:auto; }
    .ai-builder-mini-action { padding:8px 10px; border-radius:9px; background:rgba(255,255,255,.035); color:#cbd2e5; font-size:10px; }
    .ai-chat-history-title { padding:13px 8px 7px; color:#697386; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .ai-chat-history { flex:1; min-height:0; overflow:auto; }
    .ai-chat-history-row { display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; margin:2px 0; border-radius:9px; }
    .ai-chat-history-row.active { background:rgba(105,117,255,.12); }
    .ai-chat-history-row>button:first-child { min-width:0; padding:8px 9px; border:0; background:transparent; color:#b8c0cf; cursor:pointer; text-align:left; }
    .ai-chat-history-row span,.ai-chat-history-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .ai-chat-history-row small { margin-top:2px; color:#636d7f; font-size:8px; }
    .ai-chat-delete { opacity:0; width:23px; height:23px; border:0; border-radius:7px; background:transparent; color:#7f899b; cursor:pointer; }
    .ai-chat-history-row:hover .ai-chat-delete,.ai-chat-history-row:focus-within .ai-chat-delete { opacity:1; }
    .ai-chat-delete:hover { background:rgba(239,68,68,.13); color:#fda4af; }
    .ai-chat-none { padding:8px; color:#667084; font-size:10px; }
    .ai-chat-privacy { padding:10px 8px 1px; color:#8993a6; font-size:9px; line-height:1.5; }
    .ai-chat-privacy small { color:#606a7b; }
    .ai-chat-main { display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; min-width:0; min-height:0; position:relative; }
    .ai-chat-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:66px; padding:10px 18px; border-bottom:1px solid rgba(255,255,255,.055); background:rgba(14,17,24,.74); backdrop-filter:blur(15px); z-index:5; }
    .ai-model-picker { position:relative; }
    .ai-model-current { display:flex; align-items:center; gap:9px; min-width:230px; padding:7px 9px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); color:#fff; cursor:pointer; text-align:left; }
    .ai-model-current:hover { border-color:rgba(105,117,255,.35); background:rgba(105,117,255,.07); }
    .ai-model-current>span:nth-child(2) { flex:1; }
    .ai-model-current strong,.ai-model-current small { display:block; }
    .ai-model-current small { margin-top:2px; color:#737e91; font-size:8px; }
    .ai-model-current b { color:#738095; }
    .ai-model-spark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:linear-gradient(135deg,#58c9ff,#7c5cff); box-shadow:0 0 20px rgba(91,112,255,.3); }
    .ai-model-menu { position:absolute; left:0; top:calc(100% + 7px); width:310px; padding:7px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:#161b26; box-shadow:0 24px 60px rgba(0,0,0,.48); z-index:20; }
    .ai-model-option { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px; border:0; border-radius:10px; background:transparent; color:#e9edf7; text-align:left; cursor:pointer; }
    .ai-model-option:hover,.ai-model-option.active { background:rgba(105,117,255,.1); }
    .ai-model-option.unavailable { color:#667084; }
    .ai-model-option strong,.ai-model-option small { display:block; }
    .ai-model-option small { margin-top:3px; color:#707b8f; font-size:9px; }
    .ai-model-option em { padding:3px 6px; border-radius:999px; background:rgba(255,255,255,.05); color:#8490a5; font-size:8px; font-style:normal; font-weight:900; text-transform:uppercase; }
    .ai-model-divider { height:1px; margin:6px 5px; background:rgba(255,255,255,.07); }
    .ai-chat-status { display:flex; align-items:center; gap:7px; color:#85d9ad; font-size:9px; font-weight:900; text-transform:uppercase; }
    .ai-chat-status>span { width:8px; height:8px; border-radius:50%; background:#38d887; box-shadow:0 0 0 4px rgba(56,216,135,.1); }
    .ai-chat-status.fallback { color:#f7c66d; }.ai-chat-status.fallback>span { background:#f4b84f; box-shadow:0 0 0 4px rgba(244,184,79,.1); }.ai-chat-status.offline { color:#fda4af; }.ai-chat-status.offline>span { background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.1); }
    .ai-chat-warning,.ai-chat-error { display:flex; align-items:center; gap:10px; padding:9px 16px; border-bottom:1px solid rgba(245,158,11,.16); background:rgba(245,158,11,.07); color:#e8c784; font-size:10px; }
    .ai-chat-warning span { color:#b99f6d; }.ai-chat-error { border-color:rgba(239,68,68,.16); background:rgba(239,68,68,.07); color:#fda4af; }.ai-chat-error button { margin-left:auto; border:0; background:transparent; color:inherit; cursor:pointer; }
    .ai-chat-messages { min-height:0; overflow:auto; padding:28px clamp(18px,7vw,100px) 22px; scroll-behavior:smooth; }
    .ai-chat-welcome { display:grid; place-items:center; align-content:center; min-height:100%; max-width:720px; margin:auto; text-align:center; }
    .ai-welcome-mark { display:grid; place-items:center; width:58px; height:58px; margin-bottom:19px; border-radius:20px; background:linear-gradient(135deg,#4cd1ff,#7655ff 66%,#e25cff); font-size:27px; box-shadow:0 16px 55px rgba(94,87,255,.3); }
    .ai-chat-welcome h2 { margin:0; font-size:clamp(22px,3vw,34px); letter-spacing:-.04em; }.ai-chat-welcome h2 span { color:#83a8ff; }.ai-chat-welcome p { max-width:590px; margin:11px auto 0; color:#8791a4; font-size:12px; line-height:1.65; }
    .ai-prompt-chips { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:22px; }.ai-prompt-chips button { padding:9px 12px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.025); color:#aab3c4; cursor:pointer; font-size:10px; }.ai-prompt-chips button:hover { border-color:rgba(105,117,255,.38); color:#fff; }
    .ai-message { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; max-width:800px; margin:0 auto 23px; }.ai-message.user { grid-template-columns:minmax(0,1fr) 34px; }.ai-message.user>.ai-message-avatar { grid-column:2; grid-row:1; background:#5967dd; }.ai-message.user>div:last-child { grid-column:1; grid-row:1; justify-self:end; max-width:82%; }.ai-message-avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:#252b3a; color:#fff; font-weight:900; overflow:hidden; }.ai-message-avatar img { width:100%; height:100%; object-fit:cover; }.ai-message-label { margin:0 0 6px; color:#9ea8ba; font-size:9px; font-weight:900; }.ai-message-label span { margin-left:7px; padding:2px 5px; border-radius:999px; background:rgba(245,158,11,.1); color:#e7bd70; }.ai-message-content { padding:11px 13px; border:1px solid rgba(255,255,255,.055); border-radius:5px 15px 15px 15px; background:rgba(255,255,255,.035); color:#dfe4ee; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }.ai-message.user .ai-message-content { border-radius:15px 5px 15px 15px; background:rgba(87,102,210,.18); }
    .ai-typing { display:flex; gap:4px; padding:13px; }.ai-typing i { width:6px; height:6px; border-radius:50%; background:#8c96a9; animation:ai-bounce 1s infinite ease-in-out; }.ai-typing i:nth-child(2){animation-delay:.12s}.ai-typing i:nth-child(3){animation-delay:.24s}@keyframes ai-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
    .ai-chat-compose-wrap { padding:10px clamp(18px,7vw,100px) 15px; background:linear-gradient(180deg,transparent,#11141b 25%); }.ai-chat-compose { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:8px; align-items:end; max-width:800px; margin:auto; padding:7px 8px 7px 14px; border:1px solid rgba(255,255,255,.09); border-radius:20px; background:#20242d; box-shadow:0 14px 45px rgba(0,0,0,.25); }.ai-chat-compose:focus-within { border-color:rgba(105,117,255,.5); box-shadow:0 14px 50px rgba(52,61,142,.24); }.ai-chat-compose textarea { width:100%; min-height:38px; max-height:160px; padding:9px 0 6px; border:0; outline:0; resize:none; background:transparent; color:#f4f6fb; line-height:1.45; }.ai-chat-compose button { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:13px; background:#7180ff; color:#fff; cursor:pointer; font-size:18px; font-weight:900; }.ai-chat-compose button:disabled { opacity:.45; cursor:wait; }.ai-chat-compose-wrap>small { display:block; max-width:800px; margin:7px auto 0; color:#626c7f; text-align:center; font-size:8px; }
    .ai-chat-loading { display:grid; place-items:center; align-content:center; gap:12px; min-height:560px; color:#9aa4b6; }

    /* Form controls keep a readable foreground in every browser and state. */
    input,textarea,select { color:var(--text); color-scheme:dark; }
    input::placeholder,textarea::placeholder { color:#76869f; opacity:1; }
    input::selection,textarea::selection { background:#6975ff; color:#fff; }
    select option { background:#111827; color:#f7f9ff; }
    input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {
      -webkit-text-fill-color:var(--text); caret-color:var(--brand-2);
      -webkit-box-shadow:0 0 0 1000px #0d1421 inset;
    }
    .explorer-inline-input,.explorer-search,.cloud-rename-row input,.cloud-share-controls input,.cloud-share-controls select,.cloud-text-editor {
      color-scheme:light; color:#172033;
    }
    .explorer-inline-input:focus,.explorer-search:focus,.cloud-rename-row input:focus,.cloud-share-controls input:focus,.cloud-share-controls select:focus,.cloud-text-editor:focus {
      background:#fff; color:#172033; -webkit-text-fill-color:#172033;
    }
    .explorer-inline-input:-webkit-autofill,.explorer-search:-webkit-autofill,.cloud-rename-row input:-webkit-autofill,.cloud-share-controls input:-webkit-autofill {
      -webkit-text-fill-color:#172033; -webkit-box-shadow:0 0 0 1000px #fff inset;
    }
    .owner-toggle.pending { cursor:wait; opacity:.72; }
    .owner-env-row.changed { background:rgba(105,117,255,.055); }
    .owner-env-toolbar .btn.has-changes { box-shadow:0 0 0 3px rgba(105,117,255,.15),0 10px 24px rgba(76,86,220,.2); }

    .grammar-studio { max-width:1100px; margin:0 auto; }
    .grammar-input { min-height:280px; resize:vertical; line-height:1.65; }
    .grammar-actions,.grammar-result-head,.grammar-issue-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
    .grammar-result { padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
    .grammar-result-head { margin-bottom:14px; }
    .grammar-result-head strong,.grammar-result-head span { display:block; }
    .grammar-result-head span { margin-top:4px; color:var(--muted); font-size:10px; }
    .grammar-result-count { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(105,117,255,.24); border-radius:999px; background:rgba(105,117,255,.08); color:#bcc4ff!important; font-weight:900; }
    .grammar-output { min-height:260px; resize:vertical; line-height:1.65; }
    .grammar-issue-list { display:grid; gap:9px; max-height:520px; overflow:auto; padding-right:4px; }
    .grammar-issue { padding:12px 14px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:rgba(255,255,255,.025); }
    .grammar-issue-head strong { color:var(--text); font-size:11px; }
    .grammar-issue-head span { padding:3px 7px; border-radius:999px; background:rgba(105,117,255,.1); color:#aeb8ff; font-size:8px; font-weight:900; text-transform:uppercase; }
    .grammar-issue p { margin:8px 0 0; color:var(--muted); line-height:1.55; overflow-wrap:anywhere; }
    .grammar-issue del { color:#f7a6ad; }.grammar-issue ins { color:#8be2b1; text-decoration:none; font-weight:800; }
    .grammar-clean { display:flex; flex-direction:column; gap:5px; padding:22px; border:1px solid rgba(56,216,135,.2); border-radius:14px; background:rgba(56,216,135,.07); color:#8be2b1; text-align:center; }
    .grammar-clean span { color:var(--muted); }

    @media (max-width:1120px) {
      .shell { grid-template-columns:minmax(0,1fr); width:100%; }
      .main { width:100%; max-width:100vw; min-width:0; }
      .main>.topbar,.main>.section-wrap,.main>.global-banner { width:100%; max-width:100%; }
      .dashboard-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media (max-width:760px) {
      html,body,.app,.shell,.main,.section-wrap { width:100%; max-width:100%; min-width:0; }
      .main { padding:14px 12px 36px; }
      .topbar { width:100%; }
      .card,.panel,.hero,.details,.savebar,.guild-card { min-width:0; max-width:100%; }
      .owner-form-grid,.ai-mode-switch { grid-template-columns:1fr; }
      .owner-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .owner-activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .owner-panel-head { flex-direction:column; }
      .utility-grid { grid-template-columns:1fr; }
      .grammar-actions,.grammar-result-head { align-items:stretch; flex-direction:column; }
      .owner-control-grid { grid-template-columns:1fr 1fr; }
      .owner-env-row { grid-template-columns:1fr; }
      .dashboard-tools-hero { grid-template-columns:1fr; padding:20px; }
      .dashboard-tools-stats { justify-content:flex-start; }
      .dashboard-tool-grid { grid-template-columns:1fr; }
      .dashboard-tool-card[data-tool-card="cloudStorage"] { grid-column:auto; }
      .dashboard-tools-toolbar,.guild-list-tools { align-items:stretch; flex-direction:column; }
      .dashboard-tools-search,.guild-search { width:100%; min-width:0; }
      .ai-chat-app { grid-template-columns:1fr; height:auto; min-height:720px; }
      .ai-chat-sidebar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
      .ai-chat-side-brand { padding:0; }.ai-new-chat { width:auto; }.ai-chat-search { grid-column:1/-1; margin:0; }.ai-chat-media-links,.ai-chat-history-title,.ai-chat-history,.ai-chat-privacy { display:none; }
      .ai-integration-panel { grid-template-columns:1fr; padding:10px 12px; }.ai-integration-panel select { min-width:0; width:100%; }
      .ai-chat-main { min-height:620px; }.ai-chat-topbar { padding:9px 11px; }.ai-model-current { min-width:0; max-width:235px; }.ai-chat-status { display:none; }.ai-model-menu { position:fixed; left:12px; right:12px; top:auto; width:auto; }
      .ai-chat-messages { padding:20px 13px; }.ai-chat-compose-wrap { padding:9px 11px 13px; }.ai-message.user>div:last-child { max-width:92%; }
      .owner-safety-add,.owner-safety-test { flex-direction:column; }.safety-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media (max-width:430px) {
      .owner-feature-grid,.owner-activity-grid { grid-template-columns:1fr; }
      .owner-main { width:calc(100% - 16px); }
      .owner-panel,.owner-hero { border-radius:18px; }
      .permission-grid,.owner-control-grid { grid-template-columns:1fr; }
      .owner-tool-control { grid-template-columns:1fr; align-items:start; }
      .owner-control-chip { justify-content:space-between; width:100%; }
      .safety-metrics { grid-template-columns:1fr; }
      .ai-chat-side-brand small { display:none; }.ai-chat-welcome h2 { font-size:23px; }.ai-prompt-chips button:nth-child(n+3){display:none;}
    }