:root{--surface:#fff;--surface-soft:#fbfdfe;--input-surface:#fff;--post-overlay:#ffffffd6}.site-header{background-color:var(--navy);background-image:linear-gradient(#0005,#0005),var(--header-image,none);background-position:center;background-size:cover}body{background:var(--theme-background,#eaf1f4)}#container{background:var(--surface)}.card,.sidebar-box{background:var(--surface-soft)}input,textarea,select{background:var(--input-surface);color:var(--ink)}.post{padding:22px;border-radius:8px;background-color:var(--post-background,#fff);background-image:linear-gradient(var(--post-overlay),var(--post-overlay)),var(--post-image,none);background-position:center;background-size:cover}html[data-theme=dark]{color-scheme:dark;--ink:#e6edf1;--muted:#a9b8c1;--line:#394b56;--soft:#22313a;--paper:#17232b;--surface:#17232b;--surface-soft:#1d2b34;--input-surface:#142129;--post-overlay:#101a20d6}html[data-theme=dark] table th{background:#22343e}html[data-theme=dark] .meta{background:#22343e}html[data-theme=dark] .post h2 a,html[data-theme=dark] .post-action{color:#c9e5f3}html[data-theme=dark] .post-action{background:#1c2b34;border-color:#455d6a}html[data-theme=dark] .comment{background:#1d2b34}html[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--ink:#e6edf1;--muted:#a9b8c1;--line:#394b56;--soft:#22313a;--paper:#17232b;--surface:#17232b;--surface-soft:#1d2b34;--input-surface:#142129;--post-overlay:#101a20d6}html[data-theme=auto] table th{background:#22343e}html[data-theme=auto] .meta{background:#22343e}html[data-theme=auto] .post h2 a,html[data-theme=auto] .post-action{color:#c9e5f3}html[data-theme=auto] .post-action{background:#1c2b34;border-color:#455d6a}html[data-theme=auto] .comment{background:#1d2b34}}
.appearance-layout{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(500px,1.15fr);gap:28px;align-items:start}.appearance-preview-wrap{position:sticky;top:18px}.appearance-preview{--preview-primary:#17364a;--preview-accent:#3b7da2;--preview-background:#eaf1f4;--preview-post-background:#fff;overflow:hidden;margin-top:8px;border:1px solid #c7d4dc;border-radius:10px;background:#fff;color:#172a36;box-shadow:0 12px 35px #17364a1c}.appearance-preview.is-dark{background:#17232b;color:#e6edf1;border-color:#394b56}.preview-header{min-height:150px;padding:38px;background-color:var(--preview-primary);background-position:center;background-size:cover;color:#fff}.preview-header h3{margin:0;font:700 29px Georgia,serif}.preview-header p{margin:5px 0}.preview-nav{display:flex;gap:20px;padding:12px 20px;background:var(--preview-primary);color:#fff;font-size:12px;font-weight:800}.preview-body{display:grid;grid-template-columns:1fr 150px;gap:20px;padding:26px;background:var(--preview-background)}.appearance-preview.is-dark .preview-body{filter:brightness(.48);color:#fff}.preview-body article,.preview-body aside{min-height:180px;padding:20px;background-color:var(--preview-post-background);background-position:center;background-size:cover;border:1px solid #dce4e8}.preview-body aside{background:var(--preview-accent);opacity:.14}.preview-body small{color:var(--preview-accent);font-weight:800}.preview-body h4{margin:8px 0;font:700 21px Georgia,serif}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 22px}.preset-card{justify-content:flex-start;padding:10px;border-color:#ccd9e0;background:#fff;color:#253b48;font-size:12px}.preset-card:hover{background:#f1f6f8}.preset-swatches{display:flex;margin-right:8px}.preset-swatches i{display:block;width:14px;height:22px}.preset-swatches i:first-child{border-radius:4px 0 0 4px}.preset-swatches i:last-child{border-radius:0 4px 4px 0}.color-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.color-fields input{height:43px;padding:3px}.appearance-controls hr{margin:24px 0;border:0;border-top:1px solid var(--line)}@media(max-width:1000px){.appearance-layout{grid-template-columns:1fr}.appearance-preview-wrap{position:static}}@media(max-width:560px){.preset-grid,.color-fields{grid-template-columns:1fr}.preview-body{grid-template-columns:1fr}.preview-body aside{display:none}.preview-header{padding:25px}.appearance-layout{display:block}.post{padding:16px}}