:root{--bg:#fff;--bg-soft:#f8f9fa;--bg-card:#fff;--border:#e3e3e3;--border-strong:#c4c7c5;--text:#1f1f1f;--text-soft:#5f6368;--text-dim:#80868b;--primary:#1a73e8;--primary-hover:#1765cc;--primary-soft:#e8f0fe;--danger:#d93025;--danger-soft:#fce8e6;--ok:#188038;--ok-soft:#e6f4ea;--warn:#b06000;--warn-soft:#fef7e0;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #3c404314, 0 1px 3px #3c40430f;--shadow-md:0 1px 2px #3c40431a, 0 4px 12px #3c404314;--font-sans:"Google Sans", "Roboto", system-ui, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-soft);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}button,input,textarea,select{font-family:inherit}#root{width:100%}.app{max-width:1080px;margin:0 auto;padding:24px 20px 80px}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:-.2px;font-size:22px;font-weight:500}.topbar .logo{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.topbar .logo .material-symbols-outlined{font-size:22px}.badge{letter-spacing:.3px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--danger-soft);color:var(--danger)}.stepper{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.step{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.step.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.step.done{color:var(--ok);background:var(--ok-soft);border-color:#c3e6cb}.step .num{background:var(--bg-soft);border:1px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.step.active .num{background:var(--primary);color:#fff;border-color:var(--primary)}.step.done .num{background:var(--ok);color:#fff;border-color:var(--ok)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:24px}.card h2{margin-bottom:6px;font-size:16px;font-weight:500}.card .hint{color:var(--text-soft);margin-bottom:16px;font-size:13px;line-height:1.5}.field{margin-bottom:16px}.field label{color:var(--text-soft);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}textarea,input[type=text],input[type=number],select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--bg);outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:92px;line-height:1.6}textarea:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a73e81f}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .material-symbols-outlined{font-size:18px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-sec{background:var(--bg);color:var(--primary);border-color:var(--border-strong)}.btn-sec:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alert{border-radius:var(--radius-sm);gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.alert .material-symbols-outlined{flex-shrink:0;margin-top:1px;font-size:18px}.alert.err{background:var(--danger-soft);color:var(--danger)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.prompt-box{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:#202124;background:#f8f9fa;max-height:340px;padding:14px;font-size:12.5px;line-height:1.7;overflow-y:auto}.file-list{flex-direction:column;gap:8px;display:flex}.file-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:12px 14px}.file-item header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.file-item .name{font-family:var(--font-mono);color:var(--text-soft);word-break:break-all;font-size:12px}.file-item .tag{letter-spacing:.4px;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.tag.master{color:var(--primary);background:#e8f0fe}.tag.key{background:var(--warn-soft);color:var(--warn)}.tag.video{background:var(--ok-soft);color:var(--ok)}.tag.voice{color:#8430ce;background:#f3e8fd}.tag.bundle{color:var(--ok);background:#e6f4ea}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:8px 10px}tr:last-child td{border-bottom:none}.editable{cursor:text;border:1px dashed #0000;border-radius:4px;min-height:20px;padding:3px 6px;transition:border-color .15s,background .15s}.editable:hover{border-color:var(--border-strong);background:var(--bg-soft)}.editable:focus{border-style:solid;border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 2px #1a73e81a}.mono{font-family:var(--font-mono);font-size:12px}.loading{color:var(--text-soft);align-items:center;gap:10px;font-size:14px;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.row-2{grid-template-columns:1fr}.card{padding:16px}.topbar h1{font-size:18px}}.muted{color:var(--text-dim);font-size:12px}.mt{margin-top:14px}.scroll-y{max-height:460px;overflow-y:auto}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--border);background:var(--bg);color:var(--text-soft);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}