/* Appearance controls are independent from the production UI and API client. */
body{font-family:var(--app-font,"Hiragino Maru Gothic ProN",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif)}
select{font:inherit;color:inherit}select:focus-visible{outline:2px solid var(--pink-deep);outline-offset:3px}
.main-area{isolation:isolate}.page{position:relative;z-index:1}
.wallpaper-layer{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--custom-wallpaper,none);background-size:var(--wallpaper-fit,cover);background-position:center;background-repeat:no-repeat;opacity:var(--wallpaper-opacity,.6);filter:blur(var(--wallpaper-blur,0px))}
html[data-wallpaper="custom"] .paper,html[data-wallpaper="custom"][data-material="glass"] .message-scroll{background:transparent}
html[data-wallpaper="custom"] .day-stamp{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;background:#fff9fbe8;border-radius:7px;padding:3px 7px}
html[data-wallpaper="custom"] .chat-endmark,html[data-wallpaper="custom"] .page-note{background:#fff9fbd9;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;border-radius:7px;padding:3px 9px}
.has-custom-avatar{overflow:hidden!important}.has-custom-avatar>svg{display:none!important}.custom-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;flex-shrink:0}
.sidebar-conversations button>.sidebar-avatar{width:33px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.sidebar-avatar .bunny{width:33px;height:36px}
.appearance-panel{width:400px;padding:25px;scrollbar-width:thin;overscroll-behavior:contain}.appearance-panel .sheet-intro{margin:8px 0 17px}.appearance-panel .sheet-header h2{font-size:20px}
#appearance-controls{margin:0;padding:0;border:0;min-width:0}.appearance-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;border-radius:12px;background:#f3ebf0;gap:3px;margin-bottom:22px;position:sticky;top:-1px;z-index:2}.appearance-tabs button{min-height:37px;border-radius:9px;font-size:12px;padding:7px 3px;white-space:nowrap}.appearance-tabs [aria-selected="true"]{background:#fffafd;color:#97617f;box-shadow:0 2px 5px #775c7510}
.appearance-tab-panel{min-height:280px;outline-offset:4px}.field-label{display:block;font-size:12px;margin-bottom:9px;font-weight:500}.appearance-panel select{width:100%;min-width:0;min-height:42px;font-size:16px;border:1px solid #e8dce4;border-radius:10px;padding:8px 10px;background:#fffafd}.appearance-panel .field-note{font-size:11px;line-height:1.8;margin:9px 0 17px;overflow-wrap:anywhere}.appearance-panel .sheet-footnote{font-size:10px;line-height:1.8;margin-top:9px}
.font-specimen{padding:19px 18px;margin:19px 0 23px;border:1px solid #eedfe7;border-radius:15px;background:var(--card);text-align:center}.font-specimen>span{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em}.font-specimen p{font-size:var(--font-size);line-height:1.9;margin:12px 0}.font-specimen small{font-size:11px;color:var(--muted)}
.asset-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-button{min-height:40px;border:1px solid #e8cedd;background:var(--pink);border-radius:10px;padding:9px 15px;font-size:12px;color:#805d74}.asset-remove{min-height:36px;padding:6px 2px;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:var(--muted)}.asset-name{font-size:10px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:9px 0 0}
.avatar-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.avatar-card{display:flex;flex-direction:column;align-items:center;min-width:0;background:#fbf4f8;border:1px solid #efe2eb;border-radius:16px;padding:18px 9px 12px}.avatar-card strong{font-size:12px;font-weight:500;margin:10px 0 13px}.custom-avatar-preview{width:68px;height:68px;border-radius:50%;border:1px solid #eddee8;background:#fffbfd;display:grid;place-items:center}.custom-avatar-preview .bunny{width:59px;height:62px}.avatar-card .asset-remove{margin-top:3px}.avatar-card .asset-name{font-size:9px;margin-top:0}
.wallpaper-preview{position:relative;isolation:isolate;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid #eee1e9;background:var(--page);border-radius:15px;overflow:hidden;margin-bottom:16px;padding:15px}.wallpaper-preview:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--custom-wallpaper,radial-gradient(circle,#d7cbd5 1px,transparent 2px));background-size:var(--wallpaper-fit,cover);background-position:center;background-repeat:no-repeat;opacity:var(--wallpaper-opacity,.6);filter:blur(var(--wallpaper-blur,0px))}.wallpaper-preview>span{font-size:13px}.wallpaper-preview>small{font-size:10px;color:var(--muted)}.wallpaper-preview.has-wallpaper>span,.wallpaper-preview.has-wallpaper>small{background:#fff9fbe6;border-radius:6px;padding:3px 7px}#wallpaper-adjustments{margin-top:23px}#wallpaper-fit{margin-bottom:20px}
.appearance-feedback{font-size:11px;line-height:1.7;text-align:center;color:#886d7f;margin:20px 0 0;padding:10px 9px;border-radius:10px;background:#f7eff4;overflow-wrap:anywhere}.appearance-feedback[data-error="true"]{background:#fff0ec;color:#8d493d}.appearance-panel input[type="range"]{min-height:22px}.appearance-panel .setting-row p{font-size:10px}
@media(max-width:760px){.appearance-panel{width:calc(100% - 24px);max-width:420px;max-height:calc(var(--visible-height,100dvh) - 24px);margin:auto auto max(12px,env(safe-area-inset-bottom));padding:22px}.appearance-tab-panel{min-height:260px}}
@media(max-width:350px){.appearance-panel{padding:18px}.avatar-cards{gap:9px}.avatar-card .upload-button{padding:8px 10px}.appearance-panel .sheet-header h2{font-size:18px}.appearance-tabs{gap:1px}}