.kyf-b64{max-width:1100px;margin:30px auto;color:#152033}.kyf-b64-card{background:#fff;border:1px solid #dfe7f2;border-radius:22px;box-shadow:0 14px 45px rgba(21,32,51,.08);padding:28px}.kyf-b64-head{margin-bottom:22px}.kyf-b64-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:#1967d2}.kyf-b64-head h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem)}.kyf-b64-intro{margin:0;color:#5b6678}.kyf-b64-drop{border:2px dashed #b9c9dd;border-radius:18px;padding:32px 20px;text-align:center;background:#f8fbff;cursor:pointer;transition:.2s ease}.kyf-b64-drop.is-dragging{border-color:#1967d2;background:#eef6ff}.kyf-b64-drop input{display:none}.kyf-b64-drop-inner{display:grid;gap:8px;justify-items:center}.kyf-b64-icon{width:48px;height:48px;border-radius:14px;background:#e7f0ff;color:#1967d2;display:grid;place-items:center;font-size:28px;font-weight:700}.kyf-b64-drop strong{font-size:1.1rem}.kyf-b64-drop span,.kyf-b64-drop small{color:#64748b}.kyf-b64-button{border:1px solid #c9d5e5;background:#fff;color:#1d2a3d;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}.kyf-b64-button:hover{transform:translateY(-1px)}.kyf-b64-primary{background:#1967d2;color:#fff;border-color:#1967d2}.kyf-b64-error{margin-top:16px;padding:12px 14px;border-radius:10px;background:#fff1f1;color:#a02020}.kyf-b64-status{min-height:24px;margin-top:12px;color:#556276}.kyf-b64-result{margin-top:22px}.kyf-b64-summary{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.kyf-b64-file,.kyf-b64-stats{border:1px solid #e1e8f0;border-radius:16px;padding:16px;background:#fbfdff}.kyf-b64-file{display:flex;gap:14px;align-items:center}.kyf-b64-file img{width:76px;height:76px;object-fit:contain;border:1px solid #e4e9ef;border-radius:12px;background:repeating-conic-gradient(#f4f5f7 0 25%,#fff 0 50%) 50% / 16px 16px}.kyf-b64-file div{display:grid;gap:5px}.kyf-b64-file span{color:#667085;font-size:.9rem}.kyf-b64-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kyf-b64-stats div{display:grid;gap:5px}.kyf-b64-stats span{font-size:.78rem;color:#667085}.kyf-b64-output-grid,.kyf-b64-snippet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kyf-b64-output-card,.kyf-b64-snippet{border:1px solid #e1e8f0;border-radius:16px;overflow:hidden;background:#fff}.kyf-b64-output-head,.kyf-b64-snippet-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e7edf4}.kyf-b64-output-head h3,.kyf-b64-snippets h3{margin:0;font-size:1rem}.kyf-b64-output-card textarea{width:100%;min-height:170px;border:0;resize:vertical;padding:14px;font:500 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0e1624;color:#eaf1fb;box-sizing:border-box}.kyf-b64-snippets{margin-top:22px}.kyf-b64-snippets>h3{margin-bottom:12px}.kyf-b64-snippet pre{margin:0;padding:14px;background:#0e1624;color:#eaf1fb;overflow:auto;min-height:90px}.kyf-b64-snippet code{font:500 .78rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.kyf-b64-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.kyf-b64-note{margin:14px 0 0;color:#667085;font-size:.88rem}.kyf-b64 button:focus-visible,.kyf-b64-drop:focus-visible{outline:3px solid #8bb8ff;outline-offset:3px}@media(max-width:760px){.kyf-b64-card{padding:18px}.kyf-b64-summary,.kyf-b64-output-grid,.kyf-b64-snippet-grid{grid-template-columns:1fr}.kyf-b64-stats{grid-template-columns:1fr 1fr}.kyf-b64-file img{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){.kyf-b64-drop,.kyf-b64-button{transition:none}.kyf-b64-button:hover{transform:none}}