:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f6f7f9;color:#101828}*{box-sizing:border-box}body{margin:0;background:#f6f7f9}.app{max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.header-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;color:#475467;margin:0 0 8px}h1{margin:0 0 8px;font-size:2rem}.subtext{margin:0;color:#475467;max-width:560px}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.form,.preview-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 24px #10182814}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.section-title{margin:24px 0 8px;font-size:1.1rem}.field--wide{grid-column:1 / -1}.toggle-grid{display:grid;gap:16px;margin-top:24px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-weight:600;font-size:.9rem}.field-input,select.field-input{border-radius:10px;border:1px solid #d0d5dd;padding:10px 12px;font-size:.95rem}.toggle{display:flex;align-items:center;gap:8px;font-weight:500}.button{background:#101828;color:#fff;border:none;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer}.button.secondary{background:#fff;color:#101828;border:1px solid #d0d5dd}.button:disabled{opacity:.7;cursor:not-allowed}.alert{padding:12px 16px;background:#fffaeb;border:1px solid #f79009;border-radius:12px;color:#b54708}.preview-box{margin-top:16px;padding:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fcfcfd}.sites-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 24px #10182814}.site-manager{margin-top:16px;display:flex;flex-direction:column;gap:24px}.site-manager__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.site-manager__actions{display:flex;align-items:center;gap:12px}.site-manager__list{display:grid;gap:16px}.site-manager__card{border:1px solid #e4e7ec;border-radius:12px;padding:16px;background:#fcfcfd}.helper-text{font-size:.85rem;color:#667085}.copy-button{margin-top:16px;display:flex;align-items:center;gap:12px}.toast{font-size:.85rem;padding:6px 12px;border-radius:999px;background:#e7f6ec;color:#067647}.toast.error{background:#fef3f2;color:#b42318}@media (max-width: 900px){.layout{grid-template-columns:1fr}.header{flex-direction:column}}