/* Shared personal appearance for the production workbench and administration. */
:root,:root[data-theme="light"]{
 --canvas:#f2f5fa;--surface:#ffffff;--sidebar:#e9eef5;--text:#1d2c40;
 --muted:#54667b;--subtle:#576980;--accent:#126579;--action:#126579;--action-hover:#0d5567;--action-text:#fff;
 --soft:#e5edf4;--line:#cbd7e4;--control-border:#b3c4d6;--selected:#dbeaf0;--selected-text:#125465;--history-icon:#567588;
 --badge:#e3eaf3;--scrollbar:#a5b5c8;--user-message:#e4edf4;--note-bg:#e9eff5;--note-border:#779bb0;--note-text:#465f71;
 --file-icon:#e4eff3;--video-bg:#e6ecf4;--video-border:#b8cadc;--video-text:#475e74;
 --composer-border:#aebfd2;--composer-shadow:#1229430b;--drag-bg:#eaf4f8;
 --focus-border:#126579;--focus-ring:#12657920;--placeholder:#5d6e81;--tool-text:#4a5d72;
 --attachment-bg:#eef3f8;--reference-bg:#e6f0f5;--dialog-shadow:#14253b22;--backdrop:#17294180;--input-border:#a9bcce;
 --surface-translucent:#ffffffeb;--header-bg:#f2f5faf5;--wallpaper-strength:.25;
}
:root[data-theme="dark"]{
 --canvas:#0b111b;--surface:#121d2b;--sidebar:#0e1724;--text:#e5eef8;
 --muted:#a4b6cc;--subtle:#98adc5;--accent:#50d4ec;--action:#50d4ec;--action-hover:#7bdfef;--action-text:#07131a;
 --soft:#1c2b3e;--line:#2a3c52;--control-border:#3b526b;--selected:#183648;--selected-text:#a1edfa;--history-icon:#83a8bd;
 --badge:#1a293b;--scrollbar:#3b536d;--user-message:#172c3e;--note-bg:#152639;--note-border:#478097;--note-text:#afc9dd;
 --file-icon:#1d384b;--video-bg:#101c2b;--video-border:#3a536d;--video-text:#b0c9e0;
 --composer-border:#3a536d;--composer-shadow:#00000028;--drag-bg:#183346;
 --focus-border:#50d4ec;--focus-ring:#50d4ec20;--placeholder:#99abc2;--tool-text:#b1c3d8;
 --attachment-bg:#19283a;--reference-bg:#182e41;--dialog-shadow:#00000066;--backdrop:#020812a8;--input-border:#47617d;
 --surface-translucent:#121d2bf2;--header-bg:#0b111bf5;
}
body{isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/tech-grid.svg');opacity:var(--wallpaper-strength)}
:root[data-background="solid"] body::before,:root[data-background="custom"] body::before{display:none}
#personal-wallpaper{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--wallpaper-strength);z-index:-1;pointer-events:none}
.sidebar{background:var(--sidebar);padding:24px 16px 18px}.brand{gap:10px;font-size:16px;padding:0 4px 18px;line-height:1.5}.brand img{width:40px;height:40px;object-fit:contain;flex:none}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}
.new-chat{border-color:var(--control-border);border-radius:7px;justify-content:flex-start;padding-left:18px}.new-chat>span{color:var(--accent)}.history-item{border:1px solid transparent;border-radius:6px}.history-item.active{border-color:var(--control-border);border-left:2px solid var(--accent)}.sidebar-bottom{border-top:1px solid var(--line);padding-top:18px}
.topbar{border-bottom:1px solid var(--line);background:var(--header-bg);min-height:76px}.header-actions{gap:5px}.prototype-badge{border-radius:3px}.icon-button,.theme-toggle{min-height:40px}.welcome{margin-top:clamp(48px,12vh,140px)}.welcome-mark img{width:90px;height:90px;object-fit:contain}.welcome h2{font-weight:600;letter-spacing:0;font-size:clamp(25px,2.6vw,36px);text-wrap:balance}.welcome .welcome-kicker{font-size:11px;color:var(--accent);margin:16px 0 10px}.welcome p{color:var(--muted)}
.composer{background:var(--surface-translucent);border-radius:10px;border-top:2px solid var(--accent);padding:18px}.send-button{border-radius:8px;width:40px;height:40px}.message.user{border:1px solid var(--line);border-radius:10px 10px 3px 10px}.message.assistant .message-body{padding:14px 16px;background:var(--surface-translucent);border:1px solid var(--line);border-radius:3px 10px 10px 10px}.output-modes{border-radius:7px}.output-mode>span{border-radius:4px}.job-card{border-top-color:var(--control-border)}
dialog{border-radius:12px;border-top:2px solid var(--accent)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;color:var(--muted)}.auth-brand img{width:42px;height:42px}.text-input{background:var(--canvas)}.primary{font-weight:600}
.appearance-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 11px;border:1px solid var(--control-border);border-radius:6px;font-size:12px;color:var(--text);white-space:nowrap}.appearance-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.appearance-open:disabled{opacity:.5}
#appearance-dialog{width:min(640px,calc(100vw - 28px));padding:0;max-height:calc(100dvh - 32px);overscroll-behavior:contain}#appearance-form{padding:24px}.appearance-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.appearance-heading h2{margin:0;font-size:21px}.appearance-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.appearance-section{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:22px 0 0;min-width:0}.appearance-section legend{font-size:13px;font-weight:600;padding:0 12px 0 0}.appearance-options{display:flex;flex-wrap:wrap;gap:10px}.appearance-choice{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid var(--control-border);border-radius:7px;padding:10px 14px;min-height:44px;background:var(--canvas);font-size:13px}.appearance-choice:has(input:checked){border-color:var(--accent);background:var(--selected);color:var(--selected-text)}.appearance-choice input{accent-color:var(--accent);width:16px;height:16px;min-height:0;margin:0;padding:0}.theme-sample{display:block;width:28px;height:23px;border-radius:3px;border:1px solid #7f92a9;box-shadow:inset 7px 0 #8094ab40}.sample-dark{background:#0b111b}.sample-light{background:#f2f5fa}.accent-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.accent-swatch{width:38px;height:38px;min-height:38px!important;border:3px solid var(--surface)!important;border-radius:50%!important;background:var(--swatch)!important;padding:0!important;box-shadow:0 0 0 1px var(--control-border)}.accent-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text)}.swatch-cyan{--swatch:#50d4ec}.swatch-blue{--swatch:#6fa4ff}.swatch-violet{--swatch:#b19bff}.swatch-amber{--swatch:#efbc65}.swatch-green{--swatch:#73d6ae}.custom-accent{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto}.custom-accent input{width:42px;height:38px;min-height:38px!important;padding:3px!important;border:1px solid var(--control-border);border-radius:6px;background:var(--surface)}#appearance-accent-value{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.appearance-help{font-size:12px!important;color:var(--muted);margin:12px 0 0}.background-preview{position:relative;margin-top:16px;min-height:94px;padding:18px;border:1px dashed var(--control-border);border-radius:7px;background:var(--canvas);display:flex;align-items:center;gap:18px}.background-preview img{width:100px;height:66px;object-fit:cover;border:1px solid var(--line);border-radius:5px}.background-preview p{font-size:12px;margin:0;color:var(--muted)}.background-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.background-buttons button{padding:6px 12px;border:1px solid var(--control-border);border-radius:6px;min-height:40px;font-size:12px}.strength-row{display:flex;align-items:center;gap:15px;margin-top:18px;font-size:12px}.strength-row input{flex:1;width:80px;min-width:40px;accent-color:var(--accent);padding:0!important;border:0!important}.strength-row output{min-width:34px;font-variant-numeric:tabular-nums}.appearance-footer{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.appearance-footer .dialog-actions{margin-top:0;gap:8px;flex-wrap:wrap}.appearance-footer .dialog-actions button{min-height:42px}.appearance-reset{margin-right:auto;color:var(--muted)}#appearance-error{font-size:12px;color:var(--danger);overflow-wrap:anywhere;margin:8px 0;min-height:20px}.appearance-message{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:8;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--control-border);border-radius:8px;padding:12px 16px;font-size:13px;box-shadow:0 8px 32px var(--dialog-shadow)}.appearance-message:empty{display:none}
.admin-header{background:var(--surface-translucent)}.admin-header .brand{font-size:16px}.admin-header-actions{gap:12px}.admin-heading h1{font-weight:600}.admin-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.count-card{border-radius:8px;border-top:2px solid var(--control-border);background:var(--surface-translucent)}.count-card strong{font-size:32px;font-weight:500;color:var(--accent)}.admin-nav{gap:8px;padding:10px;background:var(--surface-translucent);border:1px solid var(--line);border-radius:8px}.admin-body .admin-nav button{border-color:transparent;font-size:13px}.admin-nav [aria-current]{background:var(--action)}.admin-records{border-radius:8px}.admin-records th{background:var(--sidebar)}.admin-records tr:hover td{background:var(--soft)}.admin-filters{padding:18px;background:var(--surface-translucent);border:1px solid var(--line);border-radius:8px}.admin-body .empty-state{background:var(--surface-translucent)}
@media(max-width:760px){.topbar{padding:12px;gap:8px}.header-actions{gap:2px}.appearance-open{width:40px;padding:8px}.appearance-open>span{display:none}.title-group{gap:5px}.title-group h1{font-size:13px;max-width:26vw}.welcome-mark img{width:72px;height:72px}.welcome{margin-top:60px}.composer{padding:14px}.message.assistant .message-body{padding:12px}.admin-header{flex-wrap:wrap;gap:12px}.admin-header .brand{font-size:13px;gap:7px}.admin-header .brand img{width:30px;height:30px}.admin-header .brand small{display:none}.admin-header-actions{gap:8px}.admin-header-actions a{font-size:12px}.admin-body #admin-theme{font-size:12px;padding:6px}.admin-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body .count-card:last-child{grid-column:auto}.admin-main{padding:20px 14px}.admin-nav{gap:5px}.admin-body .admin-nav button{padding:8px 10px}.admin-body .appearance-open{padding:8px;min-height:40px}#appearance-form{padding:20px}.appearance-choice{padding:10px 11px}.custom-accent{margin-left:0}.appearance-footer .dialog-actions{gap:7px}.appearance-footer .dialog-actions button{padding:8px 12px}.background-preview{padding:12px;gap:12px}}
@media(max-width:380px){.admin-header-actions{width:100%;justify-content:flex-end}.header-actions .theme-toggle{width:34px}.header-actions .icon-button{width:32px}.title-group h1{max-width:22vw}.appearance-footer .appearance-reset{flex-basis:100%;text-align:left}.appearance-options{gap:8px}}

/* Original geometry and its pulses share one cover transform below the interface. */
:root,:root[data-theme="light"]{--glass-rgb:255 255 255;--glass-reading-rgb:248 251 255;--glass-shadow-rgb:30 61 90;--glass-alpha:.65;--bubble-alpha:.25;--glass-blur:18px;--glass-strength:.6;--glass-highlight-alpha:.408;--glass-shadow-alpha:.18;--glass-reading-alpha:0;--laser-color:#50d4ec;--laser-track-alpha:.3;--backdrop:#122c4a38}
:root[data-theme="dark"]{--glass-rgb:18 34 53;--glass-reading-rgb:11 22 36;--glass-shadow-rgb:0 6 15;--laser-track-alpha:.45;--backdrop:#030c186b}
:root{--glass:rgb(var(--glass-rgb) / var(--glass-alpha));--glass-strong:rgb(var(--glass-rgb) / max(.85,var(--glass-alpha)));--glass-side:rgb(var(--glass-rgb) / var(--glass-alpha));--glass-muted:rgb(var(--glass-reading-rgb) / max(.6,var(--glass-alpha)));--glass-edge:rgb(255 255 255 / max(.16,var(--glass-highlight-alpha)));--glass-shadow:rgb(var(--glass-shadow-rgb) / var(--glass-shadow-alpha))}
#personal-wallpaper{z-index:-3}
body::before{z-index:-2;background-size:72px 72px;opacity:calc(var(--wallpaper-strength) * .8)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('/assets/tech-space.svg') center/cover no-repeat;opacity:calc(var(--wallpaper-strength) * 1.8)}
:root[data-background="solid"] body::after,:root[data-background="custom"] body::after{display:none}
:root[data-laser-geometry-ready="true"] body::after{display:none}
#appearance-space-background,#appearance-lasers{position:fixed;inset:0;overflow:hidden;pointer-events:none;contain:strict}
#appearance-space-background{z-index:-2;opacity:calc(var(--wallpaper-strength) * 1.8)}
#appearance-space-background svg,.laser-geometry{display:block;width:100%;height:100%;pointer-events:none}
:root[data-background="solid"] #appearance-space-background,:root[data-background="custom"] #appearance-space-background{display:none}
:root[data-laser-enabled="true"] .space-static-geometry{display:none}
#appearance-lasers{z-index:-1;color:var(--laser-color);--laser-duration:inherit}
.laser-track,.laser-pulse{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.25}
.laser-track{opacity:var(--laser-track-alpha)}
.laser-node.laser-track{fill:currentColor;stroke:none}
.laser-pulse{stroke-width:2;stroke-dasharray:46 954;stroke-dashoffset:0;animation:laser-travel var(--laser-duration,12s) linear infinite;animation-delay:calc(var(--laser-duration,12s) * var(--laser-phase,0))}
@keyframes laser-travel{to{stroke-dashoffset:-1000}}
:root[data-laser-motion="paused"] .laser-pulse{animation-play-state:paused}
:root[data-laser-enabled="false"] .laser-pulse{animation:none}
@media(prefers-reduced-motion:reduce){.laser-pulse{animation-play-state:paused}}

/* Static frosted glass: all alpha is confined to container paint. */
.sidebar,.topbar,.admin-header,.composer,.count-card,.worker-section,.admin-nav,.admin-filters,.asset-card,.message.assistant .message-body,.message.user,.welcome,dialog,.appearance-message,.history-menu,.history-rename,.admin-records{
 background-color:rgb(var(--glass-rgb) / var(--glass-alpha));
 border-color:color-mix(in srgb,var(--control-border) 68%,transparent);
 backdrop-filter:blur(var(--glass-blur)) saturate(calc(100% + var(--glass-strength) * 45%));
 -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(calc(100% + var(--glass-strength) * 45%));
 box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--glass-highlight-alpha)),inset 0 -1px 0 rgb(255 255 255 / calc(var(--glass-highlight-alpha) * .2)),0 10px 32px rgb(var(--glass-shadow-rgb) / var(--glass-shadow-alpha));
}
.composer{border-radius:24px;border-top-color:var(--accent)}
.composer:focus-within{box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--glass-highlight-alpha)),0 0 0 1px var(--focus-border),0 10px 32px rgb(var(--glass-shadow-rgb) / var(--glass-shadow-alpha))}
.message.user{border-radius:24px 24px 8px 24px}.message.assistant .message-body{border-radius:24px 24px 24px 8px}
/* Message paint has its own transparency; text and media retain their opacity. */
.message.user,.message.assistant .message-body{
 background-color:rgb(var(--glass-rgb) / var(--bubble-alpha));
 border-color:color-mix(in srgb,var(--control-border) 55%,transparent);
 box-shadow:inset 1px 1px 0 rgb(255 255 255 / var(--glass-highlight-alpha)),inset -1px -1px 0 rgb(255 255 255 / calc(var(--glass-highlight-alpha) * .35)),0 4px 12px rgb(var(--glass-shadow-rgb) / calc(var(--glass-shadow-alpha) * .65)),0 16px 36px rgb(var(--glass-shadow-rgb) / var(--glass-shadow-alpha));
}
.message-body{text-shadow:0 1px 1px rgb(var(--glass-reading-rgb) / .95),0 -1px 1px rgb(var(--glass-reading-rgb) / .95),1px 0 1px rgb(var(--glass-reading-rgb) / .95),-1px 0 1px rgb(var(--glass-reading-rgb) / .95)}
.message-body :is(.job-cancel,.output-actions button){text-shadow:inherit}
.message-body :is(p,.job-card,.output-actions,.video-result>a,.audio-result>a){background-color:transparent;border-radius:0}
.message-body :is(.job-note,.message-note,.video-stage){color:var(--text)}
.message-body :is(.file-chip,.image-output,.video-result video,.audio-result audio){text-shadow:none}
.new-chat,.appearance-open,.appearance-choice,.background-preview,.output-modes{background:rgb(var(--glass-rgb) / max(.9,var(--glass-alpha)));border-color:var(--control-border)}
.history-item.active{background:var(--selected);box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--glass-highlight-alpha))}
.welcome{position:relative;width:min(630px,100%);padding:32px 24px 34px;border:1px solid var(--control-border);border-radius:28px;margin-top:clamp(40px,8vh,90px)}
.welcome-mark img{width:82px;height:82px}.welcome h2{margin:18px 0 16px}.welcome .welcome-kicker{margin-top:12px}
dialog{border-radius:24px;border-top-color:var(--accent)}dialog::backdrop{background:var(--backdrop)}
.count-card,.asset-card,.worker-section,.admin-nav,.admin-filters{border-radius:18px}.count-card{border-top:2px solid var(--accent)}.admin-records{border:1px solid var(--control-border);border-radius:18px}.admin-records table{background:transparent}.admin-records th{background:var(--sidebar)}.admin-body .empty-state{background:rgb(var(--glass-rgb) / var(--glass-alpha))}
/* At very high transparency, local text surfaces retain contrast over photos. */
.welcome h2,.welcome p,.topbar h1,.brand>span,.list-label,.sidebar-bottom,.composer textarea,.composer-footnote,.live-notice,.history-item:not(.active),.history-rename form,.history-menu button,.appearance-content,.appearance-footer,.admin-records tbody,.admin-heading>div,.admin-pagination,.admin-filters>label,.count-card>span,.count-card>strong,.asset-card h3,.asset-card p,.asset-card>a{
 background-color:rgb(var(--glass-reading-rgb) / var(--glass-reading-alpha));border-radius:6px;
}
.composer textarea{padding:6px;border-radius:10px}
.header-actions .icon-button,.header-actions .theme-toggle,#open-history,.attach-button,.character-count,.history-more,.rename-actions button:not(.primary){background-color:rgb(var(--glass-reading-rgb) / var(--glass-reading-alpha))}
:root[data-has-wallpaper="true"] :is(.image-shortcuts-heading span,.image-shortcuts-heading small,#image-shortcut-hint,.live-notice,.composer-footnote,.prototype-badge,.sample-label,#admin-status,.management-toolbar>span,#supervision-note,.admin-heading>div,.admin-pagination){background-color:rgb(var(--glass-reading-rgb) / max(.92,var(--glass-reading-alpha)));border-radius:6px}
/* Existing image tools share the same static blur setting and readable controls. */
:root .image-shortcuts-list button,:root .image-shortcuts-list a,:root #image-preview-dialog,:root #video-tools{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
:root .image-shortcuts-list button:not([aria-pressed="true"]),:root .image-shortcuts-list a{background-color:rgb(var(--glass-reading-rgb) / max(.75,var(--glass-alpha)))}
:root #image-preview-dialog{background-color:rgb(var(--glass-rgb) / var(--glass-alpha));border-radius:24px;box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--glass-highlight-alpha)),0 10px 32px rgb(var(--glass-shadow-rgb) / var(--glass-shadow-alpha))}
.image-preview-content,.image-preview-actions,.video-heading,#video-settings{background-color:rgb(var(--glass-reading-rgb) / var(--glass-reading-alpha));border-radius:8px}
:root[data-glass-enabled="false"] .image-shortcuts-list button,:root[data-glass-enabled="false"] .image-shortcuts-list a,:root[data-glass-enabled="false"] #image-preview-dialog,:root[data-glass-enabled="false"] #video-tools{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
:root[data-glass-enabled="false"] .sidebar,:root[data-glass-enabled="false"] .topbar,:root[data-glass-enabled="false"] .admin-header,:root[data-glass-enabled="false"] .composer,:root[data-glass-enabled="false"] .count-card,:root[data-glass-enabled="false"] .worker-section,:root[data-glass-enabled="false"] .admin-nav,:root[data-glass-enabled="false"] .admin-filters,:root[data-glass-enabled="false"] .asset-card,:root[data-glass-enabled="false"] .message.assistant .message-body,:root[data-glass-enabled="false"] .message.user,:root[data-glass-enabled="false"] .welcome,:root[data-glass-enabled="false"] dialog,:root[data-glass-enabled="false"] .appearance-message,:root[data-glass-enabled="false"] .history-menu,:root[data-glass-enabled="false"] .history-rename,:root[data-glass-enabled="false"] .admin-records{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background-color:var(--surface)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.topbar,.admin-header,.composer,.count-card,.worker-section,.admin-nav,.admin-filters,.asset-card,.message.assistant .message-body,.message.user,.welcome,dialog,.appearance-message,.history-menu,.history-rename,.admin-records,:root #image-preview-dialog,:root #video-tools{background-color:var(--surface)}}

/* The expanded settings scroll independently; save/cancel remain reachable. */
#appearance-dialog{overflow:hidden;border-radius:24px}
#appearance-form{display:flex;flex-direction:column;padding:0;max-height:calc(100dvh - 36px);min-height:0}
.appearance-content{padding:24px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar) transparent}
.appearance-footer{flex-shrink:0;margin:0;padding:14px 24px 18px;border-top:1px solid var(--line)}
.appearance-footer>.appearance-help{margin:0 0 8px}.appearance-footer .dialog-actions{margin:0}.appearance-footer #appearance-error:empty{display:none}
.effect-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.effect-toggle input{width:18px;height:18px;accent-color:var(--accent);flex:none}.laser-color{justify-content:flex-start;margin:12px 0 0}.laser-color span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.strength-row{gap:12px}.strength-row input{min-width:0}.strength-row output{flex:none;min-width:44px;text-align:right}
@media(max-width:760px){
 .welcome{margin:34px auto;padding:26px 16px;max-width:490px;border-radius:22px}.welcome-mark img{width:66px;height:66px}.welcome h2{font-size:26px}.welcome p{font-size:13px}.welcome .connection-note{margin-top:16px!important}.conversation-scroll{padding-inline:16px}
 .composer{border-radius:20px}.message.user,.message.assistant .message-body{border-radius:20px}
 .header-actions .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;flex:none}.header-actions .appearance-open{width:44px;min-height:44px}
 #appearance-dialog{width:calc(100vw - 24px);border-radius:20px;max-height:calc(100dvh - 24px)}#appearance-form{max-height:calc(100dvh - 28px)}.appearance-content{padding:18px 16px}.appearance-footer{padding:12px 16px 16px}.appearance-footer .dialog-actions button{min-height:44px}
 .strength-row{font-size:11px;gap:8px}.strength-row output{min-width:40px}.appearance-choice{min-height:44px}.appearance-heading h2{font-size:19px}.appearance-heading .icon-button{min-width:44px;min-height:44px}
}
@media(max-width:380px){.appearance-footer .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.appearance-footer .appearance-reset{grid-column:1/-1;margin:0;text-align:center}.appearance-footer .dialog-actions button{padding:8px}.appearance-options{gap:7px}.appearance-choice{padding:9px}}