/* Vizura cursor - Spray can v3.2 (option 01). Pair with spray-can.js. Uses Manrope + Cal Sans if the page loads them. */
html.vzc-spray.vzc-live, html.vzc-spray.vzc-live *{cursor:none!important}
html.vzc-spray.vzc-live :is(input,textarea,select,[contenteditable]:not([contenteditable="false"])){cursor:auto!important}
html.vzs-spraying, html.vzs-spraying *{user-select:none;-webkit-user-select:none}

.vzs-paint{position:fixed;inset:0;width:100%;height:100%;z-index:2147483000;pointer-events:none}
.vzs-wall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.vzs{position:fixed;left:0;top:0;z-index:2147483002;pointer-events:none;opacity:0;transition:opacity .2s ease;color:#82FF1F}
.vzs.is-on{opacity:1}
.vzs-svg{position:absolute;display:block;overflow:visible;filter:drop-shadow(0 5px 6px rgba(0,0,0,.32))}
.vzs-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 1px rgba(11,12,11,.6);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s}
.vzs.is-hot .vzs-dot{transform:scale(3.6);background:transparent;box-shadow:inset 0 0 0 .5px currentColor,0 0 0 .4px rgba(11,12,11,.85)}
.vzs.is-down .vzs-dot{transform:scale(.7)}
.vzs.is-hot .vzs-can{opacity:.94}

/* colour picker */
.vzs-pick{position:fixed;left:24px;bottom:24px;z-index:2147483001;display:flex;align-items:center;gap:6px;padding:7px 10px 7px 14px;border-radius:999px;background:rgba(17,19,17,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(243,245,240,.14),0 20px 50px -24px rgba(0,0,0,.7)}
.vzs-pick.is-inline{position:relative;left:auto;bottom:auto;display:inline-flex;align-self:start;justify-self:start;background:var(--vzs-pick-bg,rgba(17,19,17,.86))}
.vzs-pick-l{font:700 12px/1.4 'Manrope','Manrope Fallback',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#A9B0A6;margin-right:4px;padding-bottom:1px}
.vzs-pick [role="radio"]{position:relative;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(11,12,11,.35);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.vzs-pick [role="radio"]:hover{transform:scale(1.12)}
.vzs-pick [role="radio"][aria-checked="true"]{box-shadow:inset 0 0 0 1px rgba(11,12,11,.35),0 0 0 2px #111311,0 0 0 3.5px var(--c)}
.vzs-pick [role="radio"]:focus-visible{outline:2px solid #F3F5F0;outline-offset:4px}
:root[data-theme="light"] .vzs-pick{background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px rgba(16,18,16,.12),0 20px 50px -24px rgba(20,30,10,.35)}
:root[data-theme="light"] .vzs-pick-l{color:#4F564D}
:root[data-theme="light"] .vzs-pick [role="radio"][aria-checked="true"]{box-shadow:inset 0 0 0 1px rgba(11,12,11,.35),0 0 0 2px #fff,0 0 0 3.5px var(--c)}
:root[data-theme="light"] .vzs-pick [role="radio"]:focus-visible{outline-color:#101210}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.vzs-pick{display:none}}

.vzs-sw{display:flex;align-items:center;gap:6px}
.vzs-sep{width:1px;height:18px;margin:0 4px 0 6px;background:rgba(243,245,240,.18)}
.vzs-snd{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#A9B0A6;cursor:pointer;transition:color .2s,background-color .2s}
.vzs-snd:hover{color:#F3F5F0;background:rgba(243,245,240,.08)}
.vzs-snd[aria-pressed="true"]{color:#0B0C0B;background:#82FF1F}
.vzs-snd:focus-visible{outline:2px solid #F3F5F0;outline-offset:3px}
.vzs-snd .vzs-snd-w{display:none}.vzs-snd[aria-pressed="true"] .vzs-snd-w{display:inline}.vzs-snd[aria-pressed="true"] .vzs-snd-x{display:none}
.vzs-hint{position:absolute;right:0;bottom:calc(100% + 10px);white-space:nowrap;padding:7px 12px 8px;border-radius:8px;background:#82FF1F;color:#0B0C0B;font:700 13px/1.35 'Manrope','Manrope Fallback',system-ui,sans-serif;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.vzs-hint.is-on{opacity:1;transform:none}
.vzs-hint:empty{padding:0}
:root[data-theme="light"] .vzs-sep{background:rgba(16,18,16,.16)}
:root[data-theme="light"] .vzs-snd{color:#4F564D}
:root[data-theme="light"] .vzs-snd:hover{color:#101210;background:rgba(16,18,16,.06)}
:root[data-theme="light"] .vzs-snd:focus-visible{outline-color:#101210}
.vzs-pick.is-inline .vzs-hint{bottom:auto;top:calc(100% + 10px)}