/* Automous Assistant — mobile customer-facing shell */
:root {--ai-bg:#070e16;--ai-panel:#101c26;--ai-panel2:#15252c;--ai-text:#ecfaf6;--ai-muted:#a0b9b5;--ai-border:#27443f;--ai-accent:#32d2c4;}
body.shell-mode{margin:0;padding:0 12px 104px;background:radial-gradient(ellipse at 50% 10%,#142b33 0%,#08131e 42%,#050b12 100%);color:var(--ai-text);min-height:100vh;}
body.shell-mode #app{max-width:690px;display:flex;flex-direction:column;gap:16px;padding-top:14px;margin:auto}
body.shell-mode .top{padding:8px 6px 2px;color:var(--ai-text)}
body.shell-mode .top .logo{font-size:18px;color:#e9f5f3}
body.shell-mode .top .logo small{color:#91b3ae}
body.shell-mode .top .edition{font-size:10px;color:#a9c3bd}
body.shell-mode .stage{height:min(440px,48vh);min-height:290px;border-color:#183d3e;border-radius:30px;flex:none;box-shadow:0 15px 45px #0004}
body.shell-mode .stage-top{top:13px;font-size:10px;color:#a3c5c2}
body.shell-mode .stage-bottom{bottom:14px;color:#baf9ec}
body.shell-mode .panel{background:var(--ai-panel);border-color:var(--ai-border);padding:16px;border-radius:20px;color:var(--ai-text)}
body.shell-mode .panel .title,body.shell-mode .panel .custom-heading,body.shell-mode .panel .v8-head{color:#d7faf2}
body.shell-mode .panel small,body.shell-mode .panel .v9-previewtext,body.shell-mode .panel .details,body.shell-mode .panel .custom-note,body.shell-mode .panel .custom-heading small,body.shell-mode .panel .v8-status{color:var(--ai-muted)}
body.shell-mode .panel button:not(.primary):not(.solid):not(.save),body.shell-mode .panel input:not([type=range]):not([type=color]),body.shell-mode .panel select{background:var(--ai-panel2);color:#e1f9f1;border-color:#31534c}
body.shell-mode .panel .grid button[aria-pressed=true],body.shell-mode .panel .custom-grid button[aria-pressed=true],body.shell-mode .panel .v9-preset-row button[aria-pressed=true]{background:#123d38;border-color:#38d4bd;color:#c0fff0}
body.shell-mode .panel label,body.shell-mode .panel output{color:#b8d7d0}
body.shell-mode .panel .custom-grid button,body.shell-mode .panel .grid button{white-space:normal}
body.shell-mode .panel .v12-emotion-options,body.shell-mode .panel .v9-glow-grid label,body.shell-mode .panel .chat,body.shell-mode .panel .v8-meter{background:var(--ai-panel2);border-color:#31564e;color:#e4f7f2}
body.shell-mode .panel .v12-emotion-note{color:#b0d8cf}
body.shell-mode .panel .v8-pill{background:#145347;color:#d3fff6}
body.shell-mode .panel input[type=range]{accent-color:#2edac7}
body.shell-mode .panel input[type=color]{background:#21343b;border-color:#365b50}
body.shell-mode .panel .custom-feedback{color:#a4ded4}
body.shell-mode .panel button[aria-pressed=true]{box-shadow:0 0 0 1px #2adfbd inset}
body.shell-mode .panel .custom-selects label select,body.shell-mode .panel .v9-dual label select{color:#e4fff4}
.ai-page[hidden],.ai-settings-pane[hidden]{display:none!important}
.ai-home{display:flex;flex-direction:column;gap:14px;animation:ai-enter .18s ease-out}
.ai-page-title{margin:0;font-size:24px;font-weight:780;letter-spacing:-.025em}
.ai-page-description{color:var(--ai-muted);font-size:13px;line-height:1.5;margin:4px 0 0}
.ai-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 6px 0}
.ai-online{display:flex;align-items:center;gap:7px;font-size:11px;color:#b8d7d0;white-space:nowrap}
.ai-online:before{content:'';width:7px;height:7px;border-radius:50%;background:#daae66;box-shadow:0 0 8px #daae669c}
.ai-online.ready:before{background:#40dfb7;box-shadow:0 0 8px #40dfb7a8}
.ai-online.fail:before{background:#df8b91;box-shadow:0 0 8px #df8b91a8}
.ai-control{padding:15px;background:linear-gradient(125deg,#162b36,#0e1d28);border:1px solid #285247;border-radius:22px;display:flex;flex-direction:column;gap:12px}
.ai-status-line{display:flex;align-items:center;gap:9px;font-size:13px;color:#c4e5dc;font-weight:600}
.ai-status-orb{height:9px;width:9px;border-radius:50%;background:#819693;box-shadow:0 0 0 4px #38535255;flex:none}
.ai-status-orb.active{background:#53e8ba;box-shadow:0 0 12px #21ebae}
.ai-status-orb.speaking{background:#59d9ec;box-shadow:0 0 12px #53d4f0}
.ai-btn{border:1px solid #386359;background:#1a343a;color:#e8fff7;border-radius:14px;font:inherit;font-size:14px;font-weight:700;padding:14px 17px;min-height:49px;cursor:pointer;transition:opacity .12s,transform .15s}
.ai-btn:active{transform:scale(.985)}.ai-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}
.ai-btn-primary{background:linear-gradient(112deg,#13bacd,#48d5af,#b0de74);color:#063638;border:0;font-weight:780;box-shadow:0 6px 22px #18bcb62a}
.ai-btn-danger{background:#342227;color:#ffbdbe;border:1px solid #764044}
.ai-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ai-control-buttons .ai-btn-primary{grid-column:1/-1}
.ai-mini-info{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9abbb3;font-size:11px;line-height:1.45}
.ai-mini-info b{color:#d7f7ee}
.ai-caption-card{display:grid;gap:9px;padding:14px;background:#0e1b26;border:1px solid #294339;border-radius:18px;min-height:97px}
.ai-caption-label{font-size:11px;font-weight:800;color:#a1d5cc;letter-spacing:.08em;text-transform:uppercase}
.ai-caption-line{font-size:14px;line-height:1.5;color:#ecfcf5;min-height:22px;word-break:break-word}
.ai-caption-sub{font-size:12px;color:#b4d6cc}
.ai-text-entry{display:grid;grid-template-columns:1fr auto;gap:8px}
.ai-text-entry input{border-radius:12px;border:1px solid #31574e;background:#142831;color:#ecfff6;padding:13px;font:inherit;font-size:13px;min-width:0}
.ai-text-entry input::placeholder{color:#7fa9a0}
.ai-text-entry button{padding:11px 15px}
.ai-micro{font-size:11px;color:#a5bbb5;text-align:center;line-height:1.55;margin:0 3px}
.ai-settings{display:flex;flex-direction:column;gap:13px;animation:ai-enter .18s ease-out}
.ai-settings-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-radius:15px;background:#0a1822;padding:6px;border:1px solid #214339}
.ai-settings-tabs button{background:transparent;border:0;color:#a7cac0;padding:13px 4px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}
.ai-settings-tabs button[aria-selected=true]{background:#1a4844;color:#eafff7;box-shadow:0 0 0 1px #2ed7c6 inset}
.ai-settings-pane{display:flex;flex-direction:column;gap:12px}
.ai-voice-panel{display:grid;gap:16px;background:var(--ai-panel);border:1px solid var(--ai-border);border-radius:20px;padding:16px}
.ai-form-group{display:grid;gap:7px}
.ai-form-group label{font-size:12px;font-weight:750;color:#bce7db}
.ai-form-group select,.ai-form-group input{width:100%;border:1px solid #385e51;background:#14272f;color:#f2fffa;min-height:44px;border-radius:12px;padding:9px 12px;font:inherit;font-size:13px}
.ai-form-group small{color:#9dbeb6;font-size:11px;line-height:1.5}
.ai-setting-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-section-divider{height:1px;background:#244840}
.ai-setting-check{display:flex;align-items:center;gap:9px;color:#d1ede6;font-size:13px}
.ai-setting-check input{accent-color:#21d6ba;width:18px;height:18px}
.ai-help{font-size:12px;line-height:1.55;color:#b8d3ca;background:#122c2e;border-radius:12px;border:1px solid #2b5b4d;padding:12px}
.ai-disclosure{background:#0f1b25;border:1px solid #27483e;border-radius:17px;padding:0 9px}
.ai-disclosure summary{font-size:13px;font-weight:750;color:#cdf3e7;padding:16px 7px;cursor:pointer}
.ai-disclosure .panel{margin:9px 0 13px}
.ai-nav{position:fixed;z-index:99;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0;min-height:72px;padding:9px max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:#09131bee;backdrop-filter:blur(16px);border-top:1px solid #2c4a43;box-shadow:0 -7px 28px #0004}
.ai-nav button{font:inherit;border:0;background:transparent;color:#93b8af;min-width:115px;max-width:210px;flex:1;display:grid;justify-items:center;align-content:center;gap:3px;border-radius:13px;font-size:11px;font-weight:740;cursor:pointer}
.ai-nav button[aria-selected=true]{color:#6deccb;background:#15413c}
.ai-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ai-private-note{font-size:11px;color:#89afa5;line-height:1.5}
.ai-inline-link{color:#81e6cf;text-decoration:none}
@keyframes ai-enter{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:480px){body.shell-mode{padding:0 8px 98px}body.shell-mode #app{gap:12px;padding-top:9px}body.shell-mode .stage{height:min(430px,46vh);min-height:295px;border-radius:23px}.ai-headline{padding:0 4px}.ai-page-title{font-size:21px}.ai-control{padding:12px}.ai-setting-row{grid-template-columns:1fr}.ai-settings-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ai-home,.ai-settings{animation:none}.ai-btn{transition:none}}
/* Conversational chat transcript below the Automous avatar (voice + typed messages). */
.ai-chat-card{background:#0d1a23;border:1px solid #25483d;border-radius:22px;padding:13px 12px 12px;display:flex;flex-direction:column;gap:11px;min-height:196px}
.ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px}
.ai-chat-header strong{display:block;color:#d9fbf0;font-size:14px;letter-spacing:.01em}
.ai-chat-header small{display:block;color:#87afa6;font-size:11px;margin-top:2px}
.ai-chat-tools{display:flex;gap:6px;align-items:center}
.ai-chat-tools button{border:1px solid #31554c;border-radius:9px;background:#182e32;color:#bde9dc;font:inherit;font-size:11px;min-height:31px;padding:5px 9px;cursor:pointer}
.ai-chat-tools button:active{background:#26534a}
.ai-chat-thread{height:260px;max-height:40vh;min-height:145px;overflow-y:auto;overscroll-behavior:contain;padding:10px 5px 6px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:#31584c transparent;border-top:1px solid #24453b}
.ai-chat-empty{display:flex;justify-content:center;align-items:center;min-height:125px;text-align:center;color:#93b9af;padding:12px 24px;font-size:12px;line-height:1.55}
.ai-chat-message{display:flex;flex-direction:column;gap:4px;max-width:89%;align-self:flex-start;min-width:0}
.ai-chat-message.from-user{align-self:flex-end;align-items:flex-end}
.ai-chat-message.from-automous{align-self:flex-start;align-items:flex-start}
.ai-chat-speaker{font-size:10px;font-weight:760;letter-spacing:.025em;color:#97c9ba;padding:0 8px}
.ai-chat-message.from-user .ai-chat-speaker{color:#a3d9da}
.ai-chat-bubble{border:1px solid #31574e;border-radius:17px 17px 17px 5px;background:#18303a;color:#effff7;font-size:13px;line-height:1.56;padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 4px 12px #0002}
.ai-chat-message.from-user .ai-chat-bubble{color:#043b39;background:linear-gradient(112deg,#62ded1,#a7e7b6);border-color:#72dacc;border-radius:17px 17px 5px 17px}
.ai-chat-message.is-draft .ai-chat-bubble{opacity:.90}
.ai-chat-time{font-size:10px;color:#789d93;padding:0 8px}
.ai-chat-sources{border-top:1px solid #456557;margin-top:10px;padding-top:8px;display:flex;flex-wrap:wrap;gap:5px}
.ai-chat-sources a{font-size:10px;text-decoration:none;color:#7dedd0;border:1px solid #426456;border-radius:10px;padding:4px 7px;max-width:100%;overflow-wrap:anywhere}
.ai-chat-sources a:hover{text-decoration:underline}
.ai-chat-search-flag{margin-top:8px;font-size:10px;color:#8ac9bc}
.ai-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.shell-mode .stage{height:min(405px,44vh)}
@media(max-width:480px){.ai-chat-thread{height:218px;max-height:34vh}.ai-chat-message{max-width:94%}.ai-chat-card{padding:12px 10px}body.shell-mode .stage{height:min(365px,40vh);min-height:280px}}

/* Verified news shortcut */
.ai-news-shortcut{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin:-1px 2px 13px;flex-wrap:wrap;}
.ai-news-button{padding:9px 13px!important;font-weight:700!important;border-color:#9fdacf!important;background:linear-gradient(105deg,#defaf3,#e7f6eb)!important;color:#165b52!important;white-space:nowrap;}
.ai-news-shortcut span{font-size:11px;color:#5d847c;line-height:1.3;}
.ai-news-button:disabled{opacity:.65;cursor:wait;}
@media(max-width:400px){.ai-news-shortcut span{font-size:10px;}}

/* V3 — customer-selectable UI palette; independent from the robot face colors. */
body.shell-mode {
  background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb,var(--ui-bg) 80%,var(--ui-panel) 20%), var(--ui-bg) 65%)!important;
  color:var(--ui-text)!important;
  --ai-panel:var(--ui-panel);--ai-panel2:var(--ui-panel2);--ai-text:var(--ui-text);
  --ai-muted:var(--ui-muted);--ai-border:var(--ui-border);--ai-accent:var(--ui-accent);
}
body.shell-mode .top,body.shell-mode .top .logo,body.shell-mode .top .logo small,
body.shell-mode .top .edition {color:var(--ui-text)!important}
body.shell-mode .top .logo em {color:var(--ui-accent)!important}
body.shell-mode .panel,body.shell-mode .ai-voice-panel,body.shell-mode .ai-theme-panel,
body.shell-mode .ai-chat-card,body.shell-mode .ai-control,body.shell-mode .ai-disclosure,
body.shell-mode .ai-settings-tabs {background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
body.shell-mode .ai-control {background:linear-gradient(135deg,var(--ui-panel),var(--ui-panel2))!important}
body.shell-mode .ai-page-title,body.shell-mode .ai-control,body.shell-mode .ai-chat-header strong,
body.shell-mode .ai-disclosure summary,body.shell-mode .panel .title,
body.shell-mode .panel .custom-heading,body.shell-mode .panel .v8-head,
body.shell-mode .ai-voice-panel strong,body.shell-mode .ai-theme-panel strong {color:var(--ui-text)!important}
body.shell-mode .ai-page-description,body.shell-mode .ai-form-group label,body.shell-mode .ai-form-group small,
body.shell-mode .ai-mini-info,body.shell-mode .ai-status-line,body.shell-mode .ai-private-note,
body.shell-mode .ai-chat-header small,body.shell-mode .ai-chat-empty,body.shell-mode .ai-chat-speaker,
body.shell-mode .ai-chat-time,body.shell-mode .ai-micro,body.shell-mode .ai-online,
body.shell-mode .ai-news-shortcut span {color:var(--ui-muted)!important}
body.shell-mode .ai-mini-info b {color:var(--ui-text)!important}
body.shell-mode .ai-btn:not(.ai-btn-danger),body.shell-mode .ai-chat-tools button,
body.shell-mode .ai-form-group input,body.shell-mode .ai-form-group select,
body.shell-mode .ai-text-entry input,body.shell-mode .panel button:not(.primary):not(.solid):not(.save),
body.shell-mode .panel select,body.shell-mode .panel input:not([type=range]):not([type=color]) {
  background:var(--ui-panel2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;
}
body.shell-mode .ai-btn-primary,body.shell-mode .ai-news-button,body.shell-mode .ai-btn.ai-btn-primary {
  background:var(--ui-accent)!important;color:var(--ui-text-on-accent)!important;
  border:1px solid color-mix(in srgb,var(--ui-accent) 75%,var(--ui-text) 25%)!important;
  box-shadow:0 6px 22px color-mix(in srgb,var(--ui-accent) 24%,transparent)!important;
}
body.shell-mode .ai-btn-danger{background:#5c2433!important;color:#fff0f1!important;border:1px solid #8e4253!important}
body.shell-mode .ai-settings-tabs button,body.shell-mode .ai-nav button{color:var(--ui-muted)!important}
body.shell-mode .ai-settings-tabs button[aria-selected=true],body.shell-mode .ai-nav button[aria-selected=true]{
  background:color-mix(in srgb,var(--ui-accent) 19%,var(--ui-panel))!important;
  color:var(--ui-text)!important;box-shadow:inset 0 0 0 1px var(--ui-accent)!important;
}
body.shell-mode .ai-nav{background:color-mix(in srgb,var(--ui-panel) 92%,transparent)!important;border-color:var(--ui-border)!important}
body.shell-mode .ai-chat-card .ai-chat-bubble{background:var(--ui-panel2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
body.shell-mode .ai-chat-message.from-user .ai-chat-bubble{background:var(--ui-bubble)!important;color:var(--ui-bubble-text)!important;border-color:color-mix(in srgb,var(--ui-bubble) 80%,var(--ui-text) 20%)!important}
body.shell-mode .ai-help,body.shell-mode .panel .v12-emotion-options,
body.shell-mode .panel .v9-glow-grid label,body.shell-mode .panel .chat,
body.shell-mode .panel .v8-meter{background:var(--ui-panel2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
body.shell-mode .panel button[aria-pressed=true],body.shell-mode .panel .grid button[aria-pressed=true],
body.shell-mode .panel .custom-grid button[aria-pressed=true],body.shell-mode .panel .v9-preset-row button[aria-pressed=true]{
  background:color-mix(in srgb,var(--ui-accent) 19%,var(--ui-panel))!important;
  border-color:var(--ui-accent)!important;color:var(--ui-text)!important;box-shadow:inset 0 0 0 1px var(--ui-accent)!important;
}
body.shell-mode .panel label,body.shell-mode .panel output{color:var(--ui-text)!important}
body.shell-mode .panel input[type=range],body.shell-mode input[type=checkbox]{accent-color:var(--ui-accent)!important}
body.shell-mode .ai-chat-sources a{color:var(--ui-accent)!important;border-color:var(--ui-border)!important}
body.shell-mode .ai-text-entry input::placeholder{color:var(--ui-muted)!important}
body.shell-mode .ai-chat-thread{border-color:var(--ui-border)!important;scrollbar-color:var(--ui-border) transparent}

.ai-theme-panel{padding:16px;border-radius:20px;border:1px solid var(--ui-border);display:grid;gap:15px}
.ai-theme-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ai-theme-presets button{display:flex;align-items:center;gap:9px;text-align:left;padding:10px 9px;border:1px solid var(--ui-border);background:var(--ui-panel2);color:var(--ui-text);font:inherit;font-size:12px;font-weight:680;border-radius:13px;min-height:53px;cursor:pointer}
.ai-theme-presets button[aria-pressed=true]{border-color:var(--ui-accent);outline:1px solid var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 15%,var(--ui-panel))}
.ai-theme-swatches{height:26px;width:42px;border-radius:9px;display:flex;flex:none;border:1px solid #80808066;background:linear-gradient(90deg,var(--sw1) 0 34%,var(--sw2) 34% 67%,var(--sw3) 67%)}
.ai-theme-divider{height:1px;background:var(--ui-border)}
.ai-theme-color-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ai-theme-color-fields label{min-width:0;font-size:12px;font-weight:650;color:var(--ui-text);display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px;border-radius:12px;border:1px solid var(--ui-border);background:var(--ui-panel2)}
.ai-theme-color-fields label:last-child{grid-column:span 2}
.ai-theme-color-fields input[type=color]{width:44px;height:31px;min-width:44px;border:0;padding:0;background:transparent;cursor:pointer}
.ai-theme-preview{padding:13px;border-radius:14px;background:var(--ui-panel2);border:1px solid var(--ui-border)}
.ai-theme-preview-title{font-size:11px;font-weight:700;color:var(--ui-muted);margin-bottom:10px}
.ai-theme-preview-bubbles{display:grid;gap:8px;font-size:12px}
.ai-theme-preview-bubbles span{display:block;max-width:85%;padding:10px 12px;background:var(--ui-panel);color:var(--ui-text);border-radius:14px 14px 14px 4px}
.ai-theme-preview-bubbles span:last-child{justify-self:end;border-radius:14px 14px 4px 14px;background:var(--ui-bubble);color:var(--ui-bubble-text)}
.ai-theme-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-theme-actions .ai-btn{padding:9px;font-size:12px;min-height:44px}
@media(max-width:480px){.ai-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:3px}.ai-settings-tabs button{font-size:10px!important;padding:11px 1px}.ai-theme-presets button{font-size:11px}}
.ai-avatar-test-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ai-avatar-test-buttons button{padding:11px 7px;border:1px solid var(--ui-border);background:var(--ui-panel2);color:var(--ui-text);font:inherit;font-size:12px;font-weight:650;border-radius:11px}
.ai-avatar-test-buttons button:active{background:var(--ui-accent);color:var(--ui-text-on-accent)}

/* Dynamic Facial Rig V1 — mobile-first local animation controls */
.ai-dynamic-panel{display:grid;gap:12px;border:1px solid var(--ui-border,#32574d);background:var(--ui-panel,#101c26);border-radius:16px;padding:16px;margin:0 0 14px;color:var(--ui-text,#effaf6)}
.ai-dynamic-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ai-dynamic-header strong{font-size:14px}
.ai-dynamic-header p,.ai-dynamic-description{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--ui-muted,#a2c1b9)}
.ai-dynamic-chip{font-size:10px;border-radius:20px;background:color-mix(in srgb,var(--ui-accent,#37d4b9) 18%,transparent);padding:5px 8px;white-space:nowrap;border:1px solid var(--ui-accent,#37d4b9)}
.ai-rig-intensity{display:grid;grid-template-columns:105px 1fr 45px;gap:10px;align-items:center;font-size:12px}
.ai-rig-intensity input{width:100%;accent-color:var(--ui-accent,#37d4b9)}
.ai-rig-intensity output{text-align:right;font-variant-numeric:tabular-nums}
.ai-dynamic-preview-title{font-size:12px;font-weight:750}
.ai-dynamic-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ai-dynamic-presets button{font:inherit;border:1px solid var(--ui-border,#375a51);color:var(--ui-text,#effaf6);background:var(--ui-panel2,#162c2b);border-radius:10px;padding:10px 4px;font-size:11px;min-height:40px;cursor:pointer}
.ai-dynamic-presets button:focus-visible{outline:2px solid var(--ui-accent,#37d4b9)}
.ai-dynamic-preview-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ai-dynamic-preview-actions span{color:var(--ui-muted,#a2c1b9);font-size:11px;line-height:1.45}
@media(max-width:380px){.ai-dynamic-presets{grid-template-columns:repeat(2,1fr)}.ai-dynamic-header{flex-direction:column;gap:4px}.ai-dynamic-preview-actions{align-items:stretch;flex-direction:column}}

/* Automous Dynamic Screen V2 */
.ai-screen-studio{border-color:color-mix(in srgb,var(--ui-accent,#37d4b9) 36%,var(--ui-border,#345951) 64%)}
.ai-screen-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ai-screen-presets button{min-height:44px;border-radius:10px;border:1px solid var(--ui-border,#345951);background:var(--ui-panel2,#19262c);color:var(--ui-text,#effaf6);font-size:12px;font-weight:650;cursor:pointer}
.ai-screen-presets button:focus-visible{outline:2px solid var(--ui-accent,#37d4b9);outline-offset:2px}
.ai-screen-prompt{display:grid;gap:7px}.ai-screen-prompt label{font-size:12px;font-weight:680;color:var(--ui-muted,#afc3bc)}
.ai-screen-prompt>div{display:flex;gap:8px}.ai-screen-prompt input{min-width:0;flex:1;padding:11px 12px;border-radius:10px;border:1px solid var(--ui-border,#345951);background:var(--ui-panel2,#19262c);color:var(--ui-text,#effaf6);font-size:12px}
.ai-screen-prompt button{min-width:78px}.ai-screen-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-screen-footer button{min-height:44px}
.ai-display-shortcuts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 3px;color:var(--ui-muted,#91b2ab);font-size:11px}
.ai-display-shortcuts button{border:1px solid var(--ui-border,#345951);padding:7px 12px;border-radius:999px;background:var(--ui-panel,#101c26);color:var(--ui-text,#effaf6);font-size:11px;font-weight:650;min-height:33px}
.ai-display-shortcuts button:hover,.ai-screen-presets button:hover{border-color:var(--ui-accent,#37d4b9)}

.ai-screen-media{display:grid;gap:6px}.ai-screen-media label{font-weight:680;font-size:12px;color:var(--ui-muted,#b3cec5)}
.ai-screen-media input{width:100%;border:1px dashed var(--ui-border,#375a51);padding:9px;border-radius:10px;background:var(--ui-panel2,#16272a);color:var(--ui-text,#effaf6);font-size:11px}
.ai-screen-media small{font-size:10px;color:var(--ui-muted,#b3cec5);line-height:1.4}