.vk-plaque{--vkp-ink:#1c1d20;--vkp-mute:#6a6e75;--vkp-line:#dcdee2;--vkp-acc:#b7791f;--vkp-bg:#fff;margin:16px 0;padding:14px;background:var(--vkp-bg);border-radius:6px;color:var(--vkp-ink);font-size:15px;line-height:1.4;text-align:left}
.vk-plaque label,.vk-plaque p,.vk-plaque strong,.vk-plaque span,.vk-plaque small,.vk-plaque .vkp-h{color:inherit}
.vk-plaque .vkp-meta,.vk-plaque .vkp-meta span{color:var(--vkp-mute)}
.vk-plaque *{box-sizing:border-box}
.vkp-stage{position:relative;background:#eef0f2;border-radius:6px;padding:16px}
.vkp-stage svg#vkpSvg{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 7px rgba(0,0,0,.35));touch-action:none;user-select:none;-webkit-user-select:none}
.vkp-ic{cursor:grab}.vkp-ic:active{cursor:grabbing}
.vkp-meta{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 0;color:var(--vkp-mute);font-size:13px}
.vkp-step{margin-top:20px}
.vkp-step>label,.vkp-step>.vkp-h{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;margin:0 0 8px}
.vkp-h small{font-weight:400;color:var(--vkp-mute)}
#vkpText{width:100%;height:52px;padding:0 14px;font-size:24px;font-weight:700;letter-spacing:.04em;border:1px solid #a9adb3;border-radius:5px;background:var(--vkp-bg);color:var(--vkp-ink)}
#vkpText:focus{outline:2px solid var(--vkp-acc);outline-offset:1px}
.vkp-grid{display:grid;gap:8px}
#vkpFonts{grid-template-columns:repeat(4,1fr)}
#vkpContours{grid-template-columns:repeat(5,1fr)}
#vkpIcons{grid-template-columns:repeat(8,1fr)}
.vk-plaque button.vkp-font,.vk-plaque button.vkp-cont,.vk-plaque button.vkp-pick{appearance:none;background:var(--vkp-bg);border:1px solid var(--vkp-line);border-radius:5px;padding:6px;cursor:pointer;color:var(--vkp-ink);font:inherit;min-width:0;display:block;width:100%}
.vk-plaque button.vkp-font:hover,.vk-plaque button.vkp-cont:hover,.vk-plaque button.vkp-pick:hover{border-color:#8d9198}
.vk-plaque button[aria-pressed="true"]{border-color:var(--vkp-acc);box-shadow:inset 0 0 0 1px var(--vkp-acc)}
.vkp-font svg,.vkp-cont svg{display:block;width:100%;height:auto}
.vkp-font path{fill:var(--vkp-ink)}
.vkp-font span,.vkp-cont span{display:block;margin-top:4px;font-size:12px;line-height:1.2;text-align:center}
.vkp-pick svg{display:block;width:100%;height:auto;max-width:34px;margin:auto}
.vkp-pick path{fill:var(--vkp-ink)}
.vkp-sel{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border:1px solid var(--vkp-line);border-radius:5px;font-size:14px}
.vkp-sel[hidden]{display:none}
.vkp-sel input{flex:1;min-width:60px}
.vk-plaque button#vkpDel{border:0;background:none;color:#a4262c;text-decoration:underline;cursor:pointer;padding:4px;font:inherit}
.vk-plaque .vkp-note{min-height:20px;margin:6px 0 0;font-size:13px;color:#a4262c}
.vk-plaque button#vkpAdd{display:block;width:100%;height:52px;margin-top:14px;border:0;border-radius:5px;background:var(--vkp-ink);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.vk-plaque button#vkpAdd:disabled{opacity:.45;cursor:not-allowed}
.vk-plaque .vkp-status{min-height:20px;margin:8px 0 0;font-size:14px;color:var(--vkp-mute)}
.vk-plaque .vkp-status.is-err{color:#a4262c}
@media(max-width:560px){#vkpContours{grid-template-columns:repeat(3,1fr)}#vkpIcons{grid-template-columns:repeat(6,1fr)}.vkp-stage{padding:8px}}