:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}html,body{min-height:100%;margin:0}body{min-width:20rem;background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.inline-form{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(18rem,2fr) auto;align-items:end;gap:.75rem;margin-bottom:1.5rem}.inline-form label,.form-grid label{display:grid;gap:.45rem;color:#526078;font-size:.84rem;font-weight:650}.inline-form input,.form-grid input,.form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.45rem;padding:.7rem .8rem;background:#fff;color:#172238;font:inherit}.domain-list{display:grid;gap:1rem}.domain-card,.editor-panel,.preview-panel{border:1px solid #d8e0eb;border-radius:.6rem;padding:1.2rem}.domain-card-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.domain-card-heading>div{display:flex;align-items:center;gap:.8rem}.dns-instructions{display:grid;grid-template-columns:auto minmax(12rem,1fr) minmax(16rem,2fr);gap:.75rem;margin-top:1rem;border-radius:.45rem;padding:.8rem;background:#f3f6fa}.application-picker,.surface-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.application-picker button,.surface-tabs button{border:1px solid #cbd5e1;border-radius:999px;padding:.55rem .85rem;background:#fff;color:#526078;font:inherit;text-transform:capitalize}.application-picker button.selected,.surface-tabs button.selected{border-color:#0b63e5;background:#eaf2ff;color:#0754d1}.branding-layout{display:grid;grid-template-columns:minmax(22rem,1fr) minmax(24rem,1.15fr);gap:1.5rem}.editor-panel,.preview-panel{min-width:0}.editor-panel h2,.preview-panel h2{margin:0 0 1rem;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1.2rem}.wide-field{grid-column:1/-1}.form-grid textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.preview-panel iframe{width:100%;min-height:44rem;border:1px solid #d8e0eb;border-radius:.45rem;background:#fff}.field-help{color:#66738a;font-size:.84rem;line-height:1.5}@media(max-width:850px){.inline-form,.branding-layout,.form-grid,.dns-instructions{grid-template-columns:1fr}.wide-field{grid-column:auto}}