.at-section{margin-top:28px}.at-swatches{gap:9px!important}.at-swatches span{width:24px;height:24px;border-radius:50%;background:var(--sw);border:1px solid rgba(16,18,22,.16);box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e7eb}.at-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(12,15,20,.46);display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.at-drawer{width:min(760px,94vw);height:100dvh;background:#f7f8fa;border-left:1px solid #dfe3e8;box-shadow:-24px 0 70px rgba(14,18,24,.18);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.at-drawer-head{padding:25px 28px 20px;background:#fff;border-bottom:1px solid #e4e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.at-drawer-head h2{margin:5px 0 5px;font-size:23px;letter-spacing:-.03em;color:#171a1f}.at-drawer-head p{margin:0;color:#6f7680;font-size:13px;line-height:1.5}.at-eyebrow{font-size:10px;font-weight:850;letter-spacing:.12em;color:#00875a}.at-close{width:38px;height:38px;border:1px solid #d9dde3;background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:#3a4048}.at-drawer-body{overflow:auto;padding:24px 28px 30px}.at-preview-wrap{background:#fff;border:1px solid #e0e4e9;border-radius:16px;padding:16px;margin-bottom:18px}.at-preview-label{font-size:10px;font-weight:850;letter-spacing:.11em;color:#7a818b;margin-bottom:12px}.at-preview-shell{background:var(--p-bg);padding:22px;border-radius:13px;min-height:310px;display:grid;place-items:center}.at-preview-card{width:min(100%,390px);background:var(--p-card);color:var(--p-text);border:1px solid var(--p-border);padding:22px;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.14);display:grid;gap:12px}.at-preview-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;font-size:10px;color:var(--p-muted)}.at-preview-top>div{display:grid;gap:3px}.at-preview-top b{color:var(--p-accent);letter-spacing:.12em;font-size:9px}.at-preview-top img{max-width:112px;max-height:28px;object-fit:contain;object-position:left center;margin-bottom:2px}.at-preview-card h3{margin:10px 0 0;font-size:26px;letter-spacing:-.04em}.at-preview-card p{margin:-4px 0 4px;color:var(--p-muted);font-size:11px;line-height:1.45}.at-preview-tabs{display:flex;gap:18px;border-bottom:1px solid var(--p-border);padding-bottom:8px;font-size:11px;color:var(--p-muted)}.at-preview-tabs b{color:var(--p-text);border-bottom:2px solid var(--p-accent);padding-bottom:8px;margin-bottom:-10px}.at-preview-card button,.at-preview-card input{height:38px;border:1px solid var(--p-border);background:var(--p-card);color:var(--p-text);padding:0 12px;font:inherit}.at-preview-card button{font-weight:700}.at-preview-card button.primary{background:var(--p-accent);border-color:var(--p-accent);color:#111}.at-preview-card i{text-align:center;color:var(--p-muted);font-size:9px;font-style:normal}.at-preview-card.at-btn-square button,.at-preview-card.at-btn-square input{border-radius:0}.at-preview-card.at-btn-soft button,.at-preview-card.at-btn-soft input{border-radius:8px}.at-preview-card.at-btn-pill button{border-radius:999px}.at-preview-card.at-btn-pill input{border-radius:12px}.at-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid #e0e4e9;border-radius:16px;padding:20px}.at-field{display:grid;gap:7px}.at-field>span{font-size:11px;font-weight:760;color:#3e444d}.at-input{width:100%;min-height:43px;border:1px solid #cfd5dc;background:#fff;border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;color:#1e2329;outline:none}.at-input:focus{border-color:#00875a;box-shadow:0 0 0 3px rgba(0,135,90,.10)}textarea.at-input{min-height:88px;resize:vertical;line-height:1.45}.at-wide,.at-color-grid{grid-column:1/-1}.at-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.at-color-grid input[type=color]{padding:4px;height:43px}.at-security-note{margin-top:15px;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #cfe7dc;background:#f3faf7;color:#28604e;border-radius:12px;font-size:11px;line-height:1.5}.at-security-note i{color:#00875a;font-size:15px}.at-drawer-foot{padding:16px 22px;border-top:1px solid #e0e4e9;background:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.at-drawer-foot>div{display:flex;gap:8px}.at-reset{color:#8b2f2f;border-color:#e6caca!important;background:#fff7f7!important}.at-save:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.at-drawer{width:100vw}.at-drawer-head{padding:20px 18px 16px}.at-drawer-body{padding:18px 16px 26px}.at-editor-grid{grid-template-columns:1fr;padding:16px}.at-wide,.at-color-grid{grid-column:auto}.at-color-grid{grid-template-columns:1fr 1fr}.at-drawer-foot{padding:12px 14px;flex-wrap:wrap}.at-preview-shell{padding:12px}.at-preview-card{padding:18px}.at-drawer-head h2{font-size:20px}}