.kd-shell{--kd-chrome:#fff;--kd-past:#bcead6}.kd-shell .demo-primary{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-width:3px}.kd-header{background:var(--kd-chrome);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:14px 24px;display:flex}.kd-header .brand{font-size:24px}.kd-outlet{border:2px solid var(--ink);white-space:nowrap;background:#f0d6ea;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.kd-progress{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.kd-progress li{align-items:center;gap:6px;font-weight:700;display:flex}.kd-progress li>span{border:2px solid var(--ink);background:var(--kd-chrome);width:26px;height:26px;color:var(--ink);border-radius:50%;place-items:center;font-size:12px;display:grid}.kd-progress .current{color:var(--ink)}.kd-progress .current>span{background:var(--yellow)}.kd-progress .past>span{background:var(--kd-past)}.kd-workspace{text-align:center;flex-direction:column;align-items:center;min-height:520px;padding:32px;display:flex}.kd-workspace>h3{letter-spacing:-1.4px;margin-bottom:10px;font-size:clamp(28px,3.5vw,44px)}.kd-workspace>h3:focus{outline:none}.kd-step-welcome{justify-content:center}.kd-step-welcome .demo-start{margin-top:12px}.kd-step-eyebrow{letter-spacing:1.6px;color:var(--primary);margin:0 0 10px;font-size:12px;font-weight:800}.kd-subtitle{color:var(--muted);margin-bottom:22px}.kd-badge{border:2px solid var(--ink);background:var(--yellow);letter-spacing:1px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.kd-shell .demo-package-art{position:relative}.kd-payment{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,720px);display:grid}.kd-payment .demo-summary{max-width:none;margin:0}.kd-qr{border:2px dashed var(--ink);background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.kd-qr p{color:var(--muted);margin:0;font-size:14px}.kd-guide{border:3px dashed var(--ink);background:var(--surface);border-radius:14px;justify-content:center;gap:18px;width:min(100%,360px);margin-bottom:18px;padding:34px;display:flex}.kd-privacy{border:2px solid var(--ink);text-align:left;background:#d5f2e5;border-radius:12px;gap:12px;max-width:560px;padding:14px 16px;font-size:14px;display:flex}.kd-privacy svg{color:var(--primary);margin-top:2px}.kd-privacy p{margin:0}.kd-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;display:flex}.kd-error{color:#9a2a20;min-height:1.6em;margin:12px 0 0;font-size:14px;font-weight:700}.kd-capture{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);align-items:center;gap:24px;width:100%;max-width:900px;display:grid}.kd-viewfinder{aspect-ratio:4/3;border:3px solid var(--ink);background:#2b2723;border-radius:14px;position:relative;overflow:hidden}.kd-viewfinder video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.kd-sample-view{background:#ff9fcf;place-items:center;height:100%;display:grid}.kd-sample-view svg{fill:var(--canvas)}.kd-live{border:2px solid var(--ink);background:var(--yellow);letter-spacing:1.2px;padding:3px 10px;font-size:11px;font-weight:900;position:absolute;top:12px;left:12px}.kd-countdown{color:#fff;text-shadow:4px 4px 0 var(--ink);background:#1e1b1833;place-items:center;font-size:clamp(90px,14vw,145px);font-weight:900;display:grid;position:absolute;inset:0}.kd-capture-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.kd-capture-panel p{margin:0;font-weight:700}.kd-capture-panel small{color:var(--muted)}.kd-thumbs{gap:8px;min-height:56px;display:flex}.kd-thumbs img{border:2px solid var(--ink);width:74px;height:auto}.kd-split{text-align:left;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start;gap:32px;width:100%;max-width:900px;display:grid}.kd-frame-panel{flex-direction:column;gap:10px;display:flex}.kd-frame-panel p{color:var(--muted);margin:0;font-size:14px}.kd-strip{border:2px solid var(--ink);width:100%;box-shadow:5px 5px 0 var(--ink);background:var(--surface);position:relative}.kd-strip canvas{width:100%;height:100%;display:block}.kd-hint{margin:0 0 14px;font-size:14px}.kd-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.kd-shot{border:3px solid var(--ink);background:var(--surface);border-radius:8px;padding:0;position:relative;overflow:hidden}.kd-shot img{width:100%;height:auto;display:block}.kd-shot[aria-pressed=true]{outline:4px solid var(--primary);outline-offset:2px}.kd-shot:disabled{opacity:.45}.kd-slot-badge{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.kd-sticker-layer{position:absolute;inset:0;overflow:hidden}.kd-placed{aspect-ratio:1;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.kd-placed svg{pointer-events:none;width:100%;height:100%;display:block}.kd-placed[aria-pressed=true]{outline:3px dashed var(--primary);outline-offset:2px}.kd-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kd-library-item{border:2px solid var(--ink);background:var(--surface);min-height:88px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:12px;font-weight:700;display:flex}.kd-library-item svg{width:44px;height:44px}.kd-count{color:var(--muted);margin:10px 0;font-size:13px}.kd-sliders{border:2px solid var(--ink);background:var(--surface);border-radius:10px;gap:10px;margin:0 0 8px;padding:14px;display:grid}.kd-sliders legend{padding:0 6px;font-weight:800}.kd-sliders label{gap:4px;font-size:13px;display:grid}.kd-sliders input{width:100%;min-height:24px;accent-color:var(--primary)}.kd-result{flex-direction:column;align-items:center;gap:16px;max-width:560px;display:flex}.kd-result .kd-strip{width:min(100%,240px)}.kd-result>p{color:var(--muted);margin:0}.kd-chip{border:2px solid var(--ink);background:var(--kd-past);letter-spacing:1.2px;padding:4px 12px;font-size:12px;font-weight:900}.kd-done{flex-direction:column;align-items:center;gap:12px;display:flex}.kd-done p{color:var(--muted);margin:0;font-size:14px}.kd-footer{background:var(--kd-chrome);border-top:3px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex}.kd-footer>div{gap:8px;display:flex}.kd-motto{letter-spacing:1.4px;font-size:12px;font-weight:900}@media (max-width:1000px){.kd-header{flex-wrap:wrap}.kd-progress{order:3;width:100%}}@media (max-width:760px){.kd-workspace{min-height:460px;padding:26px 18px}.kd-header{padding:12px 16px}.kd-header .brand{font-size:20px}.kd-progress li:not(.current){gap:0;font-size:0}.kd-payment,.kd-capture,.kd-split{grid-template-columns:1fr}.kd-split .kd-frame-panel{width:min(100%,220px);margin-inline:auto}.kd-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-motto{display:none}.kd-footer{justify-content:center}}@media (max-width:480px){.kd-library{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-actions .demo-button{width:100%}}.kd-workspace .demo-eyebrow{color:var(--primary);letter-spacing:2px;margin-bottom:16px;font-size:12px;font-weight:700}.kd-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.kd-result{position:relative}.kd-confetti{z-index:2;height:520px;inset:-40px -160px auto}