.screen-recorder[data-v-5068bc15]{max-width:1200px;width:100%;margin:0 auto;padding:20px}.form-select[data-v-5068bc15]{padding:6px 6px;border:1px solid var(--border-1);border-radius:var(--radius-sm);display:block;width:100%;cursor:pointer;box-sizing:border-box}.main-container[data-v-5068bc15]{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:30px}.control-panel[data-v-5068bc15]{background:var(--surface);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-1)}.recording-area[data-v-5068bc15]{margin-bottom:30px}.preview-container[data-v-5068bc15]{background:var(--surface-2);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;min-height:300px;display:flex;align-items:center;justify-content:center}.recording-in-progress[data-v-5068bc15]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.05)}.recording-in-progress i[data-v-5068bc15]{font-size:48px;color:var(--danger);margin-bottom:16px;animation:pulse-5068bc15 1.5s infinite}.recording-in-progress p[data-v-5068bc15]{font-size:18px;color:var(--text-1);margin:0}.recording-placeholder[data-v-5068bc15]{text-align:center;color:var(--text-3)}.recording-placeholder i[data-v-5068bc15]{font-size:48px;margin-bottom:10px;opacity:.5}.recorded-video[data-v-5068bc15]{width:100%;max-width:100%;border-radius:var(--radius-sm)}.control-buttons[data-v-5068bc15]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn[data-v-5068bc15]{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s}.btn[data-v-5068bc15]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-5068bc15]{background:var(--brand-500);color:var(--text-inverse)}.btn-primary[data-v-5068bc15]:hover:not(:disabled){background:var(--brand-600)}.btn-success[data-v-5068bc15]{background:var(--success);color:var(--text-inverse)}.btn-success[data-v-5068bc15]:hover:not(:disabled){filter:brightness(.92)}.btn-warning[data-v-5068bc15]{background:var(--warning);color:var(--text-inverse)}.btn-warning[data-v-5068bc15]:hover:not(:disabled){filter:brightness(.92)}.btn-danger[data-v-5068bc15]{background:var(--danger);color:var(--text-inverse)}.btn-danger[data-v-5068bc15]:hover:not(:disabled){filter:brightness(.92)}.btn-secondary[data-v-5068bc15]{background:var(--text-3);color:var(--text-inverse)}.btn-secondary[data-v-5068bc15]:hover:not(:disabled){filter:brightness(.92)}.btn-text[data-v-5068bc15]{background:none;color:var(--brand-500);padding:8px 16px}.btn-text[data-v-5068bc15]:hover{color:var(--brand-600)}.recording-status[data-v-5068bc15]{text-align:center;margin-top:20px}.recording-indicator[data-v-5068bc15]{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700;color:var(--danger)}.recording-dot[data-v-5068bc15]{width:12px;height:12px;background:var(--danger);border-radius:50%;animation:pulse-5068bc15 1s infinite}@keyframes pulse-5068bc15{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-message[data-v-5068bc15]{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);padding:15px;border-radius:var(--radius-sm);margin-top:20px;text-align:center}.settings-panel[data-v-5068bc15]{background:var(--surface);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-1)}.settings-panel h3[data-v-5068bc15]{margin-bottom:20px;color:var(--text-1);display:flex;align-items:center;gap:10px}.setting-group[data-v-5068bc15]{margin-bottom:25px}.setting-group label[data-v-5068bc15]{display:block;margin-bottom:10px;font-weight:500;color:var(--text-1)}.history-panel[data-v-5068bc15]{background:var(--surface);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-1)}.history-header[data-v-5068bc15]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h3[data-v-5068bc15]{color:var(--text-1);display:flex;align-items:center;gap:10px}.empty-history[data-v-5068bc15]{text-align:center;color:var(--text-3);padding:40px}.empty-history i[data-v-5068bc15]{font-size:48px;margin-bottom:10px;opacity:.5}.history-list[data-v-5068bc15]{max-height:400px;overflow-y:auto}.history-item[data-v-5068bc15]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--border-1);border-radius:var(--radius-sm);margin-bottom:10px;transition:all .3s}.history-item[data-v-5068bc15]:hover{background:var(--surface-2);box-shadow:var(--shadow-1)}.history-info[data-v-5068bc15]{flex:1}.history-name[data-v-5068bc15]{font-weight:500;margin-bottom:5px;font-size:14px}.history-size[data-v-5068bc15],.history-time[data-v-5068bc15]{font-size:12px;color:var(--text-3)}.history-actions[data-v-5068bc15]{display:flex;gap:5px}.history-actions .btn[data-v-5068bc15]{padding:8px 12px;font-size:12px}.instructions[data-v-5068bc15]{background:var(--surface);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-1)}.instructions h3[data-v-5068bc15]{color:var(--text-1);margin-bottom:20px;display:flex;align-items:center;gap:10px}.instructions-list[data-v-5068bc15]{list-style:none;padding:0}.instructions-list li[data-v-5068bc15]{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px;font-size:16px;color:var(--text-2)}.instructions-list i[data-v-5068bc15]{color:var(--success);margin-top:2px;flex-shrink:0}@media (max-width:768px){.screen-recorder[data-v-5068bc15]{padding:14px}.main-container[data-v-5068bc15]{grid-template-columns:1fr;gap:20px}.control-panel[data-v-5068bc15],.history-panel[data-v-5068bc15],.instructions[data-v-5068bc15],.settings-panel[data-v-5068bc15]{padding:16px}.preview-container[data-v-5068bc15]{min-height:200px;padding:12px}.form-select[data-v-5068bc15]{font-size:16px;padding:8px}.control-buttons[data-v-5068bc15]{flex-direction:column;align-items:center}.btn[data-v-5068bc15]{width:100%;max-width:200px;justify-content:center;min-height:44px}.history-item[data-v-5068bc15]{flex-direction:column;align-items:flex-start}.history-actions[data-v-5068bc15]{margin-top:10px;align-self:flex-end}.history-actions .btn[data-v-5068bc15]{width:auto;max-width:none;min-height:36px}.instructions-list li[data-v-5068bc15]{font-size:14px;gap:10px}}@media (max-width:480px){.screen-recorder[data-v-5068bc15]{padding:10px}.control-panel[data-v-5068bc15],.history-panel[data-v-5068bc15],.instructions[data-v-5068bc15],.settings-panel[data-v-5068bc15]{padding:12px}.btn[data-v-5068bc15]{max-width:none}.setting-group[data-v-5068bc15]{margin-bottom:16px}.history-actions[data-v-5068bc15]{align-self:stretch}.history-actions .btn[data-v-5068bc15]{flex:1}}