:root{--sidebar:216px;--accent:#32634a;--line:#e1e5dd}body{background:#f8f9f5}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#193f32;color:#c5d4c5;padding:34px 16px 20px;display:flex;flex-direction:column;z-index:5}.syncroos-brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px;color:#fff;text-decoration:none;font-size:25px;font-weight:600;letter-spacing:2px}.syncroos-brand small{display:block;font-size:7px;color:#94b6a4;letter-spacing:1.4px;margin-top:4px}.bean-mark{font:bold italic 42px Georgia;color:#cce1a9}.nav-label{font-size:9px;color:#7d9c8b;letter-spacing:1.5px;margin:15px 15px 9px}.nav-item{width:100%;background:transparent;border:0;color:#bccdbd;border-radius:6px;display:flex;gap:13px;align-items:center;padding:13px 15px;text-align:left;font-size:12px;margin:2px 0}.nav-item>span{font-size:18px;color:#a5c0ac;width:20px;text-align:center;line-height:20px}.nav-item small{margin-left:auto;font-size:7px;border:1px solid #74927b;color:#d7e9b9;border-radius:3px;padding:2px 3px}.nav-item:hover{background:#ffffff0b}.nav-item.active{background:#375c44;color:#f3f9e9}.nav-item.active>span{color:#d5eab5}.nav-divider{border-top:1px solid #ffffff12;margin:19px 13px 14px}.sidebar-foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding:25px 14px 0;color:#aac1a9;font-size:11px}.sidebar-foot small{display:block;font-size:9px;color:#6d917c;margin-top:5px}.sidebar-foot>span:last-child{margin-left:auto;font:10px monospace}.sidebar-dot{width:5px;height:5px;background:#b4d084;border-radius:50%}.app-shell{margin-left:var(--sidebar);min-width:0}.topbar{margin:0 32px;height:74px}.breadcrumb{font-size:11px;color:#8c9883;display:flex;gap:13px;align-items:center}.breadcrumb strong{font-weight:500;color:#466144}.breadcrumb>span{color:#bbc3b4}.topbar #settings-open{font-size:11px}.header-center{margin-left:auto;margin-right:25px}main.realtime-workspace{grid-template-columns:minmax(340px,1.35fr) minmax(300px,1fr);height:calc(100dvh - 122px);padding:27px 32px 20px;gap:30px;min-height:660px}.chat-panel{padding-left:26px}.section-heading h1{font-size:23px}.heading-actions{display:flex;align-items:center;gap:5px}.heading-actions button{font-size:10px;padding:6px}.realtime-workspace .session-controls{flex-wrap:wrap}.realtime-workspace .session-controls>button{font-size:10px;padding:9px 7px}.realtime-workspace .start-actions>button{font-size:11px;padding:11px 13px}.realtime-workspace .stage{background:#e5eadf}.realtime-workspace .stage-empty h2{font-size:18px}.realtime-workspace .stage-empty p{font-size:11px}.status-badge{white-space:nowrap}.wide-workspace{padding:30px 32px;min-height:calc(100dvh - 122px);animation:enter .22s ease-out}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px;letter-spacing:.5px;margin-top:9px}.page-heading p{font-size:12px;color:#8b9681;margin:12px 0 0;line-height:1.8}.editing-layout{display:grid;grid-template-columns:minmax(400px,1fr) 285px;gap:30px}.editing-canvas{min-width:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:clamp(330px,53dvh,660px)}.media-surface{background:#e8ebe3;border-radius:9px;position:relative;overflow:hidden;min-width:0}.output-surface{background:#e0e7d9}.surface-label{position:absolute;top:20px;left:20px;right:20px;font-size:10px;color:#8a9780;z-index:2;display:flex;gap:12px;align-items:center}.surface-label span{color:#607554}.surface-label b{font-size:7px;margin-left:auto;font-weight:500;border:1px solid #acbb9d;padding:3px 5px;border-radius:3px;background:#eaf1dfaa}.media-surface video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.remote-output{position:absolute;inset:0}.media-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 20px;text-align:center;pointer-events:none}.media-empty>span{font-size:40px;color:#a0b293;font-weight:300;margin-bottom:20px}.media-empty strong{font-size:14px;font-weight:500;color:#748968}.media-empty p{font-size:10px;color:#9eaa92;line-height:1.8;margin-top:11px}.workflow-line{display:flex;align-items:center;justify-content:center;gap:20px;padding:22px 10px;border-bottom:1px solid var(--line);font-size:10px;color:#8a9780}.workflow-line i{font-style:normal;color:#b1bba6}.inspector{border-left:1px solid var(--line);padding-left:26px;min-width:0}.inspector h3,.creation-form h3{font-size:17px;font-weight:500;margin:10px 0 22px}.wide-workspace label,.large-dialog label{display:block;font-size:11px;color:#728468;margin:19px 0 0}.wide-workspace input:not([type=checkbox]),.wide-workspace select,.wide-workspace textarea,.large-dialog input:not([type=checkbox]),.large-dialog select,.large-dialog textarea{width:100%;border:1px solid #dce2d4;border-radius:5px;background:#fff;color:#425e39;padding:10px 11px;font-size:12px;margin-top:8px;min-width:0;line-height:1.5}.wide-workspace textarea{resize:vertical}.wide-workspace input[type=file]{font-size:10px}.full-width{width:100%;margin-top:20px}.wide-workspace details{margin-top:22px}.wide-workspace summary,.large-dialog summary{cursor:pointer;font-size:12px;color:#617851;padding:9px 0}.wide-workspace summary span{font-size:10px;color:#a1ac95;margin-left:5px}.image-picker{position:relative;height:158px;border:1px dashed #bac8ae;background:#eff3e9;border-radius:7px;margin-top:20px;overflow:hidden;cursor:pointer}.image-picker>input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;margin:0!important}.image-picker>img{width:100%;height:100%;object-fit:contain;background:#e7edde}.image-picker>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#819770}.image-picker>div>span{font-size:24px;margin-bottom:7px;font-weight:300}.image-picker strong{font-size:12px;font-weight:400}.image-picker small{font-size:9px;margin-top:8px;color:#a1ae94}.image-picker:has(img:not([hidden]))>div{display:none}.image-picker.compact{height:126px}.text-button{border:0;background:transparent;color:#547d42;font-size:11px;padding:10px 0}.inline-check{display:flex!important;align-items:center;gap:8px;font-size:11px!important;white-space:nowrap;margin:0!important}.inline-check input{accent-color:#45693b;width:14px;height:14px}.creation-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(350px,1.1fr);gap:40px}.creation-form{padding-right:35px;border-right:1px solid var(--line)}.creation-results{min-width:0}.creation-results .section-heading{margin-bottom:15px}.creation-results .section-heading h2{font-size:17px}.steps-inline{display:flex;gap:25px;padding:0 0 20px;border-bottom:1px solid var(--line);font-size:10px;color:#9aa78f}.steps-inline .active{color:#446f32}.timeline-row{display:grid;grid-template-columns:55px 55px 1fr 23px;gap:7px;align-items:end}.timeline-row input{font-size:11px!important;padding:8px!important}.timeline-row button{padding:8px 0;border:0;background:none;color:#9b705f}.job-list{max-height:285px;overflow:auto}.job-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;font-size:11px}.job-row>div{min-width:0;flex:1}.job-row strong{font-weight:500;color:#597548}.job-row p{font-size:9px;color:#939f89;margin:7px 0 0;overflow-wrap:anywhere}.job-row button{font-size:10px;padding:7px 10px}.job-row progress{width:100%;height:4px;accent-color:#769b5a;margin-top:10px}.result-preview{background:#e9eee1;min-height:330px;margin-top:25px;position:relative;border-radius:8px;overflow:hidden}.result-preview video{width:100%;max-height:450px;display:block;background:#152e23}.result-preview>p,.result-preview>a{font-size:12px;display:block;padding:15px;color:#617c51}.asset-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-top:15px;overflow:auto}.asset-tabs button{padding:0 2px 16px;background:none;border:0;border-radius:0;color:#94a189;font-size:12px;white-space:nowrap}.asset-tabs button.active{color:#365e28;border-bottom:2px solid #365e28}.asset-toolbar{display:flex;align-items:end;gap:9px;margin:23px 0}.asset-toolbar>div:first-child{flex:1}.asset-toolbar button{font-size:11px}.asset-toolbar label{margin:0}.asset-toolbar .search-inline{margin-right:auto;flex:1;max-width:480px}.asset-list{border-top:1px solid var(--line)}.asset-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.asset-row>img{width:65px;height:76px;border-radius:5px;object-fit:cover;background:#e3eadb}.asset-row .asset-symbol{width:52px;height:52px;background:#e9efdf;border-radius:8px;display:grid;place-items:center;font-size:22px;color:#90a67c}.asset-main{flex:1;min-width:0}.asset-main strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.asset-main p{font-size:10px;color:#879a79;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}.asset-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.asset-actions button,.asset-actions a{font-size:10px;padding:7px 10px}.empty-list{padding:85px 20px;text-align:center;color:#a0ad93}.empty-list strong{font-size:15px;font-weight:500;display:block;color:#7d9270;margin-bottom:12px}.empty-list p{font-size:11px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:22px;font-size:10px;color:#9cac8f}.pagination button{font-size:10px}.catalog-controls{display:flex;gap:14px;margin:20px 0 15px}.catalog-controls input{flex:1}.catalog-controls select{width:240px}.voice-presets{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;border-bottom:1px solid var(--line)}.voice-preset{padding:15px 0;border-top:1px solid var(--line);min-width:0}.voice-preset strong{font-size:11px;font-weight:500;color:#607d50}.voice-preset p{font-size:9px;line-height:1.7;color:#99a88c;margin:6px 0;overflow-wrap:anywhere}.voice-preset button{font-size:9px;padding:4px 7px}#voice-catalog>h3{font-size:14px;font-weight:500;margin-top:27px}.component-tools{border-left:0;padding-left:0}.component-output{height:290px;position:relative;background:#e4eadd;margin-top:18px;border-radius:8px;overflow:hidden}.component-output video{height:100%;width:100%;object-fit:contain}.large-dialog{width:720px}.large-dialog .settings-body{max-height:66dvh}.check-row{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap}.form-section-title{margin:30px 0 10px!important;padding-top:22px;border-top:1px solid var(--line)}.reference-row{padding:10px 0 17px;border-bottom:1px solid var(--line)}.reference-row .form-grid{grid-template-columns:1fr 1fr}.json-input{font:11px/1.7 Consolas,monospace!important}.resource-details{font-size:11px;line-height:1.9;color:#667e56;overflow-wrap:anywhere}.resource-details dt{color:#9bab90;margin-top:12px}.resource-details dd{margin:4px 0 0;white-space:pre-wrap}.large-dialog .hint{margin-top:12px}.page-heading .status-badge{align-self:flex-start;margin-top:15px}#asset-context input{max-width:310px}#recording-preview video{display:block;max-width:100%;max-height:500px}#recording-preview a{font-size:12px;color:#426b33}footer{margin:0 32px}.toast{left:calc(50% + var(--sidebar)/2)}
@media(min-width:1600px){:root{--sidebar:232px}.topbar{margin:0 42px}main.realtime-workspace{padding:30px 42px;gap:38px}.wide-workspace{padding:34px 42px}.editing-layout{grid-template-columns:minmax(500px,1fr) 310px}.comparison{height:60dvh}}
.task-search{display:flex;gap:10px;align-items:center;margin-bottom:14px}.task-search input{margin:0!important;flex:1}.task-search button{font-size:11px;white-space:nowrap}
@media(max-width:1250px){:root{--sidebar:186px}.sidebar{padding:30px 10px 18px}.nav-item{padding:11px;font-size:11px;gap:9px}.syncroos-brand{padding-left:10px;font-size:22px}.topbar{margin:0 24px}main.realtime-workspace{padding:24px;gap:22px;grid-template-columns:minmax(300px,1.2fr) minmax(270px,1fr)}.chat-panel{padding-left:20px}.heading-actions{flex-direction:column;align-items:flex-end}.wide-workspace{padding:26px 24px}.editing-layout{gap:20px;grid-template-columns:minmax(300px,1fr) 250px}.comparison{gap:9px}.surface-label{left:13px;right:13px}.surface-label b{display:none}.inspector{padding-left:18px}.creation-layout{gap:25px;grid-template-columns:minmax(270px,1fr) minmax(300px,1fr)}.creation-form{padding-right:22px}.voice-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.header-center{display:none}}
@media(max-width:1000px){:root{--sidebar:165px}.nav-item{font-size:10px}.nav-item small{display:none}.syncroos-brand{font-size:20px}.syncroos-brand small{font-size:6px}.sidebar-foot{padding-left:7px}.editing-layout,.creation-layout{grid-template-columns:1fr}.comparison{height:430px}.inspector{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.creation-form{border-right:0;padding-right:0}.creation-results{border-top:1px solid var(--line);padding-top:24px}main.realtime-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.preview-panel{height:620px}.chat-panel{border-left:0;padding-left:0;height:650px}.header-center{display:none}.page-heading h1{font-size:24px}.voice-presets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;width:100%;height:58px;flex-direction:row;overflow-x:auto;gap:5px;align-items:center;padding:6px 12px;scrollbar-width:none}.syncroos-brand{padding:0 14px 0 0;gap:6px;font-size:15px;flex-shrink:0}.bean-mark{font-size:27px}.syncroos-brand small,.nav-label,.sidebar-foot,.nav-divider{display:none}.nav-item{width:auto;flex-shrink:0;font-size:10px;padding:9px 10px}.nav-item>span{display:none}.app-shell{margin-left:0}.topbar{height:60px;margin:0 18px}.breadcrumb{font-size:10px;gap:8px}.topbar #settings-open{font-size:10px}main.realtime-workspace{padding:24px 18px;gap:30px}.wide-workspace{padding:25px 18px}.page-heading{gap:10px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.page-heading .inline-check{font-size:9px!important}.comparison{height:340px;gap:9px}.media-empty{padding:18px 8px}.media-empty strong{font-size:12px}.media-empty p{font-size:9px}.surface-label{font-size:8px;gap:6px}.editing-layout{gap:27px}.workflow-line{font-size:8px;gap:11px}.session-controls{flex-wrap:wrap}.session-controls button{font-size:11px;padding:10px}.creation-layout{display:block}.creation-results{margin-top:30px}.asset-tabs{gap:22px}.asset-tabs button{font-size:11px}.asset-toolbar{flex-wrap:wrap}.asset-toolbar>div:first-child{flex-basis:100%}.asset-row{gap:11px;flex-wrap:wrap}.asset-main{min-width:170px}.asset-actions{width:100%;justify-content:flex-start}.catalog-controls{flex-direction:column;gap:0}.catalog-controls select{width:100%}.voice-presets{gap:0 16px}.pagination{justify-content:center}.check-row{gap:12px}.heading-actions button{font-size:9px}.large-dialog .settings-body{max-height:62dvh}footer{margin:0 18px}.toast{left:50%}}

.room-status{margin-bottom:8px}.room-detail{font-size:10px;line-height:1.8;margin:0 0 15px;color:#819078}