/* Reference capture: chatgpt.com, 2026-10-28. Independent AramClaw identity. */
:root {
  color-scheme: dark;
  --ink-press: #5d5d5d; --deep-charcoal: #00000080; --graphite-ink: #0d0d0d; --mid-ash: #bdbdbd; --hollow: #8f8f8f; --edge-gray: #2a2a2a; --hairline: #ffffff1a; --hover-veil: #ffffff0d;
  --bg-main: #000000; --bg-sidebar: #000000; --bg-card: #0d0d0d; --bg-input: #0d0d0d;
  --bg-secondary: #141414; --bg-hover: var(--hover-veil); --bg-active: #262626;
  --text-main: #ffffff; --text-secondary: var(--mid-ash); --text-muted: var(--hollow);
  --accent-green: #ffffff; --accent-cyan: #ffffff; --accent-emerald: #ffffff;
  --border-subtle: var(--hairline); --border-pill: var(--edge-gray); --accent: #ffffff;
  --radius-sm: 10px; --radius-md: 10px; --radius-lg: 10px; --radius-pill: 16px;
  --space-1: 6px; --space-2: 10px; --space-3: 16px; --space-4: 24px; --content-max: 1200px;
  --font-stack: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sidebar-width: 260px;
}
body { background:var(--bg-main); color:var(--text-main); font-family:var(--font-stack); font-size:14px; height:100dvh; overflow:hidden; }
body.light-theme {
  color-scheme:light; --ink-press:#000000; --deep-charcoal:#00000080; --graphite-ink:#0d0d0d; --mid-ash:#5d5d5d; --hollow:#8f8f8f; --edge-gray:#e6e6e6; --hairline:#0000001a; --hover-veil:#0000000d;
  --bg-main:#ffffff; --bg-sidebar:#f9f9f9; --bg-card:#ffffff; --bg-input:#ffffff; --bg-secondary:#f9f9f9;
  --bg-hover:var(--hover-veil); --bg-active:#e6e6e6; --text-main:#0d0d0d; --text-secondary:var(--mid-ash); --text-muted:var(--hollow);
  --border-subtle:var(--hairline); --border-pill:var(--edge-gray); --accent-green:#0d0d0d; --accent-cyan:#0d0d0d; --accent-emerald:#0d0d0d; --accent:#0d0d0d;
}
button,input,textarea,select {font:inherit;} button {cursor:pointer;} button:disabled{cursor:not-allowed;}
button, a, input, textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible {outline:2px solid var(--text-secondary); outline-offset:3px;}
.skip-link {position:fixed;top:-80px;left:16px;z-index:100001;padding:12px;background:var(--text-main);color:var(--bg-main);border-radius:8px;}
.skip-link:focus {top:12px;}
.ui-icon {width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.main-studio {height:100dvh;background:var(--bg-main);gap:0;}
.chat-sidebar {width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-inline-end:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);padding:0;box-shadow:none;transition:width .18s ease,min-width .18s ease,transform .18s ease;}
.chat-sidebar .sidebar-top {padding:8px 6px;flex-shrink:0;}
.sidebar-header-row {height:44px;padding:0 8px;margin-bottom:8px;}
.sidebar-brand-title {font-size:18px;font-weight:600;color:var(--text-main);gap:7px;cursor:pointer;}
.sidebar-brand-title::after {content:'⌄';font-weight:400;font-size:16px;}
.sidebar-brand-title > svg {display:none;}
.sidebar-header-actions {gap:0;}
.btn-new-chat-top {display:none;}
.btn-sidebar-toggle,.btn-sidebar-open {background:transparent;border:0;color:var(--text-main);width:36px;height:36px;border-radius:10px;}
.btn-new-chat-main {border:0;border-radius:10px;background:transparent;color:var(--text-main);height:36px;padding:8px 10px;justify-content:flex-start;gap:10px;font-size:14px;font-weight:400;margin:0;box-shadow:none;}
.btn-new-chat-main:hover,.nav-tab:hover {background:var(--bg-hover);color:var(--text-main);}
.new-chat-icon {background:transparent;border:0;box-shadow:none;color:var(--text-main);width:20px;height:20px;}
.nav-tab {display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-main);font-size:14px;font-weight:400;text-align:start;width:100%;box-shadow:none;}
.nav-tab.active {background:var(--bg-active);color:var(--text-main);}
.nav-tab > span:first-child {display:inline-flex;align-items:center;justify-content:center;min-width:20px;}
.nav-external {margin-inline-start:auto;color:var(--text-secondary);font-size:18px;}
.reference-navigation {display:grid;gap:0;}
.sidebar-section-title {font-size:12px;letter-spacing:0;padding:16px 10px 6px;}
.sidebar-search-box {margin:5px 4px 9px;background:transparent;border:0;border-radius:8px;padding:8px 6px;color:var(--text-main);}
.sidebar-search-box input {background:transparent;color:var(--text-main);font-size:13px;}
.sidebar-developer-section {gap:1px;}
.user-navigation {margin:0;gap:0;}
.user-navigation [data-feature="images"],.user-navigation [data-feature="search"] {display:none;}
.sidebar-history-container {padding:8px 6px;overflow:auto;min-height:50px;}
.sessions-list-header {padding:8px 10px;color:var(--text-muted);font-size:12px;}
.session-item {border-radius:10px;border:0;}
.session-item:hover {background:var(--bg-hover);}
.session-title {font-size:14px;font-weight:400;color:var(--text-main);}
.session-item.active {background:var(--bg-active);}
.sidebar-footer {padding:8px;border-color:var(--border-subtle);background:var(--bg-sidebar);}
.user-profile-btn {background:transparent;border:0;padding:8px;border-radius:10px;}
.user-avatar,.user-avatar-header,.msg-avatar {background:var(--bg-active);color:var(--text-main);box-shadow:none;}
.user-name {color:var(--text-main);font-size:14px;}
.user-role-badge {color:var(--text-secondary);}
.studio-content {background:var(--bg-main);min-width:0;position:relative;}
.studio-header {height:60px;min-height:60px;border:0;padding:8px 16px;background:var(--bg-main);box-shadow:none;}
.model-selector-btn {color:var(--text-main);font-weight:500;font-size:20px;border:0;background:transparent;padding:6px;}
.btn-header-action {color:var(--text-main);border:0;border-radius:10px;}
.chat-layout-wrapper {height:calc(100dvh - 60px);min-height:0;overflow:hidden;}
.chat-viewport {position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;}
.chat-messages-container {width:min(100%,800px);max-width:800px;padding:20px 16px;margin:0 auto;overflow-y:auto;flex:1;min-height:0;}
.chat-hero-empty {padding:0;margin:0;min-height:0;position:absolute;top:calc(45% - 97px);inset-inline:16px;display:flex;align-items:center;justify-content:center;}
.hero-logo-box,.hero-prompt-grid {display:none;}
.hero-title {margin:0;font-size:28px;font-weight:400;line-height:1.3;color:var(--text-main);letter-spacing:0;}
body:not(.has-conversation) #chatTab.active .chat-bottom-wrapper {position:absolute;top:calc(45% - 20px);inset-inline:0;bottom:auto;}
.chat-bottom-wrapper {width:min(100%,800px);max-width:800px;margin:0 auto;padding:0 16px 32px;background:transparent;flex-shrink:0;}
.chat-input-pill {display:flex;align-items:center;min-height:52px;gap:4px;padding:4px 8px;background:var(--bg-input);border:1px solid var(--border-pill);border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.025);width:100%;}
.chat-input-pill textarea {min-height:32px;max-height:180px;padding:4px 8px;line-height:24px;font-size:17px;font-weight:400;background:transparent;color:var(--text-main);resize:none;border:0;outline:0;flex:1;min-width:0;}
.chat-input-pill textarea::placeholder {color:var(--text-secondary);}
.btn-input-action {width:36px;height:36px;flex:0 0 36px;background:transparent;color:var(--text-main);border:0;border-radius:50%;padding:7px;}
.btn-input-action:hover {color:var(--text-main);background:var(--bg-active);}
.btn-input-action svg {width:24px;height:24px;}
.input-actions-right {display:flex;align-items:center;gap:4px;}
#generateImageBtn {display:none;}
.btn-voice-mode {background:#3566f0;color:#fff;border:0;}
.btn-voice-mode:hover {background:#4777ff;}
.btn-send {width:36px;height:36px;border-radius:50%;background:var(--text-main);color:var(--bg-main);border:0;}
.btn-send:disabled {display:none;}
body.composer-has-text #voiceModeBtn {display:none;}
.chat-disclaimer {position:fixed;bottom:7px;inset-inline:calc(var(--sidebar-width) + 16px) 16px;text-align:center;font-size:11px;color:var(--text-secondary);line-height:1.5;}
.chat-disclaimer button {border:0;background:transparent;color:inherit;text-decoration:underline;font-size:inherit;}
[dir="ltr"] .chat-disclaimer {inset-inline:calc(var(--sidebar-width) + 16px) 16px;}
.capabilities-trigger {display:block;margin:12px auto 0;background:var(--bg-card);border:1px solid #424242;border-radius:999px;padding:12px 15px;color:var(--text-main);font-size:14px;}
.has-conversation .capabilities-trigger {display:none;}
.message {padding:18px 0;max-width:100%;gap:14px;}
.message.user .msg-content {background:var(--bg-input);border:0;border-radius:24px;color:var(--text-main);padding:12px 18px;}
.message.assistant .msg-content {color:var(--text-main);font-size:16px;line-height:1.8;}
.message.assistant .msg-avatar {display:none;}
.msg-content-wrapper {min-width:0;}
.msg-content pre {background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;}
.msg-content a,.message-sources a {color:#88ccff;}
.message-actions {opacity:1;color:var(--text-secondary);}
.composer-menu {position:fixed;z-index:1200;width:260px;padding:6px;border:1px solid var(--border-pill);border-radius:16px;background:var(--bg-card);box-shadow:0 10px 40px #0006;}
.composer-menu button,.ui-popover button {display:flex;width:100%;align-items:center;gap:12px;border:0;background:transparent;color:var(--text-main);padding:11px 12px;text-align:start;border-radius:9px;}
.composer-menu button:hover,.ui-popover button:hover {background:var(--bg-active);}
.composer-menu [aria-checked="true"]::after {content:'✓';margin-inline-start:auto;}
.ui-popover {position:absolute;top:56px;inset-inline-start:8px;z-index:101;width:244px;background:var(--bg-card);padding:12px;border:1px solid var(--border-pill);border-radius:16px;box-shadow:0 12px 40px #0005;}
.ui-popover p {color:var(--text-secondary);padding:8px 0;font-size:12px;}
.guest-auth-actions,.guest-sidebar-footer {display:none;}
.guest-mode .guest-auth-actions {display:flex;gap:8px;direction:rtl;}
.guest-auth-actions button,.guest-sidebar-footer button {height:44px;padding:0 14px;border-radius:999px;border:1px solid #424242;background:var(--bg-card);color:var(--text-main);font-weight:600;}
.guest-auth-actions .login-primary {background:#fff;color:#0d0d0d;border-color:#fff;}
.guest-mode .header-right,.guest-mode .header-left .model-selector-wrapper,.guest-mode .sidebar-history-container,.guest-mode .sidebar-footer,.guest-mode .sidebar-search-box,.guest-mode .sidebar-developer-section,.guest-mode .sidebar-section-title,.guest-mode .user-navigation {display:none;}
.guest-mode .guest-sidebar-footer {display:block;margin-top:auto;padding:20px;border-top:1px solid var(--border-subtle);}
.guest-sidebar-footer h2 {font-size:16px;line-height:1.6;margin:0 0 8px;font-weight:600;}
.guest-sidebar-footer p {font-size:12px;line-height:1.5;color:var(--text-secondary);margin-bottom:10px;}
.guest-sidebar-footer button {width:100%;font-weight:400;}
.guest-mode .studio-header {flex-direction:row;}
.modal-overlay {background:rgba(0,0,0,.65);backdrop-filter:blur(2px);}
.settings-dialog {background:var(--bg-card);color:var(--text-main);width:min(880px,calc(100vw - 32px));max-width:880px;border:1px solid var(--border-pill);border-radius:20px;box-shadow:0 24px 90px #0005;}
.settings-header {border-color:var(--border-pill);padding:18px 24px;}
.settings-header h3 {font-size:20px;font-weight:600;}
.settings-nav {background:transparent;border-color:var(--border-pill);width:200px;min-width:200px;}
.settings-tab-btn {color:var(--text-main);border-radius:8px;white-space:normal;}
.settings-tab-btn.active {background:var(--bg-active);color:var(--text-main);}
.settings-content {padding:24px;}
.setting-row {border-color:var(--border-pill);padding:18px 0;}
.setting-label {color:var(--text-main);font-size:14px;}
.setting-hint {color:var(--text-secondary);font-size:12px;line-height:1.6;}
.settings-dialog input,.settings-dialog textarea,.settings-dialog select,.modal-card input {background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-pill);border-radius:10px;padding:10px;max-width:100%;}
.btn-primary {background:var(--text-main);color:var(--bg-main);border:0;box-shadow:none;}
.btn-primary:hover {background:var(--text-secondary);}
.btn-secondary {background:transparent;color:var(--text-main);border:1px solid var(--border-pill);box-shadow:none;}
.btn-danger {background:transparent;color:#f37373;border:1px solid #713333;}
.btn-close-modal {color:var(--text-main);background:transparent;}
.ui-feature-dialog {width:min(720px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-pill);padding:24px;color:var(--text-main);}
.ui-feature-dialog header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}
.ui-feature-dialog h2 {font-size:22px;font-weight:600;}
.ui-empty-state {padding:28px 12px;text-align:center;}
.ui-empty-state > .ui-icon {width:42px;height:42px;margin-bottom:20px;color:var(--text-secondary);}
.ui-empty-state h3 {font-size:20px;font-weight:500;margin-bottom:12px;}
.ui-empty-state p {font-size:14px;color:var(--text-secondary);line-height:1.8;max-width:480px;margin:0 auto 20px;}
.ui-status-badge {display:inline-block;font-size:12px;border:1px solid var(--border-pill);padding:5px 10px;border-radius:999px;color:var(--text-secondary);margin-bottom:18px;}
.ui-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ui-card {padding:18px;border:1px solid var(--border-pill);border-radius:14px;text-align:start;background:transparent;color:var(--text-main);}
.ui-card h3 {font-size:15px;margin-bottom:8px;}
.ui-card p {color:var(--text-secondary);line-height:1.7;font-size:13px;}
.ui-card button {margin-top:12px;padding:8px 12px;}
#uiToast {position:fixed;bottom:38px;left:50%;transform:translateX(-50%);background:var(--text-main);color:var(--bg-main);border-radius:12px;padding:12px 18px;z-index:100005;max-width:min(480px,90vw);display:none;}
#uiToast.visible {display:block;}
/* Authentication measurements: 384px column, 52px providers, 56px email. */
.lock-screen {background:#000;color:#ededed;padding:0;overflow:auto;flex-direction:column;align-items:center;justify-content:flex-start;}
.auth-brand {position:absolute;inset-inline-start:32px;top:20px;color:#ededed;background:transparent;border:0;font-size:24px;font-weight:600;direction:ltr;}
.auth-back {position:absolute;inset-inline-end:24px;top:22px;background:transparent;border:0;color:#b4b4b4;font-size:24px;}
.lock-card {background:transparent;border:0;border-radius:0;box-shadow:none;width:384px;max-width:calc(100vw - 40px);padding:0;flex-shrink:0;margin:clamp(100px,14.3dvh,180px) auto 50px;}
.lock-logo-wrapper,.lock-subtitle,.lock-card > .lock-footer {display:none;}
.lock-card h2 {font-size:30px;font-weight:400;line-height:36px;margin:0 0 20px;color:#ededed;white-space:nowrap;}
.auth-provider-actions {display:flex;width:100%;flex-direction:column;gap:12px;margin:0;}
.auth-provider {height:52px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #262626;border-radius:9999px;background:#000;color:#ededed;font-size:16px;font-weight:400;}
.auth-provider:hover {background:#161616;}
.auth-provider > span {font-family:Arial,sans-serif;font-size:19px;font-weight:600;}
.auth-divider {display:flex;align-items:center;gap:24px;width:100%;margin:24px 0;color:#b4b4b4;font-size:12px;height:16px;}
.auth-divider::before,.auth-divider::after {content:'';height:1px;background:#262626;flex:1;}
.lock-form {width:100%;}
.lock-form #emailInput,.lock-form #passwordInput {height:56px;width:100%;border-radius:9999px;border:1px solid #333;background:transparent;padding:16px 20px;color:#ededed;font-size:16px;margin:0;}
.lock-form #emailInput::placeholder,.lock-form #passwordInput::placeholder {color:#8e8e8e;}
.lock-form .input-group {margin:12px 0 0;}
.lock-form .input-group:not(.auth-password-visible) {display:none;}
.lock-form .toggle-pass {color:#b4b4b4;}
.lock-form .login-btn {width:100%;height:52px;border-radius:9999px;background:#ededed;color:#0d0d0d;margin:20px 0 0;padding:12px;display:flex;align-items:center;justify-content:center;}
.login-btn > svg {display:none;}
.login-error {background:transparent;color:#ff9b9b;font-size:13px;padding:8px 0;margin:6px 0;line-height:1.6;}
.auth-secondary-actions {margin:16px 0 0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.auth-password-step .auth-secondary-actions {display:flex;}
.auth-secondary-actions button {font-size:12px;color:#b4b4b4;background:transparent;border:0;padding:3px;}
.auth-legal {position:static;flex-shrink:0;width:calc(100% - 40px);margin:0 20px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#b4b4b4;font-size:12px;padding-bottom:16px;}
.auth-legal .aram-mark {font-size:22px;line-height:24px;color:#ededed;font-weight:600;}
.auth-legal div {display:flex;gap:12px;align-items:center;}
.auth-legal button {border:0;background:transparent;color:inherit;text-decoration:underline;font-size:12px;}
.auth-legal > button {margin-top:28px;text-decoration:none;}
#emailAuthAvailability {display:none;}
.auth-password-step #emailAuthAvailability {display:block;font-size:12px;color:#b4b4b4;margin-top:12px;}
@media (max-width:1100px) {
  .chat-sidebar {position:fixed;inset-block:0;inset-inline-start:0;z-index:1100;height:100dvh;width:260px;min-width:260px;transform:none;margin:0;border-inline-end:1px solid var(--border-subtle);}
  [dir="rtl"] .chat-sidebar.collapsed {transform:translateX(100%);margin:0;}
  [dir="ltr"] .chat-sidebar.collapsed {transform:translateX(-100%);margin:0;}
  .chat-disclaimer,[dir="ltr"] .chat-disclaimer {inset-inline:12px;}
}
@media (min-width:1101px) {
  .chat-sidebar.collapsed {width:0;min-width:0;overflow:hidden;margin:0;padding:0;border:0;transform:none;}
  body:has(.chat-sidebar.collapsed) .chat-disclaimer {inset-inline:16px;}
  .guest-mode .header-left {position:absolute;inset-inline-start:12px;}
  .guest-mode .guest-auth-actions {margin-inline-start:auto;}
}
@media (max-width:768px) {
  .studio-header {padding:8px 12px;}
  .chat-bottom-wrapper {padding-inline:12px;}
  .chat-input-pill {border-radius:28px;}
  .hero-title {font-size:25px;text-align:center;}
  .chat-hero-empty {top:calc(42% - 90px);}
  body:not(.has-conversation) #chatTab.active .chat-bottom-wrapper {top:calc(42% - 12px);}
  .settings-dialog {width:calc(100vw - 16px);height:85dvh;max-height:85dvh;}
  .settings-nav {width:auto;min-width:0;flex-direction:row;overflow:auto;}
  .settings-tab-btn {flex:0 0 auto;white-space:nowrap;}
  .settings-body {flex-direction:column;min-height:0;}
  .settings-content {padding:16px;overflow:auto;}
  .ui-grid {grid-template-columns:1fr;}
  .guest-auth-actions {gap:6px;}
  .guest-auth-actions button {font-size:12px;height:36px;padding:0 12px;}
  .header-right {gap:2px;}
  .auth-brand {font-size:22px;inset-inline-start:20px;}
  .lock-card {margin-top:110px;}
  .lock-card h2 {font-size:26px;}
  .auth-legal {margin-top:0;margin-bottom:16px;}
  .lock-screen {flex-direction:column;align-items:center;justify-content:flex-start;}
}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
/* Visual review corrections at 1440 × 756. */
.chat-hero-empty {width:calc(100% - 32px);max-width:none;inset-inline:16px;top:calc(45% - 80px);}
.hero-title {font-size:24px;}
body:not(.has-conversation) #chatTab.active .chat-bottom-wrapper {top:calc(45% - 25px);}
.chat-bottom-wrapper {display:block;}
#fileUploadStatus:empty,#imageGenerationStatus:empty,#chatAttachmentList:empty {display:none;margin:0;min-height:0;}
.chat-attachment-list {width:100%;}
.auth-brand {right:32px;left:auto;}
.auth-back {left:24px;right:auto;}
.auth-legal .aram-mark svg {width:24px;height:24px;filter:grayscale(1) brightness(3);animation:none;}
.ui-feature-dialog a {color:#88ccff;text-underline-offset:3px;}
.reference-data-options {display:grid;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-pill);}
.reference-data-options label {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.reference-data-options input {accent-color:#3566f0;}
.reference-data-options small {display:block;color:var(--text-secondary);font-size:12px;line-height:1.7;}
@media (max-width:768px) {.chat-hero-empty {top:calc(42% - 80px);}body:not(.has-conversation) #chatTab.active .chat-bottom-wrapper {top:calc(42% - 12px);}.auth-brand{right:20px;}}
.chat-input-pill textarea:focus-visible {outline:2px solid #6385ff;outline-offset:0;border-radius:8px;}
.auth-password-step .lock-screen {flex-direction:column;align-items:center;justify-content:flex-start;}
.auth-password-step .lock-card {margin-bottom:50px;}
.auth-password-step .auth-legal {position:static;top:auto;margin:0 0 20px;width:100%;}
body.reference-page-open .studio-content > .tab-pane {display:none!important;}
.reference-page {height:calc(100dvh - 60px);overflow:auto;width:100%;max-width:800px;margin:0 auto;padding:20px 16px 70px;}
.reference-page-heading {position:relative;text-align:center;margin:0 0 40px;}
.reference-page-heading h1 {font-size:24px;font-weight:400;line-height:36px;}
.reference-page-heading p {color:var(--text-secondary);font-size:15px;margin-top:12px;}
.reference-back {position:absolute;inset-inline-start:0;top:0;border:0;border-radius:50%;height:36px;width:36px;background:var(--bg-card);color:var(--text-main);font-size:22px;}
.reference-page > h2 {font-size:15px;font-weight:500;margin:24px 0 16px;}
.reference-settings-card {padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-pill);border-radius:16px;}
.reference-settings-card .setting-row {margin:0;min-height:52px;padding:14px 0;}
.reference-settings-card .setting-row:last-child {border:0;}
.reference-settings-card select {border:0;background:transparent;color:var(--text-secondary);}
.reference-settings-card .reference-data-options {margin:0;border:0;gap:24px;}
.reference-account-note {margin-top:24px;}
.reference-image-composer {display:flex;gap:12px;align-items:center;border:1px solid var(--border-pill);border-radius:28px;background:var(--bg-input);padding:6px 8px;}
.reference-image-composer textarea {flex:1;background:transparent;border:0;resize:vertical;min-height:36px;max-height:160px;padding:8px;color:var(--text-main);outline:0;}
.reference-image-styles {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 32px;}
.reference-style {height:210px;border:1px solid var(--border-pill);border-radius:20px;background:var(--bg-card);padding:12px;color:var(--text-main);text-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:12px;}
.reference-style-placeholder {display:grid;place-items:center;flex:1;color:var(--text-muted);font-size:11px;}
.reference-style > span:last-child {font-size:12px;}
.reference-plugin-search {display:flex;align-items:center;gap:12px;border:1px solid var(--border-pill);border-radius:999px;padding:12px 18px;background:var(--bg-card);}
.reference-plugin-search input {background:transparent;border:0;color:var(--text-main);flex:1;min-width:0;outline:0;}
.reference-plugin-categories {display:flex;gap:8px;overflow:auto;margin:24px 0;}
.reference-plugin-categories button {border:1px solid var(--border-pill);background:transparent;color:var(--text-secondary);border-radius:999px;padding:8px 16px;white-space:nowrap;}
.reference-plugin-categories button.active {background:var(--text-main);color:var(--bg-main);}
@media(max-width:600px){.reference-image-styles{grid-template-columns:repeat(2,minmax(0,1fr));}.reference-style{height:190px;}.reference-page{padding-top:14px;}.auth-password-step .auth-legal{margin-top:0;}}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.auth-reset-mode .auth-provider-actions,.auth-reset-mode .auth-divider,.auth-reset-mode #loginForm,.auth-reset-mode .auth-secondary-actions,.auth-reset-mode #emailAuthAvailability {display:none!important;}
#resetPasswordForm input {height:56px;width:100%;margin:12px 0 0;border-radius:999px;border:1px solid #333;background:transparent;color:#ededed;padding:16px 20px;font-size:16px;}
#resetPasswordStatus {font-size:13px;color:#b4b4b4;line-height:1.7;margin-top:12px;}

.reference-data-options input[role="switch"] {appearance:none;width:32px;height:20px;min-width:32px;position:relative;padding:0;border:0;border-radius:999px;background:#424242;opacity:.65;}
.reference-data-options input[role="switch"]::after {content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#a0a0a0;top:3px;inset-inline-end:3px;}

/* Account menus use the same appearance tokens as the rest of the interface. */
.user-dropdown-menu,.model-dropdown-menu {background:var(--bg-card);color:var(--text-main);border-color:var(--border-pill);}
.user-dropdown-menu .dropdown-item {width:100%;border:0;background:transparent;font-family:inherit;text-align:start;color:var(--text-main);}
.user-dropdown-menu .dropdown-item:hover {background:var(--bg-hover);}
.user-dropdown-menu .dropdown-item:focus-visible {outline:2px solid var(--text-secondary);outline-offset:-2px;}
body.light-theme .user-dropdown-menu {box-shadow:0 8px 24px #0002;}
body.light-theme .btn-danger {color:#b42318;border-color:#e5a9a4;}
body.light-theme .ui-feature-dialog a {color:#1758a8;}

/* Consistent surfaces, navigation scrolling, and the compact shortcut rail. */
.studio-sub-header {background:var(--bg-sidebar);color:var(--text-main);}
.version-tag {background:var(--bg-active);color:var(--text-main);}
.library-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 24px;color:var(--text-main);}
.library-toolbar input,.library-toolbar select {padding:8px 10px;border:1px solid var(--border-pill);border-radius:8px;background:var(--bg-input);color:var(--text-main);max-width:100%;}
.chat-input-pill textarea:focus-visible {outline:2px solid var(--text-secondary);outline-offset:2px;box-shadow:none;}
.chat-input-pill:focus-within {border-color:var(--text-muted);}
.sidebar-scroll-region {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;scrollbar-gutter:stable;}
.sidebar-scroll-region::-webkit-scrollbar {width:7px;}
.sidebar-scroll-region::-webkit-scrollbar-thumb {background:var(--text-muted);border-radius:99px;}
.sidebar-scroll-region::-webkit-scrollbar-track {background:transparent;}
.sidebar-scroll-region .sidebar-history-container {flex:none;overflow:visible;min-height:160px;}
.chat-sidebar>.sidebar-footer,.chat-sidebar>.guest-sidebar-footer {flex-shrink:0;}
.main-studio {padding-inline-start:56px;}
.quick-rail {position:absolute;inset-block:0;inset-inline-start:0;width:56px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;background:var(--bg-card);border-inline-end:1px solid var(--border-subtle);z-index:1200;}
.quick-rail-button {display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:0;border-radius:12px;color:var(--text-secondary);background:transparent;}
.quick-rail-button:hover,.quick-rail-button[aria-current=page] {color:var(--text-main);background:var(--bg-active);}
.quick-rail-button svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.quick-rail-account {margin-top:auto;}
@media(min-width:1101px){
  .chat-disclaimer,[dir=ltr] .chat-disclaimer {inset-inline:calc(var(--sidebar-width) + 72px) 16px;}
  body:has(.chat-sidebar.collapsed) .chat-disclaimer {inset-inline:72px 16px;}
}
@media(max-width:1100px){
  .chat-sidebar {inset-inline-start:56px;}
  [dir=rtl] .chat-sidebar.collapsed {transform:translateX(calc(100% + 56px));}
  [dir=ltr] .chat-sidebar.collapsed {transform:translateX(calc(-100% - 56px));}
  .chat-disclaimer,[dir=ltr] .chat-disclaimer {inset-inline:66px 10px;}
}
@media(max-height:420px){.quick-rail {gap:2px;padding-block:4px;overflow:auto;}.quick-rail-button {height:36px;min-height:36px;}}