.settings-hub{max-width:760px;margin:auto;display:grid;gap:20px}.settings-hub .panel{padding:18px 22px}.settings-hub h2{font-size:18px;margin:0 0 8px}.settings-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}.settings-entry>span{display:grid;gap:3px;min-width:0}.settings-entry strong{font-size:17px}.settings-entry>span>span{color:var(--muted);font-size:14px}.settings-entry:hover strong{text-decoration:underline}.settings-entry>.ui-icon{flex-shrink:0}.settings-detail{max-width:760px;margin:auto;padding:24px;display:grid;gap:16px}.settings-detail .form-field{margin:0}.settings-detail .form-actions{flex-wrap:wrap}.settings-detail output{float:right;color:var(--muted)}.settings-check{display:flex;align-items:center;gap:12px}.settings-check input{width:20px;height:20px;flex-shrink:0}.palette-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.palette-preset{display:flex;align-items:center;gap:8px;font-size:14px;padding:9px 10px;background:var(--surface);color:var(--ink);box-shadow:none;min-width:0}.palette-preset>span{display:block;width:26px;height:26px;border-radius:50%;background:linear-gradient(110deg,var(--sample-a),var(--sample-b));border:1px solid var(--line);flex-shrink:0}.palette-preset[aria-pressed=true]{outline:2px solid var(--link);outline-offset:1px}.settings-preview{background:var(--wash);border:1px solid var(--line);border-radius:18px;padding:20px}.settings-preview h2{font-size:18px;margin-top:0}.settings-preview .palette-samples{margin:14px 0}.settings-preview button:disabled{opacity:1}.chat-settings-preview article{padding:10px 0}.chat-settings-preview .message-content{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.chat-settings-preview .message-text{margin:0}
html[data-background=plain] body{background:var(--page)}html[data-background=dots] body{background-color:var(--page);background-image:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1px);background-size:18px 18px}html[data-background=grid] body{background-color:var(--page);background-image:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px);background-size:26px 26px}
html[data-corners=round] :is(button,input,select,textarea,.panel,.settings-preview,.message-content):not(.studio-widget):not(.studio-header){border-radius:26px}html[data-corners=square] :is(button,input,select,textarea,.panel,.settings-preview,.message-content):not(.studio-widget):not(.studio-header){border-radius:4px}
html[data-text-size] :is(.message-text,.board-text,.guestbook-note>p,.widget-markdown,.reading-preview>p){font-size:var(--reading-size,16px);line-height:1.6}html[data-chat-density=compact] #chat-log article{padding-top:3px;padding-bottom:3px}html[data-chat-density=compact] :is(#chat-log,.chat-settings-preview) .message-content{padding-top:6px;padding-bottom:6px}html[data-chat-density=compact] .chat-settings-preview article{padding:3px 0}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-color-mode=dark] .profile-avatar{color:#302737}html[data-color-mode=dark] .guestbook-note{background:var(--wash);color:var(--ink)}
@media(max-width:600px){.settings-hub .panel,.settings-detail{padding:18px}.palette-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-detail .form-actions button{flex:1 1 140px}}

.settings-brand-preview{max-width:280px;margin:0 auto 16px}

html[data-color-mode=dark] :is(.guestbook-avatar,.profile-avatar){color:#302737}html[data-color-mode=dark] :is(.auth-error,.field-error){color:#FFB4C8}

/* Russian labels can be longer; keep control groups inside narrow screens. */
html[lang=ru] :is(.form-actions,.chat-heading,.studio-dialog header,.page-heading){flex-wrap:wrap}html[lang=ru] :is(button,.button-link,.settings-entry){overflow-wrap:anywhere}html[lang=ru] .palette-preset{flex-wrap:wrap}