:root{--bg: #0f1420;--surface: #1a2233;--surface-2: #232e45;--text: #e8edf6;--text-dim: #9aa7bd;--accent: #4f8cff;--accent-strong: #3572e6;--danger: #ff6b6b;--ok: #3ddc97;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}#app{max-width:640px;margin:0 auto;padding:16px 16px 48px}.site-header{text-align:center;padding:24px 0 8px}.site-header h1{margin:0;font-size:2rem;letter-spacing:.02em}.tagline{color:var(--text-dim);font-size:.92rem;margin:8px 0 4px}.engine-status{font-size:.78rem;color:var(--text-dim);margin:4px 0 0}.file-section{background:var(--surface);border-radius:var(--radius);padding:16px;margin:16px 0}.file-label{display:block;font-weight:600;margin-bottom:8px;font-size:.95rem}#file-input{display:block;width:100%;padding:10px;background:var(--surface-2);border:1px dashed var(--text-dim);border-radius:8px;color:var(--text);font-size:.9rem}.file-info{margin:8px 0 0;font-size:.85rem;color:var(--text-dim);overflow-wrap:anywhere}.tabs{display:flex;gap:6px;margin:16px 0 0}.tab{flex:1;padding:10px 4px;background:var(--surface);color:var(--text-dim);border:none;border-radius:var(--radius) var(--radius) 0 0;font-size:.92rem;font-weight:600;cursor:pointer}.tab.active{background:var(--surface-2);color:var(--text)}.panel{background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius);padding:16px}.panel-desc{margin:0 0 12px;font-size:.88rem;color:var(--text-dim)}.field{margin-bottom:12px}.field label{display:block;font-size:.85rem;margin-bottom:4px;color:var(--text-dim)}.field select,.field input{width:100%;padding:10px;border-radius:8px;border:1px solid #37435e;background:var(--surface);color:var(--text);font-size:1rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.run-button{display:block;width:100%;padding:14px;margin-top:4px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer}.run-button:hover:not(:disabled){background:var(--accent-strong)}.run-button:disabled{opacity:.5;cursor:not-allowed}.progress-section{margin:16px 0;background:var(--surface);border-radius:var(--radius);padding:14px 16px}.status-text{margin:0 0 8px;font-size:.9rem}.progress-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.error-message{margin:16px 0;padding:12px 16px;background:#ff6b6b1f;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:.9rem}.result-section{margin:16px 0;padding:16px;background:#3ddc971a;border:1px solid var(--ok);border-radius:var(--radius);text-align:center}.result-info{margin:0 0 12px;font-size:.9rem;overflow-wrap:anywhere}.download-link{display:inline-block;padding:12px 28px;background:var(--ok);color:#08281a;border-radius:10px;font-weight:700;text-decoration:none}.site-footer{margin-top:32px;text-align:center;color:var(--text-dim);font-size:.8rem}@media(max-width:420px){.site-header h1{font-size:1.6rem}.field-grid{grid-template-columns:1fr 1fr}.tab{font-size:.82rem}}