.kv-app{--kv-y: var(--y, #facd03);--kv-line: var(--line, #2a2a2a);display:grid;grid-template-columns:minmax(0,1fr) 348px;height:calc(100svh - var(--kv-top, 0px));min-height:520px;color:var(--ink, #f6f5f0);font-family:Inter,system-ui,sans-serif}.kv-app *{box-sizing:border-box}.kv-app button{font:inherit;color:inherit;cursor:pointer}.kv-app :focus-visible{outline:2px solid var(--kv-y);outline-offset:2px}.kv-app [hidden]{display:none!important}body:has(.kv-app) .top{position:relative}.kv-stage{position:relative;overflow:hidden;min-height:0;background:radial-gradient(120% 90% at 50% 38%,#262420,#121212 55%,#070707);touch-action:none}.kv-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:url(/assets/img/facets.svg) center/cover no-repeat}.kv-stage[data-bg=light]{background:radial-gradient(120% 90% at 50% 38%,#fbfaf6,#cfcdc6)}.kv-stage[data-bg=light]:before{opacity:.25}.kv-stage[data-bg=pitch]{background:linear-gradient(#05080a,#10231a 55%,#0d1a10)}.kv-stage[data-bg=pitch]:before{opacity:.2}.kv-stage[data-bg=clear]{background:repeating-conic-gradient(#1c1c1c 0 25%,#141414 0 50%) 0 0/24px 24px}.kv-stage[data-bg=clear]:before{display:none}.kv-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.kv-stage canvas:active{cursor:grabbing}.kv-badge{position:absolute;left:18px;bottom:22px;display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px);pointer-events:none}.kv-badge b{font:800 15px/1.2 Montserrat,sans-serif;letter-spacing:-.01em;text-shadow:0 1px 8px #000a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv-stage[data-bg=light] .kv-badge b{color:#111;text-shadow:none}.kv-tag{font:800 11px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:var(--kv-y);color:#111;white-space:nowrap}.kv-tag.conv{background:#111;color:var(--kv-y);border:1px solid var(--kv-y)}.kv-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;background:#0c0c0ce6;border:1px solid var(--kv-line);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;transition:opacity .2s,transform .2s;white-space:nowrap}.kv-status.on{opacity:1;transform:translate(-50%,-50%)}.kv-status.busy:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;vertical-align:-1px;border-radius:50%;border:2px solid var(--kv-y);border-right-color:transparent;animation:kv-r .8s linear infinite}.kv-status.err{border-color:#f96854}@keyframes kv-r{to{transform:rotate(360deg)}}.kv-views{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:4px;align-items:center;padding:5px;border-radius:999px;background:#0c0c0cd9;border:1px solid var(--kv-line);backdrop-filter:blur(8px);max-width:calc(100% - 20px);overflow-x:auto}.kv-vbtn{display:inline-flex;gap:6px;align-items:center;height:36px;padding:0 13px;border:0;border-radius:999px;background:transparent;font:800 13px Montserrat,sans-serif;white-space:nowrap;color:var(--muted, #a7a69e)!important}.kv-vbtn:hover,.kv-vbtn.on{color:var(--ink, #fff)!important;background:#ffffff14}.kv-vbtn.kv-y{background:var(--kv-y);color:#111!important}.kv-vbtn.kv-y:hover{background:var(--y-2, #ffdf3d)}.kv-vbtn:disabled{opacity:.5}.kv-sep{width:1px;height:22px;background:var(--kv-line);margin:0 4px;flex:none}.kv-help{position:absolute;right:16px;top:16px;font-size:12px;color:var(--dim, #77766f);pointer-events:none}.kv-stage[data-bg=light] .kv-help{color:#666}.kv-dropmask{position:absolute;inset:10px;border:2px dashed var(--kv-y);border-radius:16px;display:none;place-content:center;justify-items:center;gap:10px;background:#0a0a0acc;font:900 22px Montserrat,sans-serif;color:var(--kv-y);z-index:3}.kv-dropmask svg{width:40px;height:40px}.kv-stage.drag .kv-dropmask{display:grid}.kv-label{font:800 11px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted, #a7a69e);margin-bottom:8px}.kv-dim{color:var(--dim, #77766f);font-size:12.5px;line-height:1.45}.kv-dim a,.kv-app small a{color:var(--kv-y)}.kv-row{display:flex;gap:8px;flex-wrap:wrap}.kv-drop{display:grid;justify-items:center;gap:6px;text-align:center;padding:22px 14px;border:1.5px dashed #3a3a3a;border-radius:16px;cursor:pointer;background:var(--s2, #1a1a1a);transition:border-color .15s,background .15s}.kv-drop:hover{border-color:var(--kv-y);background:#1d1c17}.kv-drop b{font:800 16px Montserrat,sans-serif}.kv-drop small{color:var(--muted, #a7a69e);font-size:12.5px}.kv-drop-i{color:var(--kv-y)}.kv-drop-i svg{width:28px;height:28px}.kv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;font:800 13px Montserrat,sans-serif;color:var(--ink, #f6f5f0);text-decoration:none;white-space:nowrap}.kv-btn:hover{border-color:var(--kv-y);color:var(--kv-y)}.kv-btn-y{background:var(--kv-y);border-color:var(--kv-y);color:#111!important}.kv-btn-y:hover{background:var(--y-2, #ffdf3d)}.kv-ico{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid #333;background:transparent;flex:none}.kv-ico:hover{border-color:var(--kv-y);color:var(--kv-y)}.kv-seg{display:flex;background:#0c0c0c;border:1px solid var(--kv-line);border-radius:999px;padding:3px;gap:2px}.kv-seg button{flex:1;border:0;background:transparent;height:32px;border-radius:999px;font:800 12.5px Montserrat,sans-serif;color:var(--muted, #a7a69e);white-space:nowrap;padding:0 8px}.kv-seg button[aria-checked=true]{background:var(--s3, #232323);color:var(--ink, #fff);box-shadow:inset 0 0 0 1px #3a3a3a}.kv-toggle{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;user-select:none}.kv-toggle input{position:absolute;opacity:0;pointer-events:none}.kv-sw{width:36px;height:20px;border-radius:999px;background:#333;position:relative;flex:none;transition:background .15s}.kv-sw:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#ddd;transition:transform .15s}.kv-toggle input:checked+.kv-sw{background:var(--kv-y)}.kv-toggle input:checked+.kv-sw:after{transform:translate(16px);background:#111}.kv-toggle input:focus-visible+.kv-sw{outline:2px solid var(--kv-y);outline-offset:2px}.kv-colors{display:flex;gap:8px;flex-wrap:wrap}.kv-color{width:30px;height:30px;border-radius:50%;border:2px solid #0000;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff26}.kv-color[aria-pressed=true]{border-color:var(--kv-y);box-shadow:0 0 0 2px #111 inset}.kv-range{width:100%;accent-color:var(--kv-y)}.kv-live{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.kv-live small{color:var(--dim, #77766f);font-size:12.5px;line-height:1.45}.kv-live-on{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;word-break:break-all}.kv-dot{width:9px;height:9px;border-radius:50%;background:var(--green, #3ddc84);box-shadow:0 0 #3ddc8488;animation:kv-p 1.6s infinite;flex:none}@keyframes kv-p{70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.kv-panel{background:var(--s1, #121212);border-left:1px solid var(--kv-line);padding:20px 20px 14px;display:flex;flex-direction:column;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.kv-sec{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--kv-line)}.kv-sec:first-of-type{border-top:0;padding-top:0}.kv-sec-t{font:900 12px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--kv-y)}.kv-field .kv-label{margin-bottom:7px}.kv-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.kv-toggle{font-size:13px;line-height:1.25;align-items:center}.kv-seg-big{padding:4px}.kv-seg-big button{height:42px;font:900 16px Montserrat,sans-serif;letter-spacing:.02em}.kv-seg-big button[aria-checked=true]{background:var(--kv-y);color:#111;box-shadow:none}.kv-drop{grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center;gap:12px;padding:14px}.kv-drop-t{display:flex;flex-direction:column;gap:2px}.kv-drop b{font-size:15px}.kv-file{display:flex;align-items:center;gap:12px}.kv-file:empty{display:none}.kv-thumb{background:#000;flex:none}.kv-file .kv-thumb{width:52px;height:52px;border-radius:10px;border:1px solid var(--kv-line)}.kv-file-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kv-file-n b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv-file-n small{color:var(--dim, #77766f);font-size:12px}.kv-foot{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--kv-line);font-size:11.5px;line-height:1.5;color:var(--dim, #77766f)}.kv-only-m{display:none!important}.kv-nogl{padding:40px;text-align:center;color:var(--muted, #a7a69e);grid-column:1 / -1;align-self:center}@media(max-width:900px){.kv-app{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:0}.kv-stage{height:calc(100svh - var(--kv-top, 0px) - 64px);min-height:420px}.kv-panel{border-left:0;border-top:1px solid var(--kv-line);overflow:visible}.kv-help{display:none}}@media(max-width:560px){.kv-views{gap:0;padding:4px;bottom:10px}.kv-vbtn{padding:0 8px;font-size:11.5px;height:34px}.kv-vbtn span,.kv-vbtn[data-v=three],.kv-sep{display:none}}@media(prefers-reduced-motion:reduce){.kv-dot{animation:none}}@media(max-width:1100px){.kv-badge{display:none}}.kv-panel-h{display:flex;align-items:center;gap:10px;margin-bottom:16px}.kv-app .kv-title{margin:0!important;padding:0!important;font:900 24px/1 Montserrat,sans-serif!important;letter-spacing:-.03em!important;color:var(--ink, #fff)!important;display:flex;flex-direction:column;gap:5px}.kv-app .kv-title small{font:600 12px/1.2 Inter,sans-serif;letter-spacing:0;color:var(--muted, #a7a69e)}.kv-logo{width:44px;height:44px;flex:none}.kv-colors{gap:7px}.kv-2 .kv-color{width:26px;height:26px}.kv-chips{display:flex;gap:6px;flex-wrap:wrap}.kv-chip{height:30px;padding:0 11px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;font:800 12px Montserrat,sans-serif;color:var(--muted, #a7a69e)}.kv-chip:hover{border-color:var(--kv-y);color:var(--ink, #fff)}.kv-chip.on{background:var(--kv-y);color:#111;border-color:var(--kv-y)}.kv-seo h1{margin:18px 0 0;font:900 clamp(32px,4.2vw,54px)/1.04 Montserrat,sans-serif;letter-spacing:-.035em}.kv-seo .lead{max-width:760px;margin:18px 0 0;color:var(--muted, #a7a69e)}.kv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.kv-steps>div{background:var(--s1, #121212);border:1px solid var(--line, #2a2a2a);border-radius:16px;padding:20px}.kv-steps b{font:800 16px Montserrat,sans-serif}.kv-steps p{margin:8px 0 0;color:var(--muted, #a7a69e);font-size:15px}@media(max-width:800px){.kv-steps{grid-template-columns:1fr}}
