:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#222b27;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:237px;background:#eef0e9;border-right:1px solid #dfe4da;padding:35px 22px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-dot{color:#6a8e5b;margin-left:-8px}.logo{background:#293f31;color:#eff6e7;width:33px;height:33px;border-radius:9px;font-size:29px;line-height:27px;padding-left:7px;position:relative}.logo span{font-size:20px;position:absolute;right:1px;top:-3px}.workspace-label{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#92998e;margin:57px 12px 14px}.nav{padding:13px 11px;border-radius:7px;display:flex;align-items:center;gap:11px;font-size:13px}.active{background:#dfe7d7;color:#385337}.nav-count{margin-left:auto;font-size:11px;background:#f1f5ed;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#64705f;padding-left:11px}.sidebar-bottom p{font-size:10px;color:#92998d;padding-left:13px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#7c9e63;margin-right:7px}main{margin-left:237px}header{height:86px;padding:0 48px;border-bottom:1px solid #e5e8e0;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#91988d}.breadcrumb span{padding:0 15px;color:#bcc1b7}.breadcrumb strong{font-weight:500;color:#5e685b}.header-right{display:flex;align-items:center;gap:20px}.private-badge{font-size:10px;background:#eef1e9;border:1px solid #e2e7db;border-radius:20px;padding:7px 11px;color:#78836f}.text-button{background:none;border:0;font-size:11px;color:#66735e}.content{max-width:1450px;margin:auto;padding:49px 48px 22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#7a8a70}h1{font-size:44px;line-height:1.15;letter-spacing:-1.8px;font-weight:550;margin:16px 0}h1 span{color:#89947f}.heading p{font-size:13px;color:#8a9284;margin-top:18px}.button{border:0;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 19px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait;transform:none}.primary{background:#304b38;color:#fff}.primary:hover{background:#3e5c44}.secondary{border:1px solid #d9e0d0;background:#f7f9f3;color:#526749}.danger{background:#ac4235;color:white}.preset{border:1px solid #dce3d4;background:#edf2e6;border-radius:10px;display:flex;align-items:center;gap:17px;padding:23px 25px}.preset-icon{font-size:24px;color:#6f855b;background:#e2ead8;border-radius:9px;width:43px;height:43px;display:grid;place-items:center}.preset-copy strong{font-size:13px;font-weight:600}.preset-copy p{font-size:11px;color:#8a967e;margin:9px 0 0}.pill{font-size:8px;font-weight:650;letter-spacing:1px;color:#789365;border:1px solid #d4dfc8;border-radius:4px;margin-left:10px;padding:4px 5px}.preset-values{margin-left:auto;display:flex;gap:29px}.preset-values>div+div{border-left:1px solid #dce4d2;padding-left:29px}.preset-values small{font-size:8px;color:#8a987d;letter-spacing:1px;display:block;margin-bottom:7px}.preset-values b{font-size:17px;font-weight:500}.preset-values b span{font-size:10px;font-weight:400;color:#8a967d}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:29px 0 42px;background:#fcfdf9;border:1px solid #e2e6db;border-radius:10px;padding:25px 0}.stats>div{padding:0 26px;display:flex;flex-direction:column}.stats>div+div{border-left:1px solid #e8ebdf}.stats small{font-size:9px;letter-spacing:1.2px;color:#8b9582}.stats strong{font-size:32px;font-weight:500;letter-spacing:-1px;margin:12px 0 9px}.stats strong em{font-size:15px;font-style:normal;color:#8a9780}.stats span{font-size:10px;color:#a1a997}.stats span .status-dot{width:5px;height:5px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}h2{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:0}.section-top h2 span{font-size:10px;color:#8b977e;background:#e9eee2;border:1px solid #dce5d2;border-radius:5px;padding:3px 7px;margin-left:8px;vertical-align:middle}.library-tools{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;color:#8e9b82;gap:7px;border:1px solid #e0e5d8;border-radius:6px;background:#fcfdf9;padding:8px 10px}.search input{border:0;background:none;font-size:11px;width:153px;outline:none;color:#4c5d42}.search input::placeholder{color:#a2aa98}select{background:#fcfdf9;border:1px solid #e0e5d8;border-radius:6px;font-size:10px;padding:10px;color:#64735a}.recordings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recording{min-width:0;border:1px solid #e0e5d8;border-radius:10px;background:#fdfefb;overflow:hidden}.thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#dbe3d2,#c5d1b9);position:relative;display:grid;place-items:center;width:100%;border:0;padding:0;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail .placeholder{font-size:44px;color:#819776}.play{position:absolute;background:#ffffffde;color:#354b30;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:15px;padding-left:2px}.duration{position:absolute;bottom:10px;right:10px;background:#263722bb;color:white;font-size:9px;padding:4px 6px;border-radius:4px}.card-content{padding:17px}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#98a18d;margin-bottom:10px}.source-tag{color:#788e9d}.recording h3{font-size:13px;font-weight:550;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-date{font-size:10px;color:#99a18e;margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid #eff1e9}.state{font-size:9px;color:#6f8b5e;background:#edf3e6;border-radius:4px;padding:5px 7px}.state.failed{color:#ae6556;background:#fbede5}.state.processing,.state.downloading,.state.queued,.state.uploading{color:#9f8850;background:#f5f0e0}.card-actions{display:flex;gap:10px}.icon-button{background:none;border:0;color:#8d9a80;padding:4px;font-size:15px}.icon-button:hover{color:#304b38}.error-copy{font-size:10px;color:#ac6d5a}.empty{text-align:center;padding:47px 20px 53px;border:1px dashed #dce3d4;border-radius:10px;background:#f3f5ed}.empty-icon{font-size:30px;color:#849a73;border:1px solid #dce4d1;background:#eaf0e2;border-radius:12px;display:inline-grid;place-items:center;width:57px;height:57px}.empty h3{font-size:17px;font-weight:500;margin-bottom:9px}.empty p{font-size:12px;line-height:1.8;color:#939e86;margin-bottom:22px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4e9dc;margin-top:39px;padding-top:19px;font-size:10px;color:#9ba58e}footer .status-dot{width:5px;height:5px}dialog{background:#f9fbf5;color:#2b3828;border:1px solid #dce4d2;border-radius:15px;width:min(500px,calc(100% - 32px));padding:29px;box-shadow:0 20px 90px #1d2c2640}dialog::backdrop{background:#1f2d2670;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin-top:13px}dialog p{font-size:12px;color:#859477;line-height:1.7}dialog label{display:flex;flex-direction:column;font-size:11px;gap:8px;margin:20px 0}dialog input{border:1px solid #d8e2ce;border-radius:6px;background:#fff;padding:12px;color:#405638;width:100%;min-width:0}dialog .button[type=submit]{width:100%;margin-top:22px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-title h2{margin:0}.close{background:none;border:0;font-size:25px;color:#8a9a7b}.dropzone{border:1px dashed #c8d7b9;border-radius:9px;padding:24px;text-align:center;background:#edf3e5;font-size:26px!important;color:#718e5b;align-items:center}.dropzone strong{font-size:12px}.dropzone small{font-size:10px;color:#95a385}.dropzone input{font-size:10px;padding:8px;background:none;border:0}#date-help{font-size:10px;color:#91a080}.form-error{color:#b04e41!important}#upload-progress{font-size:11px}.player-dialog{width:min(1000px,95%)}.player-dialog video{width:100%;max-height:65vh;background:#182017;border-radius:7px;margin:20px 0}.player-dialog h2{font-size:18px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:23px}#toast{position:fixed;bottom:25px;right:25px;background:#304b38;color:#fff;padding:15px 23px;border-radius:9px;max-width:400px;font-size:12px;box-shadow:0 8px 25px #0002}[hidden]{display:none!important}@media(min-width:1550px){.recordings{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){aside{width:200px;padding-left:17px;padding-right:17px}main{margin-left:200px}.content{padding:36px 30px}header{padding:0 30px}.preset{flex-wrap:wrap}.preset-values{margin-left:60px;gap:22px}.recordings{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:38px}}@media(max-width:820px){aside{position:static;width:100%;padding:17px 22px;border-right:0;border-bottom:1px solid #dfe4da}.brand{font-size:25px}.workspace-label,.nav,.sidebar-bottom{display:none}main{margin-left:0}header{height:58px;padding:0 22px}.content{padding:30px 22px}.heading{align-items:flex-start}h1{font-size:32px}.heading .button{font-size:10px;padding:12px;margin-top:24px}.preset-values{margin-left:0;width:100%;justify-content:space-between;gap:8px}.preset-values>div+div{padding-left:15px}.stats>div{padding:0 14px}.stats span{font-size:8px}.section-top{align-items:flex-start;flex-direction:column}.library-tools{width:100%}.search{flex:1}.search input{width:100%}.recordings{gap:14px}footer{font-size:8px}}@media(max-width:480px){.heading{flex-wrap:wrap}.heading .button{margin-top:0}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats>div:nth-child(3){border-left:0}.recordings{grid-template-columns:1fr}.preset{padding:19px 16px}.preset-values small{font-size:7px}.preset-values b{font-size:15px}.preset-copy strong{font-size:11px}.pill{font-size:7px}.private-badge{display:none}footer>span:last-child{display:none}}
#settings-dialog{max-height:90vh;overflow:auto}#settings-form small{display:block;font-size:10px;line-height:1.6;color:#859477}#settings-form select{width:100%;font-size:12px;padding:12px}#test-streamable{width:100%;margin-top:10px}#settings-message,#title-preview{font-size:11px}.checkbox-label{flex-direction:row!important;align-items:center}.checkbox-label input{width:auto}.transfer-progress{margin-top:12px}.transfer-progress p{font-size:10px;color:#819175;line-height:1.5}.transfer-progress progress{width:100%;height:6px;accent-color:#607e4e}.transfer-progress small{font-size:9px;color:#94a087}.state.completed{color:#507b46;background:#e7f0de}.state.uploading_streamable,.state.streamable_processing,.state.waiting_settings{color:#94783d;background:#f5efdd}.error-copy{line-height:1.6}.card-actions{flex-shrink:0}.card-bottom{gap:6px}#open-settings{font-size:10px;padding:8px 12px}.preset-values[hidden]{display:none}.offline{background:#bfad72}
.zoom-settings{border:1px solid #d8e2ce;border-radius:8px;padding:0 15px 12px;margin:22px 0}.zoom-settings legend{font-size:12px;font-weight:600;padding:0 6px;color:#526749}