.workspace-panel {display:flex;flex-direction:column;gap:14px;max-height:72vh;overflow:auto;padding:4px;}
.workspace-panel label,.workspace-project-fields label,#settingsTabGeneral>label {display:flex;flex-direction:column;gap:8px;margin-block:8px;}
.workspace-panel input,.workspace-panel select,.workspace-panel textarea,.workspace-project-fields select {background:var(--bg-input, #252525);color:inherit;border:1px solid var(--border-subtle,#444);border-radius:9px;padding:10px;max-width:100%;}
.workspace-panel button,.workspace-sidebar-tools button,.workspace-project button,.workspace-project-heading button,.workspace-tabs button {background:transparent;color:inherit;border:1px solid var(--border-subtle,#444);border-radius:9px;padding:9px 12px;cursor:pointer;text-align:start;}
.workspace-panel button:hover,.workspace-tabs button:hover {background:var(--bg-hover,#333);}
.workspace-actions,.workspace-tabs,.workspace-project-heading {display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.workspace-project-heading {justify-content:space-between;margin-block:16px 6px;padding-inline:8px;}
.workspace-sidebar-tools {display:flex;flex-direction:column;gap:5px;margin-block:8px;}
.workspace-sidebar-tools button {display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:var(--text-secondary);font:inherit;font-size:13px;transition:background .16s,color .16s;}
.workspace-sidebar-tools button:hover {background:var(--bg-hover);color:var(--text-main);}
.workspace-sidebar-tools button:focus-visible {outline:2px solid var(--text-secondary);outline-offset:1px;}
.workspace-header-actions {width:34px;height:34px;margin-inline-start:4px;display:inline-grid;place-items:center;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--text-secondary)!important;font-size:21px!important;line-height:1;}
.workspace-header-actions:hover,.workspace-header-actions:focus-visible {background:var(--bg-hover)!important;color:var(--text-main)!important;}
.user-profile-btn {width:100%;min-height:56px;gap:11px;padding:8px 10px!important;text-align:start;}
.user-avatar {width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:var(--bg-active)!important;color:var(--text-main)!important;font-weight:600;font-size:15px;box-shadow:none;}
.user-details {flex:1;min-width:0;}
.settings-nav {overflow-y:auto;overscroll-behavior:contain;gap:14px;background:var(--bg-sidebar);}
.settings-nav-group {display:grid;gap:3px;}
.settings-nav-heading {margin:4px 10px 2px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;}
.settings-nav .settings-tab-btn {width:100%;min-height:36px;padding:8px 10px;text-align:start;font-size:14px;border-radius:10px;color:var(--text-secondary);}
.settings-nav .settings-tab-btn:not(.active) {background:transparent;}
.settings-nav .settings-tab-btn.active {background:var(--bg-active);color:var(--text-main);font-weight:600;}
.settings-dialog,.settings-content {background:var(--bg-card);color:var(--text-main);box-shadow:none;}
.settings-dialog {border-color:var(--border-subtle);border-radius:10px;}
#settingsModal.modal-overlay {background:#00000080;backdrop-filter:none;}
.settings-header {border-color:var(--border-subtle);}
.settings-content {font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;}
.settings-content .setting-hint {color:var(--text-secondary);font-size:14px;}
.settings-nav .settings-tab-btn:focus-visible {outline:2px solid var(--text-secondary);outline-offset:1px;}
#settingsTabArchived .catalog-card {border-color:var(--border-subtle);border-radius:10px;}
.chat-sidebar {background:var(--bg-sidebar);}
.guest-auth-actions .aram-signin-cta {min-height:40px;padding:0 16px;border:1px solid var(--text-main);border-radius:10px;background:var(--text-main);color:var(--bg-main);font:600 14px/1.2 -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:none;}
.guest-auth-actions .aram-signin-cta:hover {background:var(--text-secondary);color:var(--bg-main);}
.guest-auth-actions .aram-signin-cta:focus-visible {outline:2px solid var(--text-secondary);outline-offset:3px;}
#loginBtn {position:relative;}
#loginBtn:focus-visible {outline:2px solid var(--text-main);outline-offset:3px;}
#loginBtn::after {position:absolute;top:50%;opacity:0;pointer-events:none;}
#loginBtn::after {content:"→";right:18px;z-index:2;font:500 16px/1 -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',sans-serif;transform:translate(-3px,-50%);}
#loginBtn:is(:hover,:focus-visible) {background-color:#ededed;color:#0d0d0d;background-image:repeating-linear-gradient(to bottom,#ffffffd9 0 3px,transparent 3px 7px),linear-gradient(to right,#000000,#000000);background-size:1px calc(100% - 12px),0% 100%;background-repeat:no-repeat,no-repeat;background-position:12px center,left center;}
#loginBtn:is(:hover,:focus-visible)::after {opacity:1;}
@media (prefers-reduced-motion:no-preference) {
  #loginBtn::after {transition:opacity .14s ease,transform .18s ease;}
  #loginBtn:is(:hover,:focus-visible) > span {animation:login-label-contrast .14s ease .76s forwards;}
  #loginBtn:is(:hover,:focus-visible)::after {animation:login-arrow-arrive .18s ease .76s forwards;}
  #loginBtn:is(:hover,:focus-visible) {animation:login-fill-sweep .9s linear forwards;}
  @keyframes login-label-contrast {to{color:#fff;}}
  @keyframes login-arrow-arrive {to{transform:translate(5px,-50%);color:#fff;}}
  @keyframes login-fill-sweep {from{background-size:1px calc(100% - 12px),0% 100%;background-position:12px center,left center;}to{background-size:1px calc(100% - 12px),100% 100%;background-position:calc(100% - 48px) center,left center;}}
}
@media (prefers-reduced-motion:reduce) {#loginBtn::after {transition:none;animation:none!important;}#loginBtn:is(:hover,:focus-visible) {color:#fff;background-color:#000;background-image:repeating-linear-gradient(to bottom,#ffffffd9 0 3px,transparent 3px 7px);background-size:1px calc(100% - 12px);background-repeat:no-repeat;background-position:right 48px center;}#loginBtn:is(:hover,:focus-visible) > span {color:#fff;}#loginBtn:is(:hover,:focus-visible)::after {transform:translate(0,-50%);color:#fff;}}
.guest-auth-actions button:not(.aram-signin-cta) {border:1px solid var(--border-subtle);border-radius:10px;background:transparent;color:var(--text-main);box-shadow:none;}
.guest-auth-actions button:not(.aram-signin-cta):hover {background:var(--bg-hover);}
.workspace-check-row {display:flex;align-items:center;gap:8px;}
#settingsTabArchived {overflow:auto;}
#settingsArchivedChats {display:grid;gap:10px;}
#settingsArchivedChats .catalog-card {padding:14px;border:1px solid var(--border-subtle);border-radius:12px;}
#settingsArchivedChats .catalog-card h3 {margin:0 0 6px;}
.workspace-panel details {padding:8px 0;}
.workspace-project {padding:8px;}.workspace-project summary {cursor:pointer;overflow-wrap:anywhere;}.workspace-project button {margin-block-start:8px;}
.workspace-library.grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.workspace-library.list {display:flex;flex-direction:column;gap:10px;}.workspace-folder-controls {grid-column:1/-1;}
.workspace-panel fieldset {border:1px solid var(--border-subtle,#444);border-radius:12px;padding:14px;}.workspace-panel fieldset label {display:inline-flex;flex-direction:row;margin-inline-end:18px;}
.workspace-panel progress {width:100%;accent-color:var(--accent-green,#10a37f);}
#emailCodeFields label {display:flex;flex-direction:column;gap:8px;margin-block:10px;}#emailCodeFields input {width:100%;padding:12px;border:1px solid var(--border-pill);border-radius:10px;background:transparent;color:inherit;}
.workspace-reduced-motion *, .workspace-reduced-motion *::before,.workspace-reduced-motion *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
.chat-sidebar.collapsed {min-width:0!important;width:0!important;overflow:hidden;}
@media(max-width:640px){.settings-nav{gap:0;padding:6px;}.settings-nav-group{display:flex;align-items:center;}.settings-nav-heading{display:none;}.settings-nav .settings-tab-btn{width:auto;min-width:max-content;}.workspace-library.grid{grid-template-columns:1fr;}.workspace-tabs button{padding:8px;}.workspace-panel{max-height:70dvh;}}

/* Monochrome product system: grayscale surfaces, system typography, and hairline edges. */
html,body,body * {font-family:var(--font-stack);}
code,pre,kbd,samp,.agent-code-panel textarea {font-family:var(--font-code);}
body {background:var(--bg-main);color:var(--text-main);}
body.light-theme .chat-sidebar {background:var(--bg-sidebar);}
:focus-visible {outline-color:var(--text-secondary);}
button,input,textarea,select,.settings-dialog,.modal-card,.modal-content,.ui-feature-dialog,.voice-panel,.composer-menu,.ui-popover,.reference-settings-card,.reference-style,.reference-image-composer,.capability-card,.agent-card,.agent-builder,.agent-run-panel,.agent-code-panel,.computer-use-panel,.workspace-panel,.workspace-project,.prompt-card,.soon-card,.lock-card {border-radius:10px!important;}
.chat-input-pill,.reference-image-composer {border-radius:16px;}
.btn-send,.btn-input-action,.btn-sidebar-toggle,.btn-sidebar-open,.quick-rail-button {border-radius:10px;}
.ui-status-badge,.version-tag,.chat-file-chip,.message-file-ref,.agent-modes span {border-radius:16px;}
.settings-dialog,.modal-card,.modal-content,.ui-feature-dialog,.voice-panel,.composer-menu,.ui-popover,.reference-settings-card,.reference-style,.capability-card,.agent-card,.agent-builder,.agent-run-panel,.agent-code-panel,.computer-use-panel,.workspace-panel,.workspace-project,.prompt-card,.soon-card,.lock-card {border-color:var(--border-subtle);}
*,*::before,*::after {box-shadow:none!important;text-shadow:none!important;}
button:hover:not(:disabled),.nav-tab:hover,.session-item:hover,.composer-menu button:hover,.ui-popover button:hover,.workspace-tabs button:hover,.guest-auth-actions button:not(.aram-signin-cta):hover {background-color:var(--bg-hover);}
.settings-nav .settings-tab-btn:not(.active),.settings-nav .settings-tab-btn:not(.active):hover {background:transparent!important;}
.settings-nav .settings-tab-btn.active {background:var(--bg-active)!important;color:var(--text-main);}
.modal-overlay,.sidebar-scrim {background:var(--deep-charcoal);backdrop-filter:none;}
.settings-dialog {width:min(880px,calc(100vw - 32px));max-width:var(--content-max);border-radius:10px;}
.reference-page,.capability-catalog {max-width:var(--content-max);}
.reference-page {width:min(100%,var(--content-max));}
.studio-content {width:auto;max-width:none;}
.chat-messages-container,.chat-bottom-wrapper {max-width:min(100%,var(--content-max));}
h1,.lock-card h2,.hero-title,.reference-page-heading h1 {font-size:24px;}
h2,.settings-header h3,.ui-feature-dialog h2,.soon-card h2 {font-size:22px;}
h3,.ui-empty-state h3 {font-size:18px;}
h4 {font-size:16px;}
.soon-mark {font-size:24px;}
.settings-content {padding:24px;}
.reference-page,.capability-catalog {padding:24px 16px;}
.ui-grid,.capability-grid,.agents-list {gap:16px;}
.sidebar-section-title,.setting-hint,.ui-status-badge,.reference-data-options small {color:var(--text-muted);}
a,.msg-content a,.message-sources a,.ui-feature-dialog a {color:var(--text-main);text-decoration-color:var(--text-muted);}
svg {filter:grayscale(1);}
svg[viewBox="0 0 24 24"]:not(.aramclaw-logo) {width:20px!important;height:20px!important;flex:0 0 20px;overflow:visible;color:currentColor;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:none;}
svg[viewBox="0 0 24 24"]:not(.aramclaw-logo) :is(path,line,polyline,polygon,rect,circle,ellipse) {fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke;}
.aramclaw-logo {filter:grayscale(1)!important;animation:none!important;}
.card-icon,.workspace-project summary>span:first-child {filter:grayscale(1);color:var(--text-secondary)!important;}
input,textarea,select {accent-color:var(--text-main);border-color:var(--border-pill);}
.reference-data-options input,.chat-input-pill textarea:focus-visible {accent-color:var(--text-main);outline-color:var(--text-secondary);}
.btn-voice-mode,.btn-voice-mode:hover {background:var(--bg-active);color:var(--text-main);border:1px solid var(--border-subtle);}
.account-danger-zone {border-color:var(--border-subtle);}
.agent-code-diff {background:var(--bg-secondary);color:var(--text-main);}
.modal-overlay,#settingsModal.modal-overlay {background-color:var(--deep-charcoal);}
.error,.success,.warning,.danger,.login-error,#loginError,#deleteAccountStatus,.capability-state,.task-priority,.task-priority.p-high,.task-priority.p-medium,.task-priority.p-low,.btn-danger,body.light-theme .btn-danger,[class*="status-error"],[class*="status-success"],[class*="status-warning"] {color:var(--text-secondary)!important;border-color:var(--border-subtle)!important;}
.task-priority,.task-priority.p-high,.task-priority.p-medium,.task-priority.p-low,.capability-state,.computer-use-confirmation {background-color:var(--bg-secondary)!important;}
.computer-use-panel,.computer-use-panel textarea,.computer-use-confirmation,.agent-builder,.agent-run-panel,.agent-card,.agent-code-panel,.agent-code-panel input,.agent-code-panel select,.agent-code-panel textarea {background:var(--bg-card);border-color:var(--border-subtle);color:var(--text-main);}
.capability-group h3,.capability-icon,.agent-avatar,.agent-modes span,.agent-builder label,.agent-capability-toggle small,.capability-scope {color:var(--text-secondary);}
.agent-avatar {background:var(--bg-active);}
.capability-card,.agent-card,.agent-modes span {background:var(--bg-secondary);}
.card-icon,.capability-icon,.aram-state-icon,.agent-avatar,.workspace-project summary>span:first-child {display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;font-size:20px;line-height:1;color:var(--text-secondary)!important;filter:grayscale(1);}
.aram-state-icon {border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-secondary);}
#chatInput:focus {animation:none;caret-color:var(--text-main);}
#loginBtn:is(:hover,:focus-visible) {background-image:repeating-linear-gradient(to bottom,#ffffffd9 0 3px,transparent 3px 7px),linear-gradient(to right,var(--ink-press),var(--ink-press));}
@media(max-width:640px){.studio-content {max-width:100%;}.chat-messages-container,.chat-bottom-wrapper {max-width:100%;}}
#projectContextBar {flex-shrink:0;margin:0 16px;padding:8px 12px;border:1px solid var(--border-subtle,#ddd);border-radius:10px;background:var(--bg-sidebar);}
#projectContextBar details>summary {cursor:pointer;font-size:13px;}#projectContextBar details[open] {max-height:180px;overflow:auto;}#projectContextBar textarea,#projectContextBar input,#projectContextBar select {box-sizing:border-box;display:block;width:100%;margin-block:8px;border:1px solid var(--border-subtle,#666);border-radius:8px;background:var(--bg-input);color:inherit;padding:8px;}#projectContextBar button{margin-inline-end:8px;}