.kp{--kp:#285d82;color:#23334b;max-width:1200px;margin:auto;padding:22px 24px 70px}.kp-hero{padding:0 0 20px}.kp-tag{color:var(--kp);align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:800;display:flex}.kp h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(28px,4vw,46px);font-weight:900}.kp-hero>p:last-child{margin:0;font-size:14px}.kp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.kp-panel{background:#fff;border:1px solid #dce5ed;border-radius:22px;min-width:0;padding:24px;box-shadow:0 8px 24px #203e5810}.kp h2{margin:0 0 16px;font-size:20px;font-weight:800}.kp-actions,.kp-choices{flex-wrap:wrap;gap:9px;display:flex}.kp button,.kp-pick{font:inherit;color:#23334b;cursor:pointer;background:#fff;border:1px solid #c8d6df;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:10px 13px;font-size:13px;font-weight:750;display:inline-flex}.kp .kp-primary{background:var(--kp);border-color:var(--kp);color:#fff}.kp button:disabled{opacity:.45;cursor:default}.kp button[aria-pressed=true]{border:2px solid var(--kp);color:#16436b;background:#e4f2fa;padding:9px 12px}:is(.kp button:focus-visible,.kp label:focus-within){outline-offset:3px;outline:3px solid #e7ae30}.kp input:focus-visible{outline:3px solid #e7ae30}.kp-note{color:#536278;margin:12px 0;font-size:11px;line-height:1.8}.kp-slots{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px;display:grid}.kp-slot{cursor:pointer;background:#f6f9fc;border:1px dashed #9caebc;border-radius:12px;min-width:0;padding:10px;position:relative;overflow:hidden}.kp-slot span{font-size:12px;font-weight:700}.kp-slot img{object-fit:contain;width:100%;height:90px;margin-top:6px}.kp-placeholder{color:#59758d;place-items:center;height:50px;display:grid;font-size:32px!important}.kp input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.kp-pick{position:relative}.kp-swap{width:100%}.kp fieldset{border:0;min-width:0;margin:20px 0 0;padding:0}.kp legend{margin-bottom:8px;font-size:12px;font-weight:800}.kp-field{flex-direction:column;gap:7px;min-width:0;margin-top:18px;font-size:12px;font-weight:700;display:flex}.kp-field input{width:100%;min-width:0;font:inherit;border:1px solid #b8c7d5;border-radius:10px;min-height:44px;padding:10px}.kp-labels{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kp-result-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kp-result-head span{color:#647184;font-size:11px}.kp-canvas{border:1px solid #dae5e8;border-radius:12px;width:100%;height:auto;margin-bottom:16px;display:block}.kp-hidden{display:none}.kp-empty{text-align:center;background:#eaf6f0;border-radius:14px;margin-bottom:16px;padding:30px 18px}.kp-empty h3{margin:22px 0 10px;font-size:21px;font-weight:800}.kp-empty p{font-size:13px;line-height:1.9}.kp-sample{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kp-sample img{background:#fff;border-radius:9px;width:100%}.kp-notice{color:#285d82;overflow-wrap:anywhere;margin:12px 0;font-size:12px;line-height:1.8;display:block}.kp-guide{background:#f3f7fa;border-radius:18px;margin-top:28px;padding:24px;font-size:13px;line-height:1.9}.kp-guide table{border-collapse:collapse;width:100%;margin:20px 0;font-size:12px}.kp-guide th,.kp-guide td{text-align:left;border-bottom:1px solid #cddbe5;padding:9px 5px}.kp-guide a{color:#285d82;font-weight:700}@media (max-width:760px){.kp{padding:20px 14px 50px}.kp-grid{grid-template-columns:1fr;gap:16px}.kp-panel{padding:18px}.kp-hero{padding-bottom:16px}.kp-hero>p:last-child{font-size:12px}.kp h1{font-size:28px}.kp h2{font-size:18px}.kp button,.kp-pick{font-size:12px}.kp-result{scroll-margin-top:20px}.kp-guide{padding:18px}.kp-guide td{overflow-wrap:anywhere}.kp-actions{gap:7px}}