/* Fixed preview, three compact panels, and message-only wallpaper layers. */
#page-roleplay.rp-chat-open .rp-chat-layout{position:relative;isolation:isolate}
.rp-chat-wallpaper{display:var(--rp-wall-display,none);position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.rp-chat-wallpaper-image{position:absolute;inset:-28px;background:var(--rp-wall-background,none);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(var(--rp-wall-blur,0px))}
.rp-chat-wallpaper-dim{position:absolute;inset:0;background:#000;opacity:var(--rp-wall-dim,0)}
#page-roleplay.rp-chat-open .rp-chat-messages{position:relative;z-index:1;background:transparent}
#page-roleplay.rp-chat-open .rp-history-bar{position:relative;z-index:1}
#page-roleplay.rp-chat-open .rp-composer,#page-roleplay.rp-chat-open .rp-chat-tools{position:relative;z-index:2}
#page-roleplay[data-rp-view="appearance"],.rpa-tools-sheet{--rpa-bg:#f3f1ed;--rpa-surface:#fff;--rpa-soft:#f7f5f2;--rpa-fill:#e7e3de;--rpa-line:#14121014;--rpa-ink:#141210;--rpa-dim:#6b6560;--rpa-muted:#a8a19b;--rpa-danger:#c04040;color:var(--rpa-ink)}
#page-roleplay[data-rp-view="appearance"]{--rp-paper:var(--rpa-bg);--rp-ink:var(--rpa-ink);--rp-muted:var(--rpa-muted);background:var(--rpa-bg)}
#page-roleplay[data-rp-view="appearance"]>.rp-header{width:min(480px,100%);box-sizing:border-box;margin:0 auto;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px;min-height:calc(56px + env(safe-area-inset-top,0px));border:0;border-radius:0;background:var(--rpa-bg);gap:6px}
#page-roleplay[data-rp-view="appearance"] .rp-header h1{font-size:18px;font-weight:700;letter-spacing:0}
#page-roleplay[data-rp-view="appearance"] .rp-header-back{width:34px;min-width:34px;height:38px;margin-left:-6px;border:0;background:none;color:var(--rpa-ink);border-radius:50%}
#page-roleplay[data-rp-view="appearance"] .rp-exit{display:none}
#page-roleplay[data-rp-view="appearance"] #rp-content.rp-appearance-editor{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;width:min(480px,100%);max-width:480px;margin:0 auto;padding:0!important;border-radius:0;overflow:hidden;background:var(--rpa-bg)}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-preview{position:relative;flex-shrink:0;box-sizing:border-box;height:clamp(130px,25dvh,208px);margin:0 16px 10px;border:1px solid var(--rpa-line);border-radius:18px;background:var(--rpa-soft);overflow:hidden}
#page-roleplay[data-rp-view="appearance"] #rp-css-preview{width:100%;height:100%;border:0;background:var(--rpa-soft)}
#page-roleplay[data-rp-view="appearance"] .rp-preview-toolbar{position:absolute;top:8px;right:8px;z-index:2;padding:0;border:0;min-height:0;background:none;display:block}
#page-roleplay[data-rp-view="appearance"] .rp-preview-toolbar button{font-size:11px;font-weight:600;padding:4px 9px;min-height:26px;border:0;border-radius:12px;background:#0009;color:#fff;backdrop-filter:blur(6px)}
.rpa-main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 16px 18px;scroll-padding-block:12px}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 14px;border-radius:14px;background:var(--rpa-surface);margin:0 0 14px;color:var(--rpa-ink);font-size:15px;line-height:1.5}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch small{display:block;font-size:12px;color:var(--rpa-muted);margin-top:2px}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch input{appearance:none;-webkit-appearance:none;position:relative;width:46px;height:28px;flex:0 0 46px;margin:0;background:var(--rpa-fill);border:0;border-radius:14px;cursor:pointer}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch input::after{position:absolute;top:3px;left:3px;width:22px;height:22px;margin:0;box-shadow:0 1px 3px #0004;background:#fff}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch input:checked{background:var(--rpa-ink)}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-switch input:checked::after{transform:translateX(18px)}
.rpa-tabs,#page-roleplay[data-rp-view="appearance"] .rp-tabs{display:flex;gap:0;min-height:36px;background:var(--rpa-fill);border-radius:11px;padding:3px;margin:0 0 16px;border:0;box-sizing:border-box}
.rpa-tabs button,#page-roleplay[data-rp-view="appearance"] .rp-tabs button{flex:1;padding:7px 0;min-height:32px;border:0;border-radius:8px;background:none;color:var(--rpa-muted);font:inherit;font-size:14px;font-weight:500}
.rpa-tabs [aria-selected="true"],#page-roleplay[data-rp-view="appearance"] .rp-tabs [aria-selected="true"]{background:var(--rpa-surface);color:var(--rpa-ink);font-weight:600;box-shadow:0 1px 4px #00000014}
.rpa-off-wrap[inert]{opacity:.4;pointer-events:none}
.rpa-section{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--rpa-muted);margin:20px 4px 8px;line-height:1.5}.rpa-section:first-child{margin-top:0}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-builtins{gap:10px;margin:0 0 20px}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-builtins>button{font:inherit;font-size:13px;line-height:1.6;color:var(--rpa-dim);background:none;padding:0;border:0}
#page-roleplay[data-rp-view="appearance"] .rp-skin-swatch{height:76px;border:2px solid transparent;box-shadow:0 0 0 1px var(--rpa-line);border-radius:14px;margin-bottom:6px;padding:12px 10px;gap:6px;box-sizing:border-box}
#page-roleplay[data-rp-view="appearance"] .rp-skin-swatch i{height:14px;width:60%;border-radius:7px}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-builtins [aria-pressed="true"]{color:var(--rpa-ink);font-weight:600}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-builtins [aria-pressed="true"]>.rp-skin-swatch{border-color:var(--rpa-ink)}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-presets{background:var(--rpa-surface);border-radius:14px;overflow:hidden}
.rpa-empty{font-size:14px;color:var(--rpa-muted);padding:15px 14px;margin:0}
#page-roleplay[data-rp-view="appearance"] .rp-preset-row{position:relative;min-height:52px;padding:8px 14px;gap:7px;border:0;box-sizing:border-box}
#page-roleplay[data-rp-view="appearance"] .rp-preset-row+.rp-preset-row::before{content:'';position:absolute;top:0;left:14px;right:0;height:1px;background:var(--rpa-line)}
#page-roleplay[data-rp-view="appearance"] .rp-preset-row>span{font-size:15px;font-weight:500}
#page-roleplay[data-rp-view="appearance"] .rp-preset-row .rp-action{border:0;border-radius:15px;background:var(--rpa-soft);font:inherit;font-size:13px;padding:6px 13px;min-height:32px}
#page-roleplay[data-rp-view="appearance"] [data-appearance="delete-preset"]{color:var(--rpa-danger)}
#page-roleplay[data-rp-view="appearance"] .rp-preset-save{box-sizing:border-box;display:flex;gap:8px;margin:8px 0 0;padding:10px 12px;border-radius:14px;background:var(--rpa-surface)}
#page-roleplay[data-rp-view="appearance"] .rp-preset-save input{border:0;border-radius:10px;background:var(--rpa-soft);font:inherit;font-size:16px;min-width:0;min-height:38px;padding:0 12px}
#page-roleplay[data-rp-view="appearance"] .rp-preset-save button{font:inherit;font-size:13px;white-space:nowrap;padding:0 16px;min-height:38px;border:0;border-radius:15px;background:var(--rpa-ink);color:var(--rpa-bg)}
.rpa-wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rpa-wall-grid button{position:relative;display:grid;place-items:center;aspect-ratio:3/4;min-width:0;border:2px solid transparent;border-radius:12px;box-shadow:0 0 0 1px var(--rpa-line);background:var(--rpa-surface);background-position:center;background-size:cover;color:var(--rpa-muted)}
.rpa-wall-grid [aria-pressed="true"]{border-color:var(--rpa-ink)}
.rpa-wall-grid [aria-pressed="true"]::after{content:'✓';position:absolute;right:5px;bottom:5px;width:16px;height:16px;border-radius:50%;font-size:12px;line-height:16px;text-align:center;background:var(--rpa-ink);color:var(--rpa-bg)}
.rpa-group{border-radius:14px;overflow:hidden;background:var(--rpa-surface)}
.rpa-slide{display:block;padding:12px 14px}
.rpa-slide+.rpa-slide{border-top:1px solid var(--rpa-line)}
.rpa-slide>span{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:6px;color:var(--rpa-ink)}
.rpa-slide output{color:var(--rpa-muted);font-variant-numeric:tabular-nums}
.rpa-slide input{width:100%;margin:0;accent-color:var(--rpa-ink)}
#page-roleplay[data-rp-view="appearance"] #rp-css-input{box-sizing:border-box;display:block;width:100%;height:190px;min-height:190px;padding:13px 14px;border:0;border-radius:14px;background:var(--rpa-surface);color:var(--rpa-ink);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;white-space:pre}
#page-roleplay[data-rp-view="appearance"] .rp-note{font-size:12px;line-height:1.55;color:var(--rpa-muted);margin:7px 4px 0}
.rpa-more{display:flex;align-items:center;width:100%;text-align:left;gap:12px;border:0;border-radius:14px;margin-top:12px;min-height:65px;padding:12px 14px;background:var(--rpa-surface);color:var(--rpa-ink)}
.rpa-more>span:first-child{flex:1}.rpa-more strong{display:block;font:inherit;font-size:15px;font-weight:500}.rpa-more small{display:block;font-size:12px;color:var(--rpa-muted);margin-top:3px}.rpa-more>span:last-child{font-size:25px;color:var(--rpa-muted)}
#page-roleplay[data-rp-view="appearance"] .rp-css-reference{background:var(--rpa-surface);border-radius:14px;padding:0;margin:8px 0 0;overflow:hidden}
#page-roleplay[data-rp-view="appearance"] .rp-css-reference summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:15px;min-height:50px;padding:13px 14px;color:var(--rpa-ink);box-sizing:border-box}
.rp-css-reference summary::-webkit-details-marker{display:none}
#page-roleplay[data-rp-view="appearance"] .rp-css-reference summary::after{content:'';margin-left:auto;flex-shrink:0;width:8px;height:8px;border:solid var(--rpa-muted);border-width:0 2px 2px 0;transform:rotate(45deg)}
#page-roleplay[data-rp-view="appearance"] .rp-css-reference[open] summary::after{transform:rotate(-135deg)}
#page-roleplay[data-rp-view="appearance"] .rp-css-reference p{padding:0 14px;font-size:12px;line-height:1.8}
#page-roleplay[data-rp-view="appearance"] #rp-css-example-source{box-sizing:border-box;min-height:190px;max-height:40dvh;width:calc(100% - 28px);margin:12px 14px 14px;border:0;background:var(--rpa-soft)}
#page-roleplay[data-rp-view="appearance"] #rp-css-status{flex-shrink:0;color:var(--rpa-danger);padding:6px 16px;font-size:12px;line-height:1.6}
#page-roleplay[data-rp-view="appearance"] #rp-css-status:not([data-error="true"]){display:none}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-footer{flex-shrink:0;box-sizing:border-box;display:flex;gap:10px;margin:0;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--rpa-bg) 30%)}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-footer .rp-action{flex:1;min-height:48px;border:0;border-radius:14px;font:inherit;font-size:15px;font-weight:600;background:var(--rpa-surface);color:var(--rpa-dim);padding:10px}
#page-roleplay[data-rp-view="appearance"] .rp-appearance-footer [data-appearance="apply"]{flex:2;background:var(--rpa-ink);color:var(--rpa-bg)}
.rpa-tools-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:480px;max-height:90dvh;box-sizing:border-box;padding:0 12px max(14px,env(safe-area-inset-bottom,0px));margin:0 auto;border:0;background:transparent;font-family:var(--global-font-family,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif)}
.rpa-tools-sheet::backdrop{background:#0006}.rpa-tools-sheet>div{border-radius:16px;overflow:hidden;margin-bottom:8px;background:var(--rpa-surface)}
.rpa-tools-sheet button{display:block;width:100%;box-sizing:border-box;padding:15px;min-height:52px;border:0;background:var(--rpa-surface);color:var(--rpa-ink);font:inherit;font-size:16px;text-align:center}
.rpa-tools-sheet>div>button+button{border-top:1px solid var(--rpa-line)}
.rpa-tools-sheet [data-appearance-tool="reset-scope"]{color:var(--rpa-danger)}
.rpa-tools-sheet>button{border-radius:16px;font-weight:600}
[data-theme="dark"] #page-roleplay[data-rp-view="appearance"],[data-theme="dark"] .rpa-tools-sheet{--rpa-bg:#111010;--rpa-surface:#1c1a19;--rpa-soft:#252220;--rpa-fill:#35312e;--rpa-line:#ffffff14;--rpa-ink:#eee9e4;--rpa-dim:#a09893;--rpa-muted:#827b74;--rpa-danger:#e06a6a}
@media(max-height:500px){#page-roleplay[data-rp-view="appearance"] .rp-appearance-preview{height:110px}#page-roleplay[data-rp-view="appearance"]>.rp-header{min-height:44px;padding-top:3px;padding-bottom:3px}#page-roleplay[data-rp-view="appearance"] .rp-appearance-footer{padding-block:7px}#page-roleplay[data-rp-view="appearance"] .rp-appearance-footer .rp-action{min-height:42px}}