.kp-vector{margin:32px 0}.kp-vector-frame{display:block;border:0;width:100%;height:var(--vector-height,490px);background:var(--paper,#f2efe7);border-radius:5px}.kp-vector figcaption{font:12px/1.7 system-ui,sans-serif;color:var(--muted,#747e77);margin-top:10px;text-align:start}.kp-vector-editor{border:1px solid #d8dfd7;padding:20px}.kp-vector-tools{display:flex;gap:10px;margin:12px 0}.kp-vector-editor textarea{font:12px/1.5 ui-monospace,monospace;direction:ltr}@media(max-width:600px){.kp-vector-frame{height:var(--vector-mobile-height,720px)}}

.kp-vector-editor{border:1px solid #dfe3dc;border-radius:8px;padding:24px;background:#fdfdfb;color:#27312c;font:13px/1.7 system-ui,sans-serif}
.kp-vector-editor>strong{font:600 18px/1.4 system-ui,sans-serif;letter-spacing:-.025em}
.kp-vector-editor>p{color:#69736d;font-size:12px;line-height:1.8}
.kp-vector-tools{flex-wrap:wrap;margin:18px 0;gap:8px}
.kp-vector-tools .components-button{border-radius:5px;font-size:12px}
.kp-vector-editor textarea{border-radius:5px;background:#f6f6f2;color:#35423b}
.kp-vector-editor .components-base-control__label{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}