body{margin:0;background-color:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}.container[data-v-237e6b6f]{display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:20px;box-sizing:border-box;overflow-y:auto}.controls[data-v-237e6b6f]{position:fixed;top:20px;left:20px;z-index:100;background:#1a1a1ae6;padding:10px;border-radius:8px;border:1px solid #333;box-shadow:0 4px 6px #0000004d}button[data-v-237e6b6f]{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px;transition:background-color .3s}button[data-v-237e6b6f]:hover{background-color:#45a049}button.recording[data-v-237e6b6f]{background-color:#f44336}button.recording[data-v-237e6b6f]:hover{background-color:#d32f2f}button.save-btn[data-v-237e6b6f]{background-color:#2196f3;margin-left:10px}button.save-btn[data-v-237e6b6f]:hover{background-color:#1976d2}button.save-btn[data-v-237e6b6f]:disabled{background-color:#ccc;cursor:not-allowed}.status[data-v-237e6b6f]{margin-top:5px;font-size:12px;color:#ccc}.subtitle-list[data-v-237e6b6f]{width:100%;max-width:900px;margin:80px auto 20px;display:flex;flex-direction:column;gap:12px}.subtitle-item[data-v-237e6b6f]{background-color:#ffffff0d;padding:16px;border-radius:8px;display:flex;align-items:flex-start;gap:15px;text-align:left;border-left:4px solid #4CAF50;box-shadow:0 2px 4px #0003}.timestamp[data-v-237e6b6f]{color:#888;font-family:Consolas,Monaco,monospace;font-size:14px;white-space:nowrap;margin-top:2px;min-width:70px}.text[data-v-237e6b6f]{font-size:18px;line-height:1.5;color:#fff;font-weight:400}.list-enter-active[data-v-237e6b6f],.list-leave-active[data-v-237e6b6f]{transition:all .5s ease}.list-enter-from[data-v-237e6b6f]{opacity:0;transform:translateY(-20px)}.list-leave-to[data-v-237e6b6f]{opacity:0;transform:translate(30px)}