*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg-soft)}#root{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-soft)}.topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-4) 0}.topbar-inner{max-width:var(--container);margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.topbar img{height:30px;display:block}.topbar-divider{width:1px;height:28px;background:var(--divider)}.topbar .app-name{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted)}.main{flex:1;max-width:var(--container);width:100%;margin:0 auto;padding:var(--space-7) var(--space-5)}.footer{background:var(--bg-inverse);color:var(--fg-on-blue);padding:var(--space-5) 0}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 var(--space-5);display:flex;justify-content:space-between;font-size:var(--text-sm)}.footer-inner span{color:var(--cv-blue-40)}.settings-menu{position:relative;display:inline-flex}.settings-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--cv-gray-20, #f0f2f5);color:var(--fg, #111827);cursor:pointer}.settings-btn:hover{border-color:var(--cv-blue-60, #4b6cb7)}.settings-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;min-width:300px;background:var(--bg, #fff);border:1px solid var(--border, #d1d5db);border-radius:var(--radius-sm, 6px);box-shadow:0 8px 24px #002a7224;padding:4px}.settings-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--text-sm);color:var(--fg, #111827);text-align:left}.settings-item:hover{background:var(--cv-gray-20, #f0f2f5)}.settings-item svg{flex:none}.settings-item .settings-caret{margin-left:auto;transition:transform .15s ease}.settings-item .settings-caret.open{transform:rotate(90deg)}.settings-submenu{margin:2px 0;border-top:1px dashed var(--divider, #e5e7eb);padding-top:4px;max-height:280px;overflow-y:auto}.settings-subitem{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px 8px 26px;border:none;background:transparent;border-radius:var(--radius-sm, 6px);cursor:pointer;text-align:left;color:var(--fg, #111827)}.settings-subitem:hover{background:var(--cv-gray-20, #f0f2f5)}.settings-subitem.active{color:var(--cv-blue, #002a72)}.settings-subitem svg{margin-left:auto;color:var(--cv-blue, #002a72)}.settings-model{display:flex;flex-direction:column;line-height:1.2;min-width:0}.settings-model-name{font-size:13px;font-weight:600}.settings-model-provider{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted, #6b7280)}.settings-empty{padding:8px 10px 8px 26px;font-size:12px;color:var(--fg-muted, #6b7280)}