:root{--bg:#1e1e1e;--fg:#e5e5e5;--accent:#3a8bff;--green:#02c26a;--border:#444;--error:#ff4d4f}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,PingFang SC,sans-serif}body{background:var(--bg);color:var(--fg)}.app-container,body{flex-direction:column;height:100vh}.app-container,.main-header,body{display:flex}.main-header{padding:1rem 1.5rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);.user-info{font-size:.9rem;margin-right:10px;background:linear-gradient(90deg,#5ce1e6,#52bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-logo{height:42px;width:auto;vertical-align:middle;margin-right:8px;margin-bottom:4px}.header-title{font-size:2rem;font-weight:700;background:linear-gradient(90deg,var(--accent),#a445ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;align-items:center;gap:.6rem}}.el-main{flex:1;justify-content:center;padding:1rem;height:0}.el-main,.main-wrapper{display:flex;overflow:hidden}.main-wrapper{width:95%;max-width:1500px;height:100%;border:1px solid var(--border);border-radius:12px}.control-panel,.result-panel{padding:.5rem;overflow:hidden;min-height:0}.control-panel{flex:3;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem;.file-control{display:flex;gap:.8rem;.file-label{display:inline-block;padding:.3rem .8rem;border:1px dashed var(--accent);border-radius:6px;color:var(--accent)}.mic-button{margin-left:10px;background:var(--green);color:#fff;padding:.3rem .8rem;border:none;border-radius:6px;transition:background .2s;font-size:.95rem;font-weight:400}.mic-button.recording{background:red;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}}.audio-preview{width:100%;height:26%;background:#000;border-radius:8px}.config{background:#333;border-radius:8px;padding:.5rem;h3{text-align:center;color:var(--accent)}.title{margin-right:20px;font-size:14px;background:linear-gradient(90deg,#5ce1e6,#52bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;flex-shrink:0}}button{padding:.5rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;transition:opacity .2s;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.progress-container{.progress-info{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem;color:#fff}span{background:linear-gradient(90deg,#5ce1e6,#52bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.el-progress{margin-bottom:1rem}}.status-msg{font-size:.9rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.result-panel{flex:7;display:flex;flex-direction:column;.export-actions{margin-top:.5rem;display:flex;justify-content:center;gap:1rem}.export-btn{background:var(--green);color:#fff;padding:.5rem 1.2rem;border:none;border-radius:8px;font-weight:600;transition:opacity .2s;cursor:pointer}.export-btn:disabled{opacity:.5;cursor:not-allowed}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;padding:1.5rem 2rem;border-radius:10px;border:1px solid var(--border);width:320px;display:flex;flex-direction:column;gap:.8rem}.modal-content h3{text-align:center}.modal-content input{width:100%;padding:.5rem .6rem;border-radius:6px;background:#1e1e1e;border:1px solid var(--border);color:var(--fg)}.modal-content .small-btn{font-size:.85rem;padding:.3rem .8rem}.close-modal{background:transparent;color:var(--fg);border:none;margin-top:.2rem;cursor:pointer}.close-modal,.error-msg{text-align:center;font-size:.85rem}.error-msg{color:var(--error)}.logout-btn,.user-btn{padding:.4rem .9rem;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background .2s}.logout-btn:hover,.user-btn:hover{background:var(--accent);color:#fff}.footer-links{text-align:center;padding-bottom:10px;font-size:14px}.footer-links a{color:#0366d6;text-decoration:none;margin:0 5px;transition:color .3s}.el-textarea__inner{background:#333!important;border:1px solid var(--border)!important;color:#eee!important}.row{display:flex!important;margin-bottom:6px}.row,.row1{color:#e5e5e5}.row1{display:flex;flex-direction:column;align-items:flex-start}.play{padding:.5rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;transition:opacity .2s}.sentences{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px;min-height:0}table{width:100%;border-collapse:collapse}thead{position:sticky;top:0;background:#2a2a2a}td,th{text-align:center}.left,td,th{border-bottom:1px solid var(--border);padding:.3rem;font-size:.9rem}.left{text-align:left}tr:nth-child(odd){background:#262626}tr:hover{background:#333}td[contenteditable]{outline:none}td input[type=number]{width:100%;background:transparent;border:none;color:inherit;text-align:center}.delete-btn{width:24px;height:24px;background:#2d2d2d;color:silver;border:1px solid #404040;border-radius:50%;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px rgba(0,0,0,.4);text-shadow:0 1px 1px rgba(0,0,0,.8)}.delete-btn:hover{background:#e04545;color:#fff;border-color:#b03030;transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.6)}