:root{color-scheme:light dark}.kv-page{max-width:1050px;margin:0 auto;padding:28px 18px 64px;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif}.kv-back{display:inline-block;margin-bottom:18px;text-decoration:none}.kv-hero,.kv-panel{border:1px solid #d8dee8;border-radius:18px;padding:22px;margin-bottom:18px;background:Canvas}.kv-badges{display:flex;gap:8px;flex-wrap:wrap}.kv-badges span{padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.87rem}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kv-field{display:grid;gap:7px;margin:12px 0}.kv-field input,.kv-field select,.kv-panel input,.kv-panel select{padding:10px 12px;border:1px solid #aeb6c2;border-radius:10px;background:Canvas;color:CanvasText;font:inherit}.kv-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.kv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kv-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #9aa3af;border-radius:10px;background:Canvas;color:CanvasText;text-decoration:none;font:inherit;cursor:pointer}.kv-btn.primary{background:#1769e0;border-color:#1769e0;color:#fff}.kv-status{padding:10px 12px;border-radius:10px;background:#f1f5f9}.kv-status[data-type=ok]{background:#dcfce7;color:#166534}.kv-status[data-type=error]{background:#fee2e2;color:#991b1b}.kv-preview{min-height:240px;display:grid;place-items:center;overflow:auto;padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:#6b7280}.kv-preview svg,.kv-preview img{max-width:100%;max-height:480px}.kv-result{border:1px solid #d8dee8;border-radius:14px;padding:16px}.kv-pad{width:100%;height:auto;touch-action:none;border:1px solid #94a3b8;border-radius:12px;background:transparent;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.kv-note{font-size:.92rem;color:#64748b}@media(max-width:760px){.kv-grid{grid-template-columns:1fr}}