.admin-main>.admin-content.assistant-appearance-view{display:block;min-width:0;min-height:0;height:100%;max-height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.assistant-settings{color:var(--text,#252927);background:var(--surface,#fff);border:1px solid var(--line,#e4e3df);border-radius:20px;padding:24px;max-width:1240px;margin:auto}.assistant-settings *{box-sizing:border-box}.assistant-settings button,.assistant-settings input{font:inherit}.assistant-settings button{cursor:pointer;border:1px solid var(--line,#dcdcd5);border-radius:10px;padding:10px 16px;color:inherit;background:var(--surface,#fff)}.assistant-settings button:disabled{opacity:.5;cursor:default}.assistant-settings button:focus-visible,.assistant-settings input:focus-visible{outline:3px solid #96000455;outline-offset:3px}.assistant-settings-intro{display:flex;gap:16px;align-items:start;justify-content:space-between}.assistant-settings h2{margin:0 0 8px;font-size:23px}.assistant-settings p{line-height:1.9}.assistant-settings-intro p{margin:0;color:var(--muted,#727770);max-width:650px}.assistant-settings-badge{white-space:nowrap;padding:7px 11px;border-radius:99px;color:#665648;background:#f4eee6;font-size:12px}.assistant-settings-contexts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.assistant-settings [aria-pressed=true]{background:#252927;color:#fff;border-color:#252927}.assistant-settings-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:28px}.assistant-settings-fields h3{font-size:19px;margin:0}.assistant-settings-fields>p{font-size:13px;color:var(--muted,#727770);margin:7px 0 20px}.assistant-settings fieldset{border:0;padding:0;margin:0;min-width:0}.assistant-settings-caption{display:grid;gap:8px;font-weight:600}.assistant-settings input[type=text],.assistant-settings-caption input{width:100%;min-height:46px;border:1px solid #d6d8d2;border-radius:10px;padding:10px 12px;background:var(--surface,#fff);color:inherit}.assistant-settings-caption small{font-size:11px;font-weight:400;color:var(--muted,#727770)}.assistant-settings-size{margin-top:24px}.assistant-settings-size>label{display:flex;justify-content:space-between;gap:8px;font-weight:600}.assistant-settings-size>label span{font-size:12px;font-weight:400;color:var(--muted,#727770)}.assistant-settings-size>div{display:flex;gap:16px;align-items:center;margin-top:10px}.assistant-settings-size input[type=number]{width:88px;min-height:44px;border:1px solid #d6d8d2;border-radius:10px;padding:8px;text-align:center;background:var(--surface,#fff);color:inherit;direction:ltr}.assistant-settings-size input[type=range]{min-width:0;flex:1;accent-color:#960004;direction:ltr}.assistant-settings-hint{font-size:12px;color:var(--muted,#727770);margin-top:20px}.assistant-settings-device{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.assistant-settings-device button{padding:7px 18px;font-size:13px}.assistant-settings-preview{overflow:hidden;border:1px solid #d8d5ce;border-radius:14px;background:#f3f0e9;color:#252927;margin:0 auto;max-width:100%;width:100%}.assistant-settings-preview.is-mobile{width:360px}.assistant-settings-preview-top{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0ddd5;color:#706e66;font-size:12px}.assistant-settings-preview-canvas{min-height:460px;display:flex;align-items:end;justify-content:center;padding:18px 8px 22px;background-image:linear-gradient(#d7d3ca38 1px,transparent 1px),linear-gradient(90deg,#d7d3ca38 1px,transparent 1px);background-size:24px 24px}.assistant-settings-preview-artwork{position:relative;width:var(--preview-size);height:var(--preview-size)}.assistant-settings-preview-robot{display:block;width:100%;height:100%;background:transparent;pointer-events:none}.assistant-settings-preview-bubble{position:absolute;width:var(--preview-bubble-width);height:var(--preview-bubble-height);bottom:calc(100% - var(--preview-bubble-overlap,4px));left:50%;transform:translate(-50%);color:#960004;font-size:var(--preview-caption-size);font-weight:700;line-height:1.5}.assistant-settings-preview-bubble svg{position:absolute;inset:0;width:100%;height:100%;fill:#fffdf9;stroke:#2c3035;stroke-width:2.4;stroke-linejoin:round;filter:drop-shadow(0 3px 2px #25292724)}.assistant-settings-preview-bubble>span{position:absolute;inset:7% 9% 30%;display:grid;place-items:center;text-align:center;overflow-wrap:anywhere}.assistant-settings-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--line,#e4e3df);padding-top:22px;margin-top:26px}.assistant-settings-actions .assistant-settings-save{background:#960004;color:#fff;border-color:#960004}.assistant-settings-actions>span{font-size:12px;color:var(--muted,#727770);margin-inline-start:auto}.assistant-settings-error,.assistant-settings-notice{padding:12px 16px;border-radius:10px}.assistant-settings-error{background:#9600040a;color:#960004}.assistant-settings-notice{background:#e9f6ee;color:#205e38}@media(max-width:900px){.assistant-settings-layout{grid-template-columns:1fr}.assistant-settings-preview-column{min-width:0}}@media(max-width:600px){.assistant-settings{padding:16px;border-radius:14px}.assistant-settings-intro{display:block}.assistant-settings-badge{display:inline-block;margin-top:10px}.assistant-settings-contexts button{flex:1;padding-inline:8px}.assistant-settings-preview-canvas{min-height:460px}.assistant-settings-actions>button{flex:1}.assistant-settings-actions>span{width:100%;margin:0}.assistant-settings h2{font-size:20px}}.assistant-settings-preview{overflow:auto}.assistant-settings-preview-canvas{min-height:max(460px,calc(var(--preview-size) + var(--preview-bubble-height) + 40px));min-width:calc(var(--preview-size) + 16px)}.assistant-settings-enabled{display:flex;gap:12px;align-items:center;padding:14px;background:var(--surface-soft,#f4f3ef);border-radius:12px;margin-bottom:22px;cursor:pointer}.assistant-settings-enabled input{width:22px;height:22px;accent-color:#960004;flex-shrink:0}.assistant-settings-enabled span{display:flex;gap:12px;align-items:center;justify-content:space-between;flex:1}.assistant-settings-enabled strong{font-size:12px}.assistant-settings-preview-off{align-self:center;text-align:center;display:grid;gap:12px;padding:30px;max-width:320px;color:#706e66;line-height:1.9}.assistant-settings-preview-off strong{color:#252927}.assistant-settings-layout>*{min-width:0}.assistant-settings-device-settings{margin-top:20px;padding:16px;border:1px solid var(--line,#e4e3df);border-radius:12px}.assistant-settings-device-settings>.assistant-settings-enabled{padding:0;margin:0;background:transparent}.assistant-settings-device-settings .assistant-settings-size{margin-top:16px}.assistant-settings-audience{display:grid;gap:8px;margin-bottom:22px;font-weight:600}.assistant-settings-audience select{width:100%;min-width:0;min-height:46px;padding:10px 12px;font:inherit;border:1px solid #d6d8d2;border-radius:10px;background:var(--surface,#fff);color:inherit}.assistant-settings-audience select:focus-visible{outline:3px solid #96000455;outline-offset:3px}.assistant-settings-audience small{font-size:11px;font-weight:400;color:var(--muted,#727770)}.assistant-settings-preview-role>span{display:block;text-align:center;margin-bottom:7px;font-size:12px;color:var(--muted,#727770)}.assistant-settings-preview-top{gap:12px;flex-wrap:wrap}@media(min-width:901px){.assistant-settings-preview-column{position:sticky;top:0;align-self:start}}@media(max-width:600px){.assistant-settings-device-settings{padding:14px}.assistant-settings-enabled span{flex-wrap:wrap;gap:4px 10px}.assistant-settings-device-settings .assistant-settings-size>div{gap:10px}.assistant-settings-device-settings input[type=number]{width:76px}}
