.kf-main{max-width:860px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,2.5rem) 5rem}.kf-head{text-align:center;margin-bottom:2.2rem}.kf-title{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900;line-height:1.05}.kf-sub{color:var(--muted);margin-top:1rem;max-width:52ch;margin-inline:auto}.nav-links a.active{color:var(--green)}.kf-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:1.2rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.kf-drop{cursor:pointer;color:var(--ink);text-align:center;border:1.5px dashed #7bd95c59;border-radius:12px;justify-items:center;gap:.35rem;padding:2.4rem 1rem;transition:border-color .2s,background .2s;display:grid}.kf-drop:hover{border-color:var(--green);background:#5bd94a0d}.kf-drop-icon{color:var(--green);font-size:1.8rem}.kf-drop-hint{color:var(--muted);font-size:.78rem}.kf-label{color:var(--muted);gap:.45rem;font-size:.85rem;display:grid}.kf-optional{color:var(--muted);opacity:.7}.kf-label input{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);font-family:var(--sans);border-radius:10px;outline:none;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s}.kf-label input:focus{border-color:var(--green)}.kf-label input::placeholder{color:var(--muted);opacity:.6}.kf-controls{justify-content:flex-end;display:flex}.kf-go{min-width:180px}.kf-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.kf-grid{gap:1.2rem;margin-top:2rem;display:grid}.kf-item{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.2rem}.kf-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.kf-pair figure{margin:0}.kf-pair img{border:1px solid var(--line);border-radius:10px;width:100%}.kf-pair figcaption{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-family:var(--serif);margin-top:.45rem}.kf-placeholder{border:1px dashed var(--line);height:100%;min-height:180px;color:var(--muted);border-radius:10px;place-items:center;font-size:.85rem;display:grid}.kf-placeholder.working{color:var(--green);animation:1.6s ease-in-out infinite kf-pulse}@keyframes kf-pulse{0%,to{opacity:.5}50%{opacity:1}}.kf-error{color:#ffb4a8;background:#ff645014;border:1px solid #ff645040;border-radius:10px;margin-top:.9rem;padding:.6rem .9rem;font-size:.85rem}.kf-item-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.kf-btn{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500;transition:border-color .2s,color .2s}.kf-btn:hover{border-color:var(--green);color:var(--green)}.kf-btn:disabled{opacity:.45;cursor:not-allowed}.kf-btn-green{background:var(--green);color:#04120a;border-color:var(--green);font-weight:700}.kf-btn-green:hover{color:#04120a;background:var(--green-glow)}.kf-fineprint{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.82rem}.kf-fineprint a{color:var(--green);border-bottom:1px solid var(--green);padding-bottom:1px}@media (max-width:560px){.kf-pair{grid-template-columns:1fr}.kf-go{width:100%}}