.cp-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 28px));max-height:90vh;padding:0;border:1px solid #355469;border-radius:22px;background:#101e2d;color:#e6eef5;box-shadow:0 24px 90px #0007;font:14px system-ui}.cp-dialog::backdrop{background:#07111acc;backdrop-filter:blur(5px)}.cp-dialog *{box-sizing:border-box}.cp-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(110deg,#173f49,#192b43);border-bottom:1px solid #355469}.cp-head small{color:#71e0cb;letter-spacing:2px;font-size:10px}.cp-head h2{margin:6px 0;font-size:24px;color:#f2f8fb}.cp-body{padding:24px 28px;overflow:auto}.cp-dialog button,.cp-dialog .cp-link{border:1px solid #3c566a;border-radius:10px;padding:10px 14px;background:#20374a;color:#ecf7fa;font:600 12px system-ui;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.cp-dialog button:hover{background:#2b4a5f}.cp-dialog button:disabled{opacity:.5;cursor:wait}.cp-dialog .cp-primary{background:#70dfc9;color:#082c34;border-color:transparent}.cp-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.cp-muted{color:#aec3d0;font-size:12px;line-height:1.6}.cp-note{padding:14px 16px;border-left:3px solid #71e0cb;background:#183342;color:#c1d7e2;font-size:12px;line-height:1.6;border-radius:0 10px 10px 0}.cp-card{display:flex;gap:18px;padding:18px;border:1px solid #304c61;border-radius:14px;margin:12px 0;background:#15283a;align-items:center}.cp-card>div{flex:1;min-width:0}.cp-card h3{margin:0 0 6px;font-size:16px;overflow-wrap:anywhere}.cp-card p{margin:4px 0}.cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c6dae3}.cp-fields input,.cp-fields select,.cp-fields textarea{width:100%;border:1px solid #405b6e;border-radius:10px;padding:11px;background:#0e1e2b;color:#e6f4fc;font:14px system-ui}.cp-fields input[type=color]{padding:3px;height:43px}.cp-fields input[type=checkbox]{width:auto;accent-color:#70dfc9}.cp-fields .cp-wide{grid-column:1/-1}.cp-fields label.cp-check{flex-direction:row;align-items:center}.cp-error{color:#ffb9af;font-size:13px;min-height:20px;margin-top:14px}.cp-preview{background:linear-gradient(135deg,#eaf1ec,#dce6e8);border-radius:14px;min-height:175px;display:grid;place-items:center;margin-bottom:20px;color:#17333d;overflow:hidden}.cp-preview svg{width:260px;height:170px}.cp-preview text{font:600 14px system-ui}.cp-icons{display:flex;flex-wrap:wrap;gap:7px}.cp-icons button[aria-pressed=true]{border-color:#71e0cb;background:#23544f;color:#98ffe9}.cp-set-label{display:inline-flex;align-items:center;gap:4px;border:1px solid currentColor;background:#102332ed;border-radius:7px;padding:3px 6px;font:600 11px system-ui;white-space:nowrap;box-shadow:0 2px 6px #0005}.cp-set-label i{font-size:12px}.cp-set-symbol{background:transparent;border:0}.cp-dialog [hidden]{display:none!important}@media(max-width:600px){.cp-head,.cp-body{padding:18px}.cp-head h2{font-size:20px}.cp-fields{grid-template-columns:1fr}.cp-card{align-items:flex-start;flex-direction:column}.cp-actions{gap:7px}}

.cp-head{position:sticky;top:0;z-index:2}.cp-fields input[type=range]{accent-color:#70dfc9;padding:0;border:0}.cp-preview{grid-template-rows:170px auto;padding-bottom:12px}