#tab-view-screen-recorder{flex:1;min-width:0;overflow:auto;flex-direction:column;padding:24px;gap:16px;background:var(--bg-primary);color:var(--text-primary)}
.sr-toolbar,.sr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sr-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--bg-secondary)}
#tab-view-screen-recorder label{display:block;margin:8px 0}#tab-view-screen-recorder select,#tab-view-screen-recorder input:not([type=checkbox]):not([type=range]){background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:8px;max-width:100%}
.sr-note{color:var(--text-muted);font-size:.85rem;line-height:1.6}.sr-preview{width:100%;max-height:72vh;object-fit:contain;background:#000;border-radius:8px}.sr-float{position:fixed;bottom:82px;right:20px;z-index:9900;display:flex;align-items:center;gap:10px;padding:14px;background:var(--bg-secondary,#17212f);color:var(--text-primary,#fff);border:1px solid var(--border,#64748b);border-radius:12px;box-shadow:0 4px 20px #0005}.sr-float[hidden]{display:none}.sr-dot{color:#f44}.sr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.sr-list img{max-width:100%;height:130px;object-fit:contain}.sr-list h4{overflow-wrap:anywhere}.sr-status{min-height:24px}.sr-region{position:relative;line-height:0;overflow:hidden;touch-action:none}.sr-region video{width:100%;max-height:60vh;display:block}.sr-box{position:absolute;border:2px solid #38bdf8;background:#38bdf822;cursor:move;min-width:20px;min-height:20px;box-sizing:border-box}.sr-handle{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;background:#38bdf8;cursor:nwse-resize}.sr-modal{position:fixed;inset:0;z-index:10000;background:#000b;display:grid;place-items:center;padding:20px}.sr-modal-body{width:min(950px,100%);max-height:95vh;overflow:auto;padding:18px;border-radius:12px;background:var(--bg-secondary,#17212f);color:var(--text-primary,#fff)}.sr-error{color:#ef7777}
#sr-play .ath-modal,.sr-modal-player{width:min(1280px,95vw)!important;max-width:1280px!important;max-height:94vh!important}
#sr-play .ath-modal-body,.sr-modal-player .ath-modal-body{display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px!important;background:#070b14!important}
#sr-play video,.sr-modal-player video{width:100%!important;max-height:calc(85vh - 75px)!important;object-fit:contain!important;background:#000!important;border-radius:8px!important}
body.screen-recorder-active .chat-input-container{display:none!important}
.sr-card{min-width:0}.sr-toolbar h2{margin-right:auto}.sr-note{color:var(--text-secondary,#a6b4c8)}
#tab-view-screen-recorder .ath-btn,.sr-float .ath-btn,.sr-modal .ath-btn{border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);padding:10px 14px;cursor:pointer;min-height:40px}
#tab-view-screen-recorder .ath-btn.primary{background:var(--accent,#2563eb);color:white}#tab-view-screen-recorder button:disabled{opacity:.5;cursor:default}#sr-new>.sr-actions{margin-top:16px}#sr-new>h3{margin:16px 0}#sr-library[hidden],#sr-new[hidden]{display:none}
@media(max-width:767px){#tab-view-screen-recorder{padding:12px;padding-bottom:90px}.sr-float{left:8px;right:8px;bottom:75px;flex-wrap:wrap}.sr-grid{grid-template-columns:1fr}.screen-recorder-active .chat-main{display:flex!important}.screen-recorder-active .sidebar{display:none!important}}
@media(max-width:767px){.screen-recorder-active .mobile-header,.screen-recorder-active .mobile-bottom-nav{display:none!important}.screen-recorder-active .chat-main{width:100%;min-width:0}.sr-toolbar h2{font-size:1.2rem;width:100%}.sr-toolbar .ath-btn{flex:1 1 42%}#tab-view-screen-recorder select{max-width:100%;width:100%}}