body{font-family:system-ui,sans-serif;max-width:720px;margin:0 auto;padding:16px;background:#111;color:#eee}h1{font-size:20px}.sub{font-size:12px;color:#888}textarea{width:100%;min-height:72px;background:#1d1d1d;color:#eee;border:1px solid #444;border-radius:8px;padding:10px;font-size:15px;box-sizing:border-box}.dropzone{margin-top:10px;border:1px dashed #444;border-radius:8px;padding:14px;font-size:13px;color:#9bd;cursor:pointer;text-align:center}.dropzone.dragover{border-color:#2f6fed;background:#16233f}.link-btn{background:none;border:none;color:#9bd;font-size:12px;padding:4px 0;text-decoration:underline;cursor:pointer;margin-top:4px}button{background:#2f6fed;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer;margin-top:10px}button:disabled{opacity:.5;cursor:default}#status{font-size:13px;color:#9bd;min-height:18px;margin-top:8px}audio{width:100%;margin-top:12px}#log{font-size:11px;color:#888;white-space:pre-wrap;margin-top:16px}