.kp{color:#18223b;max-width:1080px;margin:auto;padding:22px 20px 60px}.kp .kp-hero{margin-bottom:18px}.kp h1{margin:8px 0;font-size:clamp(23px,4vw,38px);line-height:1.3}.kp .kp-hero p{font-size:14px}.kp-controls,.kp-work,.kp-guide{background:#fff;border:1px solid #d9e2f1;border-radius:20px;margin-bottom:18px;padding:22px}.kp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kp button,.kp label.kp-primary{color:#18223b;cursor:pointer;background:#fff;border:1px solid #b5c3da;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;display:inline-flex}.kp button.kp-primary,.kp label.kp-primary{color:#fff;background:#2857aa;border-color:#2857aa;font-weight:700}.kp input[type=file]{opacity:0;width:1px;height:1px;position:absolute}:is(.kp label:focus-within,.kp button:focus-visible){outline-offset:3px;outline:3px solid #e0a600}.kp button[aria-pressed=true]{background:#e3ecff;border-color:#2857aa}.kp button:disabled{opacity:.45;cursor:default}.kp p{font-size:14px;line-height:1.8}.kp .kp-note{color:#495b72;font-size:12px}.kp h2{margin:0 0 15px;font-size:19px}.kp h3{font-size:16px}.kp canvas{touch-action:none;cursor:crosshair;border:1px solid #d9e2f1;max-width:100%;height:auto;margin:0 auto 20px;display:block}.kp canvas[hidden]{display:none}.kp output{min-height:42px;margin-top:15px;font-size:14px;line-height:1.7;display:block}.kp-empty{text-align:center;background:#edf2ff;border-radius:14px;padding:35px 15px}.kp-actions span{font-size:13px}@media (max-width:600px){.kp{padding:16px 12px 40px}.kp-controls,.kp-work,.kp-guide{padding:16px}.kp .kp-hero p{font-size:12px}.kp button,.kp label.kp-primary{padding:10px 12px}.kp h1{font-size:25px}}