:root{--ui-accent:#337f71;--ui-font:14px;--ui-radius:16px;--ui-spacing:18px;--ui-image-height:320px;--ui-bg:#fff;--ui-card:#f4f7f6;--ui-text:#252b29;--ui-muted:#64756f;--ui-border:#e0e7e4}
:root[data-theme=dark]{--ui-bg:#18211f;--ui-card:#25312d;--ui-text:#e6ede9;--ui-muted:#adbdb4;--ui-border:#43554b}
body,main,header,#panel-info,dialog,.composer-area form{background:var(--ui-bg);color:var(--ui-text)}
.message .content,.embedded .message .content,textarea{font-size:var(--ui-font);color:var(--ui-text)}
.message,.embedded .message{margin-bottom:var(--ui-spacing)}
.message.user .content,.composer-area form,.embedded .composer-area form,.result-image,.delivery-card{border-radius:var(--ui-radius)}
.message.user .content,.delivery-card{background:var(--ui-card)}
#submit,#appearance-save{background:var(--ui-accent);color:#fff}
.reply-actions button,.download-links a{color:var(--ui-accent)}
.result-image{max-height:var(--ui-image-height);border-color:var(--ui-border)}
.hide-customer-id #chat-source,.hide-ui-tips .fineprint{display:none}
#assistant-name{font-size:11px;color:var(--ui-muted);margin-bottom:4px;display:block}
#appearance-open{margin-left:8px}#appearance-dialog{padding:20px;max-height:90vh;overflow-y:auto;width:calc(100% - 24px);max-width:520px;border-color:var(--ui-border)}
#appearance-dialog h2{font-size:19px}#appearance-dialog p{color:var(--ui-muted);line-height:1.6}
#ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ui-fields label{font-size:12px;min-width:0}
#ui-fields input,#ui-fields select{display:block;width:100%;margin:5px 0 0;padding:8px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-bg);color:var(--ui-text)}
#ui-fields input[type=checkbox]{width:auto;display:inline-block;margin-left:8px}#ui-fields input[type=color]{height:35px;padding:3px}
#ui-preview{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:var(--ui-spacing);margin:16px 0;font-size:var(--ui-font)}
.ui-sample-user{background:var(--ui-card);margin:var(--ui-spacing) 0 var(--ui-spacing) 24px;padding:10px;border-radius:var(--ui-radius)}
.ui-sample-reply{color:var(--ui-accent);margin-bottom:var(--ui-spacing)}#ui-preview textarea{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:8px;box-sizing:border-box}#ui-preview small{font-size:10px;color:var(--ui-muted)}
.ui-buttons,.ui-presets{display:flex;gap:8px;flex-wrap:wrap}.ui-buttons{justify-content:flex-end}.ui-buttons button,.ui-presets button{border:1px solid var(--ui-border);background:var(--ui-card);color:var(--ui-text);padding:7px 12px;border-radius:7px}
@media(max-width:360px){#ui-fields{grid-template-columns:1fr}#appearance-dialog{padding:14px}}
.ui-buttons{position:sticky;bottom:-20px;background:var(--ui-bg);padding:12px 0;margin-bottom:0}
:root[data-theme=dark] .heading strong,:root[data-theme=dark] .welcome h1,:root[data-theme=dark] #delivery-mode,:root[data-theme=dark] #chat-title{color:var(--ui-text)}
:root[data-theme=dark] header select,:root[data-theme=dark] #panel-info button,:root[data-theme=dark] aside{background:var(--ui-card);color:var(--ui-text);border-color:var(--ui-border)}