.kw{--kw-ink:light-dark(#1a1a1a,#f5f5f5);--kw-icon:light-dark(#3c3c3c,#d0d0d0);--kw-muted:light-dark(#6e6e6e,#9c9c9c);--kw-line:light-dark(#dcdcdc,#2e2e2e);--kw-raised:light-dark(#fff,#1c1c1c);--kw-edge:light-dark(#00000038,#ffffff1a);box-shadow:0 0 0 .5px var(--kw-edge), 0 24px 64px -12px light-dark(#00000047,#000000b3), 0 8px 20px -8px #0000001f;color:var(--kw-ink);-webkit-user-select:none;user-select:none;background:light-dark(#f5f5f5,#131313);border-radius:16px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.kw-bar{background:light-dark(#f0f0f0,#1b1b1b);border-bottom:1px solid light-dark(#e2e2e2,#262626);flex:none;align-items:center;gap:6px;height:52px;padding:0 14px 0 20px;display:flex}.kw-lights{flex:none;gap:8px;margin-right:12px;display:flex}.kw-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0000001f}.kw-lights i:nth-child(2){background:#febc2e}.kw-lights i:nth-child(3){background:#28c840}.kw-group{flex:none;align-items:center;gap:2px;display:flex}.kw-btn{width:30px;height:30px;color:var(--kw-icon);cursor:default;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background-color .12s;display:grid}.kw-btn:not(:disabled):hover,.kw-btn[data-hover]{background:light-dark(#e4e4e4,#2c2c2c)}.kw-btn[data-on]{color:light-dark(#111,#fff);background:light-dark(#dedede,#333)}.kw-btn[data-pressed]{background:light-dark(#d4d4d4,#3a3a3a)}.kw-btn:disabled{color:light-dark(#b8b8b8,#4e4e4e)}.kw-btn:focus-visible{outline-offset:1px;outline:2px solid #0a84ff}.kw-grip{color:light-dark(#a0a0a0,#5a5a5a);place-items:center;width:22px;height:30px;display:grid}.kw-sep{background:var(--kw-line);flex:none;width:1px;height:20px;margin:0 8px}.kw-spacer{flex:1}.kw-stats{flex:none;gap:22px;display:flex}.kw-stat{text-align:right;align-items:center;gap:10px;display:flex}.kw-stat>span{gap:1px;display:grid}.kw-stat b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1.3}.kw-stat small{color:var(--kw-muted);font-size:11px;line-height:1.3}.kw-stat--color i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.kw-canvas{background-color:light-dark(#f5f5f5,#131313);background-image:conic-gradient(light-dark(#ececec,#1c1c1c) 25%, transparent 0 50%, light-dark(#ececec,#1c1c1c) 0 75%, transparent 0);background-size:24px 24px;flex:1;min-height:0;position:relative;overflow:hidden}.kw-props{z-index:2;background:var(--kw-raised);box-shadow:0 0 0 .5px var(--kw-edge), 0 6px 20px -6px light-dark(#0003,#0009);border-radius:12px;gap:6px;padding:8px 10px;display:flex;position:absolute;top:12px;right:12px}.kw-swatch{cursor:default;border:0;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s;box-shadow:inset 0 0 0 1px #0000001a}.kw-swatch:hover{transform:scale(1.12)}.kw-swatch[data-on]{box-shadow:0 0 0 2px var(--kw-raised), 0 0 0 3.5px #8a8a8a}.k-canvas{border-radius:2px;display:block;overflow:visible;box-shadow:0 0 0 1px light-dark(#00000014,#ffffff14),0 2px 10px #0000000f}.k-shape .k-stroke{stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.45,0,.1,1)}.k-shape .k-late{transition-duration:.18s;transition-delay:.32s}.k-shape[data-drawn=false] .k-stroke{stroke-dashoffset:1px;transition:none}.k-shape .k-pop{transform-box:fill-box;transform-origin:50%}.k-shape[data-drawn=true] .k-pop{animation:.32s cubic-bezier(.25,.8,.25,1) both k-pop}.k-shape[data-drawn=false] .k-pop,.k-shape[data-drawn=false] .k-redact,.k-shape.k-magnifier[data-drawn=false]{opacity:0}.k-shape .k-redact,.k-shape.k-magnifier{transition:opacity .35s}.k-shape[data-selected]{filter:drop-shadow(0 0 .5px #0a84ff)drop-shadow(0 0 .5px #0a84ff)drop-shadow(0 0 .5px #0a84ff)}.k-spot{transition:opacity .4s}.k-shape{transition:opacity .35s}.k-shape[data-gone]{opacity:0}@keyframes k-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.k-shape .k-stroke{transition:none}.k-shape[data-drawn=true] .k-pop{animation:none}}.pg{width:100%;position:relative}.pg .kw-canvas{place-items:center;padding:44px 56px 52px;display:grid}.pg-stage{width:100%;position:relative}.pg-stage .k-canvas{width:100%;height:auto}.pg-field{z-index:3;color:#fff;caret-color:#fff;field-sizing:content;border:0;outline:none;min-width:80px;font:600 24px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:absolute;transform:translateY(-50%)}.pg-field::placeholder{color:#fff9}.pg-hint{z-index:4;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#1c1c1ee0;border-radius:999px;padding:8px 14px;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:opacity .25s,transform .35s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px)}.pg-hint[data-show]{opacity:1;transform:translate(-50%)}@media (width<=760px){.pg .kw-bar{scrollbar-width:none;padding-left:14px;overflow-x:auto}.pg .kw-bar::-webkit-scrollbar{display:none}.pg .kw-stats,.pg .kw-file{display:none}.pg .kw-canvas{padding:16px 12px 52px}.pg .kw-props{inset:auto auto 10px 10px}.pg-hint{font-size:12px;bottom:12px}}