:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #d0d0d0;--color-text: #1a1a1a;--color-text-muted: #666666;--color-primary: #3d6b9e;--color-primary-hover: #2f5480;--color-success: #2e7d32;--color-success-bg: #e8f5e9;--color-error: #c62828;--color-error-bg: #ffebee;--color-warning-bg: #fff8e1}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-surface: #262626;--color-border: #444444;--color-text: #e8e8e8;--color-text-muted: #aaaaaa;--color-primary: #5b8fc4;--color-primary-hover: #7aaad6;--color-success: #66bb6a;--color-success-bg: #1b3a1c;--color-error: #ef9a9a;--color-error-bg: #3a1a1a;--color-warning-bg: #2a2310}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);min-height:100vh}#app{max-width:900px;margin:0 auto;padding:1.5rem}h1{font-size:1.5rem;margin:0 0 1.5rem;font-weight:600}h2{font-size:1rem;font-weight:600;margin:0 0 .75rem}textarea{width:100%;font-family:Courier New,Courier,monospace;font-size:.875rem;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);resize:vertical;line-height:1.6}textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:transparent}button{font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;border:1px solid var(--color-border);padding:.5rem 1.1rem;background-color:var(--color-surface);color:var(--color-text);transition:background-color .15s,border-color .15s}button:hover{background-color:var(--color-border)}button.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}button.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}.section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.conversion-result[data-v-129972e0]{border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.header[data-v-129972e0]{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.format-label[data-v-129972e0]{font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted)}.copy-btn[data-v-129972e0]{font-size:.8rem;padding:.2rem .6rem}.content[data-v-129972e0]{margin:0;padding:.75rem;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--color-text-muted);background-color:var(--color-surface);max-height:200px;overflow-y:auto}.controls[data-v-31f80c97]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.file-area[data-v-31f80c97]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-label[data-v-31f80c97]{display:inline-block;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;border:1px solid var(--color-border);padding:.5rem 1.1rem;background-color:var(--color-surface);color:var(--color-text);transition:background-color .15s}.file-label[data-v-31f80c97]:hover{background-color:var(--color-border)}.file-label input[type=file][data-v-31f80c97]{display:none}.encoding-warning[data-v-31f80c97]{font-size:.8rem;color:#b45309;background-color:var(--color-warning-bg);border:1px solid #f59e0b;border-radius:4px;padding:.2rem .6rem}@media(prefers-color-scheme:dark){.encoding-warning[data-v-31f80c97]{color:#f59e0b;border-color:#78450a}}.encoding-badge[data-v-31f80c97]{font-size:.8rem;color:var(--color-text-muted);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .6rem}.action-buttons[data-v-31f80c97]{display:flex;gap:.5rem}.result[data-v-31f80c97]{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:6px;font-size:.9rem}.result--ok[data-v-31f80c97]{background-color:var(--color-success-bg);color:var(--color-success)}.result--error[data-v-31f80c97]{background-color:var(--color-error-bg);color:var(--color-error)}.result-icon[data-v-31f80c97]{font-size:1.2rem;font-weight:700;line-height:1.4}.result-title[data-v-31f80c97]{font-weight:700}.result-detail[data-v-31f80c97]{margin-top:.15rem;opacity:.85}.conversion-grid[data-v-31f80c97]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:.75rem}.kk-score-row[data-v-31f80c97]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.kk-score[data-v-31f80c97]{font-size:1.5rem;font-weight:700;min-width:4rem;text-align:center;padding:.2rem .6rem;border-radius:6px}.kk-score--perfect[data-v-31f80c97]{background-color:var(--color-success-bg);color:var(--color-success)}.kk-score--good[data-v-31f80c97]{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.kk-score--warn[data-v-31f80c97]{background-color:var(--color-warning-bg);color:#b45309}@media(prefers-color-scheme:dark){.kk-score--warn[data-v-31f80c97]{color:#f59e0b}}.kk-score-label[data-v-31f80c97]{font-size:.9rem;color:var(--color-text-muted)}.kk-issues[data-v-31f80c97]{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--color-text);line-height:1.8}.kk-ok[data-v-31f80c97]{margin:0;font-size:.875rem;color:var(--color-success)}.multi-game-note[data-v-31f80c97]{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-muted)}.validation-note[data-v-31f80c97]{margin:.5rem 0 0;font-size:.8rem;color:var(--color-text-muted)}.kk-note[data-v-31f80c97]{margin:.75rem 0 0;font-size:.8rem;color:var(--color-text-muted)}footer[data-v-31f80c97]{margin-top:2rem;padding:1rem 0;text-align:center;font-size:.8rem;border-top:1px solid var(--color-border)}.footer-sep[data-v-31f80c97]{margin:0 .5rem;color:var(--color-border)}