.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-option{position:relative;min-height:130px;border:2px solid transparent;border-radius:8px;padding:18px;display:flex;align-items:flex-end;cursor:pointer;overflow:hidden}.theme-option:before{content:"";position:absolute;inset:0 0 45%;opacity:.95}.theme-option input{position:absolute;top:12px;right:12px;width:auto}.theme-option span{position:relative;display:grid;gap:4px;color:inherit}.theme-option small{font-size:9px!important;color:inherit!important;opacity:.75}.theme-option.forest{background:#f5efe4;color:#10291f}.theme-option.forest:before{background:#10291f;border-bottom:10px solid #d9ff43}.theme-option.midnight{background:#f1edff;color:#221a45}.theme-option.midnight:before{background:#221a45;border-bottom:10px solid #9e7bff}.theme-option.sunset{background:#fff2dd;color:#7f2f28}.theme-option.sunset:before{background:#9d352b;border-bottom:10px solid #ffc85d}.theme-option:has(input:checked){border-color:var(--ink);box-shadow:4px 4px 0 var(--lime)}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.panel-card{position:relative;background:var(--paper);border:1px solid var(--ink);border-radius:8px;overflow:hidden}.panel-preview{height:115px;padding:18px;color:white;display:flex;align-items:flex-end}.panel-preview.forest{background:#10291f;border-bottom:10px solid #d9ff43}.panel-preview.midnight{background:#221a45;border-bottom:10px solid #9e7bff}.panel-preview.sunset{background:#9d352b;border-bottom:10px solid #ffc85d}.panel-preview strong{font-size:22px;letter-spacing:-.04em}.panel-body{padding:20px}.panel-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.domain-setup{border:1px solid var(--ink);border-radius:7px;padding:18px;background:#f7f8f4}.dns-record{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:10px;font-size:11px}.dns-record b{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.dns-record code{word-break:break-all}.theme-preview{border-radius:8px;overflow:hidden;border:1px solid var(--ink)}.theme-preview-head{height:125px;display:flex;align-items:flex-end;padding:20px;color:white}.theme-preview-head.forest{background:#10291f;border-bottom:10px solid #d9ff43}.theme-preview-head.midnight{background:#221a45;border-bottom:10px solid #9e7bff}.theme-preview-head.sunset{background:#9d352b;border-bottom:10px solid #ffc85d}.theme-preview-body{padding:18px;background:var(--paper)}@media(max-width:800px){.panel-grid,.theme-picker{grid-template-columns:1fr}.dns-record{grid-template-columns:1fr}}