:root{font-family:Inter,Arial,sans-serif;color:#e9ecf0;background:#101216;font-synthesis:none;font-size:13px;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){color:#fff}input,select,textarea{color:#e5e9ee;background:#1b1e24;border:1px solid #32363e;border-radius:5px;padding:10px 11px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#8baa60}textarea{resize:vertical;min-height:65px}input[type=number]{min-width:0}input[type=checkbox]{width:13px;accent-color:#b9f56b}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#939ba7}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b9f56b;outline-offset:2px}svg{flex-shrink:0}.studio{display:flex;height:100vh;min-height:720px;overflow:hidden}.rail{width:68px;background:#101216;border-right:1px solid #292c33;display:flex;flex-direction:column;align-items:center;padding:19px 0;gap:13px;flex-shrink:0}.brand-mark{width:37px;height:37px;background:#b9f56b;color:#172211;display:grid;place-items:center;border-radius:10px;margin-bottom:34px}.rail-button{width:44px;height:44px;display:grid;place-items:center;color:#747d8b;border-radius:7px}.rail-button.active{background:#232d1e;color:#b9f56b}.rail-button:hover{background:#23262c}.rail-bottom{margin-top:auto;border:1px solid #393d45;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px;color:#9ca4b0}.studio-body{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:74px;flex-shrink:0;display:flex;align-items:center;padding:0 28px;gap:20px;border-bottom:1px solid #2b2e35;background:#15171c}.wordmark{font-size:18px;letter-spacing:1.1px;font-weight:800}.wordmark span{font-weight:400;color:#bbc1cb;margin-left:5px}.local-badge{font-size:9px;letter-spacing:1.3px;color:#a1aaba;border:1px solid #373c45;padding:5px 7px;border-radius:4px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:24px}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#8993a0}.connection i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8ae58}.connection.online i,.status-dot{background:#b9f56b}.avatar{width:32px;height:32px;border-radius:50%;background:#293124;color:#cbe9a7;display:grid;place-items:center;font-weight:600}.button{border:1px solid #3a3e47;background:#242830;border-radius:5px;min-height:35px;padding:8px 13px;font-size:11px;white-space:nowrap}.button:hover:not(:disabled){background:#30353e}.button.primary,.button.take{background:#b9f56b;border-color:#b9f56b;color:#16240f;font-weight:700}.button.primary:hover:not(:disabled),.button.take:hover:not(:disabled){background:#cbff8e;color:#16240f}.output-link{display:flex;align-items:center;gap:8px;background:transparent}.workspace-bar{height:56px;display:flex;align-items:center;padding:0 25px;gap:20px;border-bottom:1px solid #2b2e35;flex-shrink:0;position:relative;background:#191b21}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#808998;min-width:0}.breadcrumb strong{color:#c6ccd5;font-weight:500;max-width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tabs{position:absolute;left:50%;transform:translate(-50%);height:100%;display:flex;gap:25px}.tabs button{height:100%;padding:0 3px;color:#828b98;border-bottom:2px solid transparent;font-size:12px}.tabs button.active{color:#cbeea5;border-bottom-color:#b9f56b}.format{margin-left:auto;font-size:10px;color:#9da5b0;letter-spacing:.5px}.format span{margin-left:12px;font-size:9px;border:1px solid #363b44;border-radius:3px;padding:3px 5px}.compose-layout{display:grid;grid-template-columns:230px minmax(360px,1fr) 280px;flex:1;min-height:0}.left-panel,.inspector{background:#191b21;display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid #2b2e35}.inspector{border-left:1px solid #2b2e35}.panel-heading{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #2a2d34;font-size:10px;letter-spacing:1.3px;color:#9da6b3;flex-shrink:0}.panel-heading button{color:#8a95a4;padding:5px}.composition-list{padding:12px 9px;max-height:190px;overflow:auto}.composition-item{width:100%;padding:12px 9px;border-radius:5px;text-align:left;justify-content:flex-start;font-size:11px;gap:11px}.composition-item.selected{background:#262b24}.comp-icon{height:32px;width:32px;background:#343c2e;border:1px solid #47523d;border-radius:5px;display:grid;place-items:center;color:#c6e5a7}.composition-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.composition-item small,.cue-row small{display:block;font-size:9px;color:#8c95a2;margin-top:6px}.layers-heading{border-top:1px solid #2a2d34;margin-top:5px}.layers-heading b{font-size:9px;color:#6b7685;margin-left:9px;font-weight:400}.layer-list{padding:10px 8px;overflow:auto;flex:1}.layer{width:100%;justify-content:flex-start;text-align:left;padding:12px 10px;color:#a7afbb;font-size:11px;border-radius:4px;margin-bottom:2px;gap:10px}.layer.selected{background:#2a3025;color:#d0efb0}.layer span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binding-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#a9d774;margin-left:auto}.left-footer{border-top:1px solid #2a2d34;padding:14px 12px;display:flex;gap:8px}.left-footer .button{flex:1;font-size:10px;padding:8px}.canvas-panel{display:flex;flex-direction:column;min-height:0;background:#14161b}.canvas-toolbar{height:49px;border-bottom:1px solid #2b2e35;display:flex;align-items:center;padding:0 16px;gap:13px;flex-shrink:0;background:#1a1c22}.tool-group{display:flex;align-items:center;gap:3px;border-right:1px solid #353943;padding-right:12px}.tool-group button{width:31px;height:31px;border-radius:4px;color:#969fad}.tool-group button:hover{background:#30343c}.toolbar-spacer{flex:1}.safe-toggle{flex-direction:row;align-items:center;font-size:10px;gap:6px;white-space:nowrap}.zoom-label{font-size:9px;color:#959eab;border:1px solid #383d46;padding:4px 7px;border-radius:4px;margin-left:10px}.canvas-workspace{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 30px;min-height:0;background-image:radial-gradient(#2c3038 .7px,transparent .7px);background-size:18px 18px}.canvas-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#6d7785;margin-bottom:13px}.canvas-meta span:last-child{letter-spacing:.3px}.design-canvas{position:relative;width:100%;box-shadow:0 15px 35px #0007;outline:1px solid #363b45;touch-action:none;flex-shrink:0;max-height:calc(100vh - 370px)}.canvas-backdrop,.monitor-surface{background:radial-gradient(ellipse at 60% 20%,#29313e,#19222e 45%,#111922)}.canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.artwork{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.artwork div{-webkit-user-select:none;user-select:none}.safe-guide{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px dashed #66718050;pointer-events:none}.canvas-footnote{display:flex;justify-content:space-between;margin-top:15px;color:#75808e;font-size:9px;gap:10px}.canvas-footnote span:first-child{display:flex;gap:7px;align-items:center}.canvas-footnote i{width:5px;height:5px;border-radius:50%;background:#b9f56b}.animation-panel{height:110px;background:#1a1c22;border-top:1px solid #30343c;display:flex;align-items:center;gap:20px;padding:20px;flex-shrink:0}.animation-panel>div{display:grid;grid-template-columns:22px 1fr;gap:8px;flex:1;color:#b9f56b}.animation-panel strong{font-size:12px;color:#ccd2dc;font-weight:500}.animation-panel>div span{grid-column:2;font-size:10px;color:#727d8c}.animation-panel label{width:145px;font-size:9px}.animation-panel label:last-child{width:90px}.animation-panel select{font-size:10px}.input-suffix{display:flex;align-items:center;position:relative}.input-suffix input{padding-right:30px}.input-suffix span{position:absolute;right:9px;color:#6f7987}.inspector-content{padding:18px;flex:1;overflow:auto}.inspector label{margin-bottom:14px;font-size:10px}.inspector input,.inspector select,.inspector textarea{font-size:11px;padding:9px}.section-title{border-top:1px solid #30343c;padding-top:18px;margin:20px 0 15px;font-size:9px;letter-spacing:1.3px;color:#8390a0}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.property-grid label{text-transform:capitalize;font-size:9px}.color-control{height:36px;border:1px solid #32363e;display:flex;align-items:center;border-radius:5px;background:#1b1e24;gap:10px;color:#b0b9c6;font-size:10px}.color-control input{border:0;width:32px;height:29px;padding:3px;background:transparent;margin-left:3px}.hint{color:#768292;font-size:10px;line-height:1.6;margin-top:-4px}.element-actions{display:flex;gap:8px}.element-actions button{border:1px solid #343a43;width:36px;height:30px;border-radius:4px;color:#8d98a7}.element-actions button:last-child{margin-left:auto;color:#c18b8b}.field-title{display:flex;justify-content:space-between;align-items:center}.field-title button{color:#aab7c8}.field-card{border:1px solid #323740;background:#15181d;border-radius:5px;padding:10px;margin-bottom:10px}.field-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.field-card code{font-size:10px;color:#a7ce7c}.field-card button{color:#748090}.field-card input{margin-bottom:7px;font-size:10px}.field-card input:last-child{margin-bottom:0;color:#96a2b1}.publish-footer{padding:14px 16px;border-top:1px solid #30343c;background:#1b1e24}.publish-footer>span{color:#939eac;font-size:9px}.publish-footer>div{display:flex;gap:8px;margin-top:11px}.publish-footer .button{flex:1}.empty-small{font-size:11px;line-height:1.8;padding:14px 8px;color:#788594}.statusbar{display:flex;height:29px;align-items:center;justify-content:space-between;padding:0 20px;font-size:9px;letter-spacing:.5px;color:#778291;border-top:1px solid #30343c;background:#17191f;flex-shrink:0}.statusbar>span:first-child{display:flex;align-items:center;gap:8px}.statusbar b{font-size:8px;border:1px solid #38414b;padding:2px 4px;margin-left:6px;font-weight:400}.offline{background:#e8ae58}.error-banner{padding:10px 20px;display:flex;justify-content:space-between;background:#42252b;border-bottom:1px solid #71343c;color:#f1b4bf;font-size:11px;flex-shrink:0}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);background:#2b3823;border:1px solid #637e48;box-shadow:0 10px 25px #0004;padding:13px 20px;border-radius:7px;color:#d3efb7;display:flex;gap:10px;align-items:center;z-index:20;font-size:12px}.operate-layout{flex:1;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}.rundown-panel{border-right:1px solid #2d3139;background:#191b21;display:flex;flex-direction:column;min-height:0}.count{color:#697688}.rundown-title{font-size:15px;font-weight:500;padding:25px 21px 12px}.rundown-title p{font-size:10px;color:#7e8998;font-weight:400;margin-top:8px}.cue-list{flex:1;overflow:auto;padding:6px 10px}.cue-row{display:flex;border:1px solid #303640;border-radius:5px;margin-bottom:8px;background:#20242b}.cue-row>button:first-child{padding:14px 10px;justify-content:flex-start;text-align:left;flex:1;min-width:0;gap:10px}.cue-row>button:first-child>span:nth-child(2){flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis}.cue-row small{font-size:9px}.cue-number{color:#70805e;font-size:10px}.cue-delete{padding:0 8px;color:#7a8697}.rundown-footer{border-top:1px solid #303640;padding:18px 20px;display:flex;align-items:center;gap:12px;color:#9da9b9}.rundown-footer span{font-size:11px}.rundown-footer small{display:block;color:#6d7989;font-size:9px;margin-top:5px}.playout-panel{padding:28px 35px;overflow:auto;background:#14161b}.playout-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#9ecf6f;font-size:9px;letter-spacing:1.8px}.playout-heading h1{font-size:27px;letter-spacing:-.8px;font-weight:500;margin:10px 0}.playout-heading p{font-size:11px;color:#8390a2;margin:0}.on-air-badge,.off-air-badge{display:flex;align-items:center;gap:8px;color:#ff8d93;border:1px solid #774047;background:#41272c;padding:8px 11px;font-size:9px;letter-spacing:1px;border-radius:4px}.on-air-badge i,.off-air-badge i{width:6px;height:6px;background:currentColor;border-radius:50%}.off-air-badge{color:#8794a5;border-color:#3b414b;background:#242830}.monitors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.monitor-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#c0c8d3;margin-bottom:11px}.monitor-label>span:last-child{margin-left:auto;color:#69788b;letter-spacing:0}.preview-dot,.program-dot{display:inline-block;width:5px;height:5px;background:#b9f56b;border-radius:50%}.program-dot{background:#f98790}.monitor-surface{aspect-ratio:16/9;position:relative;border:1px solid #36404f;border-radius:6px;overflow:hidden}.program-art{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.monitor-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:#7d8c9f}.transport{display:flex;gap:10px;align-items:center;margin:20px 0 27px}.transport .button{padding:11px 20px;min-height:41px;font-size:11px}.clear-button{font-size:10px;color:#9c7780;padding:10px}.controls-card{border:1px solid #303743;border-radius:7px;background:#1a1d24;padding:23px}.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.controls-heading h2{font-size:14px;margin:0 0 7px;font-weight:500}.controls-heading p{color:#7d899a;font-size:10px;margin:0}.controls-heading select{max-width:260px;font-size:11px}.operator-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.operator-fields input{font-size:12px;padding:12px}.save-cue{border-top:1px solid #303641;padding-top:19px;margin-top:22px;display:flex;gap:10px}.save-cue input{max-width:300px;font-size:11px}.output-info{display:flex;align-items:center;gap:14px;margin-top:26px;padding:0 3px;color:#8898a9}.output-info strong{font-size:11px;font-weight:500;color:#a4afbd}.output-info p{font-size:10px;color:#758397;margin:6px 0 0}.output-info .button{margin-left:auto}.output-page{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent}.output-page .program-art{width:100%;height:100%}body:has(.output-page),:root:has(.output-page){background:transparent}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bc9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:30}.modal{width:650px;background:#1b1f26;border:1px solid #3d4653;border-radius:13px;padding:38px;position:relative;box-shadow:0 30px 100px #0009}.modal-close{position:absolute;right:17px;top:17px;color:#8d9aad}.modal h2{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:13px 0}.modal>p{color:#8b98aa;font-size:12px}.template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.template-options button{border:1px solid #384351;border-radius:8px;background:#242a33;padding:22px 15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px}.template-options button:hover{border-color:#8faa6d;background:#2c3526}.template-options svg{color:#b9f56b}.template-options strong{font-size:12px}.template-options span{font-size:10px;line-height:1.7;color:#919eaf}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#38414d;border-radius:3px}@media(min-width:1600px){.compose-layout{grid-template-columns:250px minmax(360px,1fr) 300px}.canvas-workspace{padding:45px 50px}}@media(max-width:1150px){.compose-layout{grid-template-columns:190px minmax(300px,1fr) 240px}.rail{width:55px}.topbar{padding:0 18px}.connection{display:none}.canvas-workspace{padding:20px}.animation-panel{gap:10px;padding:15px}.animation-panel>div span{display:none}.animation-panel label{width:120px}.inspector-content{padding:13px}.operate-layout{grid-template-columns:220px minmax(0,1fr)}.playout-panel{padding:24px}.breadcrumb{max-width:260px}.tabs{left:55%}}@media(max-width:850px){.studio{height:auto;min-height:100vh;overflow:visible}.studio-body{min-height:100vh}.rail{display:none}.compose-layout{grid-template-columns:160px minmax(0,1fr)}.inspector{grid-column:1/-1;border-top:1px solid #333}.inspector-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspector-content>*{min-width:0}.canvas-workspace{min-height:340px}.animation-panel>div{display:none}.local-badge,.format,.breadcrumb{display:none}.tabs{left:20px;transform:none}.operate-layout{grid-template-columns:1fr}.rundown-panel{max-height:230px}.rundown-title,.rundown-footer{display:none}.monitors{gap:12px}.transport{flex-wrap:wrap}.controls-heading{align-items:flex-start;flex-direction:column}.modal{width:90%;padding:25px}.template-options{grid-template-columns:1fr}.template-options button{padding:15px}.statusbar{margin-top:auto}}.field-image{max-width:100%;height:70px;object-fit:contain}.timeline-editor{background:#202127;border:1px solid #393a45;border-radius:7px;padding:16px;margin:12px 18px 20px;font-size:11px}.timeline-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline-heading strong{margin-right:auto}.timeline-editor .button{font-size:10px;padding:7px 10px}.timeline-settings{display:flex;gap:16px;align-items:center;margin:15px 0}.timeline-settings label{max-width:150px}.timeline-settings span{color:#a49aad;margin-left:auto}.timeline-playhead{width:100%;accent-color:#b692ec}.timeline-tracks{padding:10px 8px}.timeline-track{display:flex;gap:10px;align-items:center;min-height:32px}.timeline-track>span{width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track>div{flex:1;position:relative;height:26px;background:#302d38;border-radius:3px}.timeline-track.selected>div{background:#443750}.timeline-track button{position:absolute;top:5px;transform:translate(-50%);font-size:11px;padding:0;color:#cba5fc}.timeline-track i{position:absolute;top:0;bottom:0;border-left:1px solid #ffffff;pointer-events:none}.timeline-keyframes{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.timeline-keyframes>select{width:125px}.keyframe-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%}.keyframe-grid input,.keyframe-grid select{padding:7px;font-size:10px}.timeline-keyframes small{color:#978ba7}.timeline-editor .hint{margin-bottom:0}.shared-controller{max-width:640px;padding:25px;margin:0 auto;color:#e9e2f1}.shared-controller header>span{font-size:10px;color:#b998e8}.shared-controller h1{font-size:25px;margin:12px 0}.shared-controller h2{font-size:16px;margin-top:30px}.shared-preview{aspect-ratio:16/9;position:relative;background:repeating-conic-gradient(#292631,#292631 25%,#34303b 0%,#34303b 50%) 50%/20px 20px;border-radius:6px;margin:20px 0}.shared-preview>.artwork{width:100%;height:100%}.shared-actions{display:flex;gap:10px;flex-wrap:wrap}.control-link-row{display:flex;gap:8px;align-items:center;margin:14px 0;flex-wrap:wrap}.control-link-row strong,.control-link-row a{flex:1;overflow-wrap:anywhere}.control-links>small{display:block;font-size:10px;line-height:1.6;color:#a192b1;margin-top:15px}.control-links .button{font-size:10px}.shared-controller section{margin:20px 0}.shared-controller input,.shared-controller textarea,.shared-controller select{background:#211e28;color:#fff}.shared-controller textarea{min-height:90px}@media(max-width:850px){.keyframe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-settings{flex-wrap:wrap}.timeline-editor{margin:10px}.timeline-track>span{width:85px}.shared-controller{padding:18px}}.canvas-panel{overflow-y:auto;min-height:0}.canvas-panel .canvas-workspace{flex:none;min-height:350px}.timeline-editor{flex-shrink:0}.canvas-panel .canvas-toolbar{position:sticky;top:0;z-index:3}.canvas-panel .design-canvas{max-height:none}.uno-fields input[type=color],.field-card input[type=color],.shared-controller input[type=color]{height:38px;padding:4px;width:80px}.uno-fields input[type=checkbox]{accent-color:#b692ec}.timeline-track .keyframe-draggable{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;min-width:20px;height:22px;top:2px}.timeline-track .keyframe-locked{cursor:default;color:#9588a5;min-width:20px;height:22px;top:2px}.timeline-track button:focus-visible{outline:2px solid #d3b5ff;border-radius:3px}.timeline-track>.timeline-layer-name{position:static;transform:none;flex-shrink:0;width:110px;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0;color:#c5b7d4;border-radius:3px}.timeline-track>.timeline-layer-name:hover{color:#fff}.timeline-track.selected>.timeline-layer-name{color:#d5b5ff;font-weight:600}@media(max-width:850px){.timeline-track>.timeline-layer-name{width:85px}}.animation-panel{height:auto;min-height:110px;flex-wrap:wrap}.animation-panel>div{min-width:150px}.animation-panel>div>.button{grid-column:1/-1;justify-self:start;font-size:10px;min-width:150px;white-space:nowrap}.canvas-panel,.timeline-editor{min-width:0}.timeline-keyframes>strong{overflow-wrap:anywhere}.canvas-toolbar{overflow-x:auto}.timeline-track>.timeline-layer-name{flex-basis:110px}@media(max-width:600px){.compose-layout{display:flex;flex-direction:column;min-width:0}.left-panel{border-right:0;border-bottom:1px solid #333}.composition-list,.layer-list{display:flex;gap:8px;overflow-x:auto;max-height:none;flex:none;padding:8px}.composition-item,.layer-list>.layer{flex:0 0 165px;margin:0}.left-panel>.panel-footer{display:none}.canvas-panel{overflow:visible}.canvas-panel .canvas-toolbar{position:static;padding:0 10px;gap:8px}.canvas-panel .canvas-workspace{min-height:0;padding:18px 16px}.inspector-content{display:flex;flex-direction:column}.inspector-content>.property-grid{display:grid}.animation-panel{padding:14px}.animation-panel>div{display:grid}.timeline-settings{gap:10px}.timeline-settings>span{margin-left:0}.timeline-track>.timeline-layer-name{flex-basis:85px}.topbar{padding:0 16px;gap:10px}.topbar-right{gap:10px}.topbar-right .connection{display:none}.statusbar{gap:8px;padding:0 10px;font-size:8px}.format{display:none}}.font-picker,.behavior-editor{display:flex;flex-direction:column;gap:12px;margin:16px 0;padding-top:14px;border-top:1px solid #363e48}.font-sample{padding:12px;border:1px solid #363e48;border-radius:5px;font-size:20px;overflow-wrap:anywhere}.font-picker .hint{margin:0}@keyframes behavior-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--behavior-scale))}}@keyframes behavior-float-x{0%,to{transform:translate(0)}25%{transform:translate(var(--behavior-distance))}75%{transform:translate(calc(-1 * var(--behavior-distance)))}}@keyframes behavior-float-y{0%,to{transform:translateY(0)}25%{transform:translateY(var(--behavior-distance))}75%{transform:translateY(calc(-1 * var(--behavior-distance)))}}@keyframes behavior-spin{0%{transform:rotate(0)}to{transform:rotate(var(--behavior-angle))}}@keyframes behavior-blink{0%,to{opacity:1}50%{opacity:var(--behavior-opacity)}}.font-list-heading{display:flex;flex-direction:column;gap:6px}.font-list-heading strong{font-size:12px}.font-list-heading span{font-size:10px;color:#929bab}.font-list{position:relative;max-height:300px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #363e48;border-radius:6px;background:#151b23}.font-list-option{width:100%;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;padding:12px;border-bottom:1px solid #2b333e;min-height:72px;border-radius:0}.font-list-option:hover{background:#26303c}.font-list-option.selected{background:#283529;box-shadow:inset 3px 0 #b9f56b}.font-list-option:focus-visible{outline:2px solid #b9f56b;outline-offset:-2px}.font-list-name{display:flex;justify-content:space-between;font-size:11px;color:#c4ccd8}.font-list-name b{color:#b9f56b}.font-list-preview{font-size:19px;line-height:1.4;color:#f0f3f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-list-empty{padding:12px}.timeline-heading>label{width:130px;min-width:0;font-size:10px;gap:5px}.timeline-heading>label select{padding:7px;font-size:11px}.timeline-heading .button{align-self:flex-end}.timeline-settings{flex-wrap:wrap}.timeline-heading>label.timeline-duration{width:100px}.timeline-heading>label.timeline-duration input{padding:7px;font-size:11px}.property-field-label{display:inline-flex;align-items:center;gap:5px;text-align:left;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;max-width:100%;flex-wrap:wrap}.property-field-label svg{color:#978ba7;flex-shrink:0}.property-field-label:hover,.property-field-label.bound{color:#b9f56b}.property-field-label:focus-visible{outline:1px solid #b9f56b;outline-offset:3px}.property-field-label>span{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9f56b}.property-inline-actions{display:flex;gap:18px;margin:12px 0;font-size:11px}.property-field-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#202127;color:#e9e2f1;border:1px solid #45404f;border-radius:8px;padding:20px;box-sizing:border-box;font-size:12px}.property-field-dialog::backdrop{background:#0009}.property-field-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.property-field-dialog header strong{overflow-wrap:anywhere}.property-field-dialog header button{color:#a49aad;background:transparent;border:0;padding:4px;cursor:pointer}.property-field-dialog label{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.property-field-dialog input,.property-field-dialog select{box-sizing:border-box;width:100%;padding:9px;background:#17181d;color:#fff;border:1px solid #45404f;border-radius:4px}.property-field-create{margin-top:18px;border-top:1px solid #393a45;padding-top:18px}.property-field-dialog .hint{line-height:1.6}.workspace-actions{margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}.workspace-bar .tabs{position:static;transform:none;margin-left:auto;flex-shrink:0;align-self:stretch}.workspace-actions .format{white-space:nowrap}.composition-item{display:flex;padding:0 5px 0 0;gap:2px}.composition-select{flex:1;min-width:0;justify-content:flex-start;text-align:left;padding:12px 9px;gap:11px;font-size:11px}.composition-select>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.composition-delete{padding:5px;color:#85909f;flex-shrink:0;border-radius:4px}.composition-delete:hover{background:#512c32;color:#ff9b9b!important}.button.danger{background:#612e36;border-color:#8e4551;color:#ffe2e5}.shared-control-bar .topbar-right{gap:16px}@media(max-width:900px){.workspace-bar{height:auto;min-height:56px;flex-wrap:wrap;gap:8px 16px;padding:8px 16px}.workspace-bar .tabs{height:40px;margin-left:0;order:3;flex-basis:100%;justify-content:center}.workspace-actions{gap:8px}.workspace-actions .format{display:none}.workspace-bar .breadcrumb{flex:1}.workspace-bar .breadcrumb strong{max-width:160px}.workspace-actions .button{font-size:10px;padding:7px 8px}.shared-control-bar .topbar-right{gap:8px}.shared-control-bar .connection{font-size:9px}}.timeline-presets{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:12px 0;margin-top:12px;border-top:1px solid #353640}.timeline-presets label{width:150px;gap:5px;font-size:10px}.timeline-presets .preset-duration{width:100px}.timeline-presets input,.timeline-presets select{padding:7px;font-size:11px}.timeline-presets .button{min-height:31px;padding:7px 10px;font-size:10px}.canvas-mode{display:flex;background:#11151b;border:1px solid #3c424c;border-radius:5px;padding:2px}.canvas-mode button{font-size:10px;padding:6px 9px;border-radius:3px}.canvas-mode button[aria-pressed=true]{background:#33412a;color:#c8f697}.property-timeline .timeline-track{grid-template-columns:150px minmax(0,1fr) 24px}.property-timeline .timeline-layer-name{font-size:9px}.property-timeline .timeline-track>div button{touch-action:none;cursor:ew-resize}.property-track-remove{font-size:16px;color:#b78e9c}.property-timeline .timeline-track>.property-track-remove{position:static;transform:none;flex:0 0 20px;padding:2px;font-size:16px;color:#b78e9c}.property-timeline .timeline-layer-name{padding-left:12px}.property-timeline .timeline-track>div{margin-right:0}input.timeline-playhead{padding:0;border:0;margin:0;background:transparent;border-radius:0;height:20px}.ae-timeline{--ae-label:210px;--ae-actions:24px;margin-top:12px}.ae-row,.ae-ruler{display:grid;grid-template-columns:var(--ae-label) minmax(0,1fr) var(--ae-actions);align-items:center;min-height:30px;gap:8px}.ae-ruler{padding-bottom:18px;margin-bottom:8px;color:#8c849a;font-size:9px}.ae-ruler>div{position:relative;min-width:0}.ae-ticks{position:relative;height:12px}.ae-ticks span{position:absolute;white-space:nowrap;transform:translate(-50%);font-size:8px}.ae-ticks span:first-child{transform:none}.ae-ticks span:last-child{transform:translate(-100%)}.ae-layer-label,.ae-property-label{display:flex;align-items:center;min-width:0;gap:5px}.ae-layer-label>button:first-child{width:18px;padding:0;color:#aaa0b7}.ae-layer-label>.timeline-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;justify-content:flex-start;padding:5px 0;font-size:11px;min-width:0}.ae-layer-row{border-top:1px solid #3a3542;margin-top:5px}.ae-layer-row.selected .timeline-layer-name{color:#d4b5ff}.ae-property-label{padding-left:22px;font-size:9px}.ae-property-label>button:first-child{min-width:0;text-align:left;padding:0;justify-content:flex-start;color:#ada2bc;white-space:nowrap}.ae-property-label>span{margin-left:auto;color:#b79fd2;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.ae-property-label>button:last-child{padding:0;width:18px;flex-shrink:0;color:#c6a6ec}.ae-lane{height:26px;position:relative;background:#302d38;min-width:0;border-radius:2px;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#51475960 0);background-size:25% 100%}.ae-layer-lane{height:18px;background-color:#26252c}.ae-keyframe{position:absolute;top:3px;transform:translate(-50%);width:18px;height:20px;padding:0;color:#c8a4f6;font-size:11px;touch-action:none;cursor:ew-resize}.ae-property-row.selected .ae-lane{background-color:#44364f}.ae-playhead{position:absolute;top:0;bottom:0;border-left:1px solid #d6b4ff;pointer-events:none}.ae-property-add,.ae-frame-editor{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.ae-property-add>select{width:150px;padding:7px;font-size:10px}.ae-frame-editor{padding:12px 0;border-top:1px solid #3a3542}.ae-frame-editor>label{width:110px;font-size:10px}.ae-frame-editor input,.ae-frame-editor select{padding:7px;font-size:11px}.ae-frame-editor strong{align-self:center;font-size:11px;margin-right:6px}@media(max-width:850px){.ae-timeline{--ae-label:145px}.ae-property-label{padding-left:12px;gap:3px}.ae-property-label>span{max-width:35px}.ae-ticks span{font-size:7px}}@media(max-width:500px){.ae-timeline{--ae-label:125px;--ae-actions:16px}.ae-row,.ae-ruler{gap:4px}.ae-property-label>span{display:none}.ae-ticks span:nth-child(2),.ae-ticks span:nth-child(4){display:none}}.ae-ruler input.timeline-playhead{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% + 12px);margin-left:-6px}.ae-ruler input.timeline-playhead::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#665b74}.ae-ruler input.timeline-playhead::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4.5px;background:#b692ec}.ae-ruler input.timeline-playhead::-moz-range-track{height:3px;background:#665b74}.ae-ruler input.timeline-playhead::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#b692ec}.canvas-panel{overflow:hidden}.canvas-panel .canvas-toolbar{position:static;flex-shrink:0}.canvas-panel .canvas-workspace{flex:1;min-height:0;padding:12px 24px;container-type:size;align-items:center}.canvas-panel .canvas-meta,.canvas-panel .canvas-footnote{width:100%;flex-shrink:0}.canvas-panel .design-canvas{width:min(100%,calc((100cqh - 56px)*16/9));max-height:none;margin:auto}.canvas-panel.animating .canvas-workspace{flex:1 1 42%;min-height:100px}.canvas-panel .timeline-editor{display:flex;flex-direction:column;flex:1.4 1 58%;min-height:0;overflow:hidden;margin:8px 14px 12px;padding:12px}.canvas-panel .timeline-heading,.canvas-panel .timeline-presets,.canvas-panel .timeline-settings,.canvas-panel .timeline-keyframes{flex-shrink:0}.canvas-panel .timeline-presets{padding:8px 0;margin-top:8px}.canvas-panel .timeline-settings{margin:4px 0}.canvas-panel .ae-timeline{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:8px}.canvas-panel .ae-ruler{flex-shrink:0;padding-bottom:8px;padding-right:10px;margin-bottom:4px}.ae-layer-list{flex:1;min-height:60px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding:0 8px}.ae-layer-list::-webkit-scrollbar{width:8px}.ae-layer-list::-webkit-scrollbar-thumb{background:#504558;border-radius:4px}.ae-property-add,.ae-frame-editor{flex-shrink:0;margin-top:8px}.ae-frame-editor{padding:8px 0}.timeline-keyframes{margin-top:8px}.canvas-panel .ae-frame-editor>label{width:90px}.canvas-panel .ae-frame-editor{gap:8px}.canvas-panel .ae-frame-editor .button{padding:7px}.ae-ruler{padding-left:8px}.ae-layer-list .ae-layer:first-child .ae-layer-row{margin-top:0}@media(max-width:850px){.canvas-panel{height:850px;overflow:hidden}.canvas-panel .canvas-workspace{min-height:0}.canvas-panel .timeline-editor{margin:8px}.canvas-panel.animating .canvas-workspace{flex:1 1 32%}.canvas-panel .timeline-editor{flex:2 1 68%}.canvas-panel .ae-layer-list{min-height:60px}}.effects-editor{border-top:1px solid #34353c;margin-top:18px;padding-top:14px}.effects-editor .section-title{margin-top:0}.effect-add{display:flex;gap:7px;margin-bottom:12px}.effect-add select{font-size:11px;padding:8px;min-width:0}.effect-add .button{padding:7px}.effect-card{border:1px solid #383b44;border-radius:5px;margin:10px 0;padding:10px}.effect-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.effect-heading label{flex-direction:row;align-items:center;color:#c9c0d4;font-size:11px;gap:7px}.effect-heading button{color:#9a889f;padding:3px}.effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.effect-grid input{padding:7px;font-size:11px}.effect-grid input[type=color]{height:31px;padding:3px}.layer-heading-actions{display:flex;align-items:center;gap:4px}.layer-row{display:flex;align-items:center;min-width:0}.layer-row .layer{flex:1;min-width:0;padding-right:3px}.layer-eye{flex-shrink:0;padding:5px;color:#879181}.hidden-layer>.layer,.hidden-layer>.layer-group-heading,.hidden-layer>.ae-layer-row,.ae-group-row.hidden-layer{opacity:.5}.layer-group-heading{display:flex;align-items:center;gap:4px;padding:7px 3px;border-radius:4px;background:#21252d;margin:3px 0}.layer-group-heading.selected{background:#2a3025}.layer-group-heading>button:first-child{padding:0;width:12px}.layer-group-name{flex:1;min-width:0;text-align:left;justify-content:flex-start;padding:3px;font-size:11px;gap:6px}.layer-group-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-group-children{padding-left:12px}.ae-group-row{margin-top:6px;border-top:1px solid #4b4652;background:#25272f;color:#c8bdd4;font-size:10px}.ae-group-row .ae-layer-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouped-layer .ae-layer-label{padding-left:12px}.ae-layer-label .ae-layer-eye{margin-left:auto;padding:2px;color:#93889f;flex-shrink:0}.ae-layer-label .timeline-layer-name{flex:1}.layer-delete{flex-shrink:0;padding:5px;color:#879181}.layer-delete:hover,.ae-layer-actions>button:last-child:hover{color:#f08d8d}.ae-timeline{--ae-actions:44px}.ae-layer-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.ae-layer-actions>button{padding:2px;color:#93889f}.layer-list{min-height:48px}.layer-list[data-drop-active],.layer-group[data-drop-active],.ae-layer-list[data-drop-active],.ae-group-row[data-drop-active],.ae-layer[data-drop-active]{outline:1px solid #b9f56b;outline-offset:-1px;background-color:#b9f56b12}button[draggable=true]{cursor:grab}button[draggable=true]:active{cursor:grabbing}.studio{--studio-accent:#b9f56b;--studio-accent-soft:#2a3025;--studio-accent-text:#d0efb0}.studio.uno-workspace{--studio-accent:#b692ec;--studio-accent-soft:#34303e;--studio-accent-text:#d4befb}.studio.animate-workspace{--studio-accent:#72b7ff;--studio-accent-soft:#22364d;--studio-accent-text:#b8dcff}.studio input:focus,.studio select:focus,.studio textarea:focus{border-color:var(--studio-accent)}.studio button:focus-visible,.studio a:focus-visible{outline-color:var(--studio-accent)}.studio input[type=checkbox]{accent-color:var(--studio-accent)}.animate-workspace .brand-mark{background:var(--studio-accent);color:#13263c}.animate-workspace .rail-button.active,.animate-workspace .layer.selected,.animate-workspace .layer-group-heading.selected,.animate-workspace .composition-item.selected{background:var(--studio-accent-soft);color:var(--studio-accent-text)}.animate-workspace .comp-icon{background:#24364a;border-color:#395a7b;color:#b8dcff}.animate-workspace .tabs button.active{border-color:var(--studio-accent);color:var(--studio-accent-text)}.animate-workspace .binding-dot,.animate-workspace .status-dot,.animate-workspace .canvas-footnote i{background:var(--studio-accent)}.animate-workspace .button.primary{background:var(--studio-accent);border-color:var(--studio-accent);color:#13263c}.animate-workspace .button.primary:hover:not(:disabled){background:#9bccff;color:#13263c}.animate-workspace .font-list-option.selected{background:#22364d;box-shadow:inset 3px 0 var(--studio-accent)}.animate-workspace .font-list-name b,.animate-workspace .field-card code{color:var(--studio-accent-text)}.animate-workspace .timeline-editor{background:#1c2530;border-color:#34465b}.animate-workspace .timeline-presets,.animate-workspace .ae-layer-row,.animate-workspace .ae-frame-editor{border-color:#34465b}.animate-workspace .ae-lane{background-color:#263446;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#42618060 0)}.animate-workspace .ae-layer-lane{background-color:#202c3a}.animate-workspace .ae-group-row{background:#243142;border-color:#3a526a;color:#b8cde2}.animate-workspace .ae-property-row.selected .ae-lane{background-color:#304b69}.animate-workspace .ae-keyframe,.animate-workspace .ae-property-label>button:last-child,.animate-workspace .ae-property-label>span,.animate-workspace .ae-layer-row.selected .timeline-layer-name{color:var(--studio-accent-text)}.animate-workspace .ae-playhead{border-color:var(--studio-accent)}.animate-workspace .ae-ruler input.timeline-playhead::-webkit-slider-thumb{background:var(--studio-accent)}.animate-workspace .ae-ruler input.timeline-playhead::-webkit-slider-runnable-track{background:#496681}.animate-workspace .ae-ruler input.timeline-playhead::-moz-range-thumb{background:var(--studio-accent)}.animate-workspace .ae-ruler input.timeline-playhead::-moz-range-track{background:#496681}.animate-workspace .ae-layer-list::-webkit-scrollbar-thumb{background:#3b526b}.animate-workspace [data-drop-active]{outline-color:var(--studio-accent);background-color:#72b7ff12}.studio .rail{width:54px;padding:12px 0;gap:8px}.studio .brand-mark{width:32px;height:32px;margin-bottom:22px}.studio .rail-button{width:36px;height:36px}.studio .rail-bottom{width:28px;height:28px}.studio .workspace-bar{height:46px;padding:0 16px;gap:14px}.studio .tabs{gap:20px}.studio .workspace-actions{gap:12px}.studio .button{min-height:30px;padding:6px 10px}.studio input,.studio select{padding:7px 9px}.studio label{gap:5px}.studio .panel-heading,.studio .canvas-toolbar{height:38px}.studio .panel-heading{padding:0 12px}.studio .canvas-toolbar{padding:0 10px;gap:8px}.studio .tool-group{padding-right:8px}.studio .tool-group button{width:28px;height:28px}.studio .composition-list{padding:8px 6px}.studio .composition-select{padding:8px 6px;gap:7px}.studio .comp-icon{width:26px;height:26px}.studio .composition-item small{margin-top:4px}.studio .layer-list{padding:6px}.studio .layer{padding:8px 6px;gap:7px;margin-bottom:0}.studio .layer-group-heading{padding:4px 2px}.studio .left-footer{padding:9px 8px}.studio .inspector-content{padding:12px}.studio .inspector label{margin-bottom:10px}.studio .section-title{padding-top:12px;margin:14px 0 10px}.studio .property-grid{column-gap:8px}.studio .color-control{height:30px}.studio .publish-footer{padding:9px 10px}.studio .publish-footer>div{margin-top:7px}.studio .font-picker,.studio .behavior-editor{gap:8px;margin:12px 0;padding-top:10px}.studio .font-list-option{padding:8px 10px;gap:5px;min-height:60px}.studio .font-sample{padding:8px;font-size:18px}.studio .effects-editor{margin-top:12px;padding-top:10px}.studio .effect-card{padding:8px;margin:8px 0}.studio .effect-heading{margin-bottom:8px}.studio .effect-grid{gap:6px}.studio .field-card{padding:8px;margin-bottom:8px}.studio .canvas-panel .canvas-workspace{padding:10px 16px}.studio .canvas-panel .timeline-editor{margin:6px 10px 8px;padding:10px}.studio .timeline-heading>label{width:120px}.studio .timeline-heading>label.timeline-duration{width:84px}.studio .timeline-presets{gap:8px}.studio .timeline-presets label{width:135px}.studio .timeline-presets .preset-duration{width:84px}.studio .ae-row{min-height:26px}.studio .ae-lane{height:22px}.studio .ae-layer-lane{height:16px}.studio .ae-keyframe{top:1px}.studio .statusbar{height:23px;padding:0 12px}@media(min-width:851px){.studio .compose-layout{grid-template-columns:200px minmax(300px,1fr) 250px}}@media(min-width:1600px){.studio .compose-layout{grid-template-columns:220px minmax(360px,1fr) 260px}}@media(max-width:900px){.studio .workspace-bar{height:auto;min-height:46px;padding:6px 12px;gap:6px 12px}.studio .workspace-bar .tabs{height:34px}}@media(max-width:850px){.studio .rail{display:none}}.studio input[type=range],.studio input[type=checkbox]{padding:0}.studio .canvas-panel.animating .canvas-workspace{flex:1 1 34%}.studio .canvas-panel .timeline-editor{flex:2 1 66%}.studio .ae-layer-list{min-height:40px}.studio .canvas-panel .ae-frame-editor{gap:6px;padding:6px 0}.studio .canvas-panel .ae-frame-editor label{gap:3px}.studio .ae-frame-editor input,.studio .ae-frame-editor select{padding:5px 7px}.fit-toggle{flex-direction:row;align-items:center;justify-content:space-between}.timeline-heading .custom-phase-name{width:120px}.timeline-heading .custom-phase-name input{font-size:11px}.timeline-heading .phase-add{padding:6px}.uno-custom-animations{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid #47404f}.triggers-view{flex:1;min-height:0;overflow:auto;padding:16px;background:#14161b}.triggers-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.triggers-heading h1{font-size:18px;margin:0 auto 0 0}.triggers-heading select{max-width:220px}.trigger-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:12px;align-items:start}.trigger-card,.trigger-log{background:#20232a;border:1px solid #363c46;border-radius:6px;padding:12px}.trigger-card header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.trigger-card header>input{flex:1;min-width:80px;font-weight:600}.trigger-enable{flex-direction:row;align-items:center;white-space:nowrap}.trigger-event{display:flex;gap:10px}.trigger-event label{flex:1}.trigger-section{border-top:1px solid #343943;padding-top:8px;margin-top:12px}.trigger-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px}.trigger-row{display:flex;gap:6px;margin:8px 0;align-items:center}.trigger-row select,.trigger-row input{min-width:0;flex:1;font-size:11px}.trigger-row button{flex-shrink:0}.trigger-test-result{color:#b9f56b;font-size:11px;padding-top:8px}.trigger-log{margin-top:16px}.trigger-log h2{font-size:12px;margin:0 0 10px}.trigger-log>div{display:flex;gap:20px;font-size:11px;padding:6px;border-top:1px solid #343943}.trigger-log time{margin-left:auto;color:#8894a3}@media(max-width:650px){.trigger-cards{grid-template-columns:minmax(0,1fr)}.triggers-heading,.trigger-row{flex-wrap:wrap}.trigger-row select,.trigger-row input{flex-basis:40%}.trigger-card header{flex-wrap:wrap}}.studio.triggers-workspace{--studio-accent:#f07883;--studio-accent-soft:#39252c;--studio-accent-text:#ffc3ca}.triggers-workspace .tabs button.active{border-color:var(--studio-accent);color:var(--studio-accent-text)}.triggers-workspace .button.primary{background:var(--studio-accent);border-color:var(--studio-accent);color:#34151d}.triggers-workspace .button.primary:hover:not(:disabled){background:#ff9ca5;color:#34151d}.triggers-workspace .status-dot{background:var(--studio-accent)}.triggers-workspace .trigger-card,.triggers-workspace .trigger-log{border-color:#51333d}.triggers-workspace .trigger-test-result{color:var(--studio-accent-text)}.studio .tabs button{white-space:nowrap;gap:6px}.studio .tabs button svg{flex-shrink:0}@media(max-width:600px){.studio .tabs{gap:12px}.studio .tabs button{font-size:11px;gap:4px}.studio .tabs button svg{width:13px;height:13px}}.trigger-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);gap:12px;margin-bottom:16px;padding:12px;background:#20232a;border:1px solid #51333d;border-radius:6px}.trigger-preview-art{aspect-ratio:16/9;max-height:300px;min-width:0;background:repeating-conic-gradient(#25272e,#25272e 25%,#2d2f37 0%,#2d2f37 50%) 50%/20px 20px;display:flex;align-items:center;justify-content:center}.trigger-preview-art .artwork{width:100%;height:100%}.trigger-preview-fields{min-width:0;max-height:300px;overflow:auto}.trigger-preview-fields header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.trigger-preview-fields label{margin-bottom:10px}.trigger-preview-art{position:relative;overflow:hidden}.trigger-preview-art .artwork{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.trigger-preview{grid-template-columns:minmax(0,534px) minmax(200px,1fr)}.trigger-preview-fields label{max-width:420px}@media(max-width:650px){.trigger-preview{grid-template-columns:minmax(0,1fr)}}.trigger-watched-fields{flex:2;min-width:0;border:1px solid #51333d;border-radius:5px;padding:7px 10px;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.trigger-watched-fields legend{font-size:11px;color:#98a4b5;padding:0 4px}.trigger-watched-fields label{flex:none;display:flex;flex-direction:row;align-items:center;gap:6px;font-size:11px}.trigger-watched-fields input[type=checkbox]{flex:none;width:13px}.sheet-input{min-width:0;border:1px solid #45404d;border-radius:5px;padding:10px;margin:10px 0}.sheet-input header,.sheet-columns header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sheet-input header>span{margin-left:auto;color:#8f99a8;font-size:10px}.sheet-tools{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sheet-tools label{min-width:100px;flex:1}.sheet-tools>input{flex:2;min-width:120px}.sheet-table-wrap{overflow:auto;max-height:400px}.sheet-input table{border-collapse:collapse;width:100%;font-size:11px}.sheet-input th,.sheet-input td{padding:5px;border-bottom:1px solid #393b43;text-align:left;min-width:28px}.sheet-input th{position:sticky;top:0;background:#20232a;z-index:1}.sheet-input th small{display:block;color:#8794a5;font-weight:400;margin-top:3px}.sheet-input td label{font-size:0;gap:0;margin:0!important;min-width:110px}.sheet-input td label>*{font-size:11px}.sheet-input td input[type=checkbox],.sheet-input td input[type=radio]{width:13px}.sheet-columns>section{border:1px solid #363c46;border-radius:5px;padding:7px;margin:7px 0}.sheet-column-heading{display:flex;gap:5px;margin-bottom:6px}.sheet-grid-editor{border-bottom:1px solid #363c46;margin-bottom:12px;padding-bottom:6px}.field-card>.sheet-columns{display:block}.sheet-columns .sheet-column-heading input{min-width:0;flex:1}.sheet-columns .sheet-column-heading button{flex-shrink:0}.sheet-row-hidden{background:#ffffff04}.sheet-row-hidden td:nth-child(3){color:#89909c}.sheet-row-hidden button[aria-pressed=true]{color:var(--studio-accent)}.uno-apply-row .uno-live-updates{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0 8px 0 0;color:inherit}.uno-live-updates input{width:14px;height:14px;accent-color:var(--studio-accent)}.live-canvas-handles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.live-canvas-handles rect{pointer-events:all;fill:transparent;stroke:transparent;stroke-width:3;cursor:grab;touch-action:none}.live-canvas-handles rect:hover,.live-canvas-handles rect:focus{stroke:#72b7ff;outline:none}.live-canvas-handles rect:active{cursor:grabbing}.formation-controls{grid-column:1/-1}.formation-controls section{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #45404d;border-radius:5px}.formation-controls input{width:160px}.formation-controls select{width:130px}.formation-controls span{color:#b692ec;font-size:11px}.uno-preview-pair.uno-live-output{grid-template-columns:minmax(0,1fr)}.uno-preview-pair.uno-live-output .uno-preview-card{grid-column:1/-1}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#14171c;color:#eee}.auth-screen h1{font-size:24px}.users-panel{padding:20px;overflow:auto;flex:1;min-height:0;max-width:1000px;width:100%;margin:auto}.users-panel h1{display:flex;align-items:center;gap:8px;font-size:20px}.users-panel h2{font-size:14px;margin:16px 0 10px}.user-card{border:1px solid var(--border,#343942);border-radius:6px;padding:14px;margin:10px 0;background:var(--panel,#191d23);display:grid;gap:10px}.user-card header,.invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-card span{font-size:12px;color:#a4b0c2}.user-card fieldset{border:0;padding:0;margin:0;display:flex;align-items:end;flex-wrap:wrap;gap:12px}.user-card label{display:grid;gap:5px;font-size:12px;min-width:140px}.user-card input,.user-card select{background:#13171d;color:inherit;border:1px solid #343942;border-radius:4px;padding:8px}.user-actions{display:flex;gap:8px;align-items:center}.user-composition-list{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px}.user-composition-list label{display:flex;align-items:center;min-width:0}.invite-row>div:first-child{display:grid;gap:5px}.access-pending{padding:30px;display:grid;gap:14px}.viewer-control .uno-control-card,.viewer-control .uno-header-actions,.viewer-control .uno-library-top>button{display:none}.operator-control .uno-heading-actions>button,.operator-control .uno-library-heading>button,.operator-control .uno-empty>button,.viewer-control .uno-heading-actions>button,.viewer-control .uno-library-heading>button,.viewer-control .uno-empty>button{display:none}.user-composition-list label{flex-direction:row}.user-composition-list input{width:auto;margin:0}.workspace-picker{display:flex;align-items:center;gap:6px;min-width:0}.workspace-picker select{max-width:160px;background:transparent;color:inherit;border:1px solid var(--border);border-radius:4px;padding:5px;font-size:11px}.workspace-picker button{padding:4px;display:flex;align-items:center}.workspace-manager{width:380px}.workspace-manager>label{display:grid;gap:5px;margin:12px 0}.workspace-manager hr{margin:18px 0;border:0;border-top:1px solid var(--border)}.workspace-manager fieldset{border:0;margin:0;padding:0;min-width:0}.workspace-manager fieldset>label{display:grid;gap:5px;margin:12px 0}@media(max-width:600px){.workspace-picker{flex:1}.workspace-picker select{max-width:120px;min-width:0}.workspace-picker select:first-child{max-width:150px}.workspace-bar .tabs{overflow-x:auto;justify-content:flex-start}.studio .workspace-actions{gap:6px}}.alignment-controls{display:flex;gap:4px;margin-bottom:12px}.alignment-controls button{flex:1;min-width:0;height:30px;display:flex;align-items:center;justify-content:center}.alignment-controls button:nth-child(4){margin-left:5px}.resizable-layout>.left-panel,.resizable-layout>.inspector{position:relative;min-width:0}.resizable-layout>[hidden]{display:none!important}.resize-handle{position:absolute;z-index:8;touch-action:none;background:transparent}.resize-handle:hover,.resize-handle:focus-visible{background:var(--studio-accent,#b9f56b)}.resize-x{top:0;bottom:0;width:5px;cursor:col-resize}.left-panel>.resize-x{right:0}.inspector>.resize-x{left:0}.resize-y{left:0;right:0;top:0;height:5px;cursor:row-resize}.control-fields-dock{grid-column:1/-1;position:relative;min-height:90px;border-top:1px solid #333b46;background:#191c22;overflow:hidden}.dock-fields-content{height:100%;overflow:auto;padding:8px 12px}.dock-fields-content>.field-title{margin:0 0 8px;padding:0;display:flex;justify-content:space-between}.dock-field-cards{display:flex;align-items:flex-start;gap:10px}.dock-field-cards>.field-card{flex:0 0 230px;margin:0}.panel-toggles button[aria-pressed=true]{color:var(--studio-accent,#b9f56b)}.studio-color-picker{position:relative}.color-picker-value{display:flex;gap:6px;align-items:center}.color-picker-value>button{width:30px;height:26px;border:1px solid #66707c;border-radius:3px;flex-shrink:0}.color-picker-value>input{min-width:0}.color-picker-popover{position:relative;background:#222832;border:1px solid #434b58;border-radius:5px;padding:8px;margin-top:5px}.color-palette{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.color-palette>button{width:23px;height:23px;border:1px solid #78808a;border-radius:3px}.color-picker-popover label{display:flex;flex-direction:row;align-items:center;gap:8px}.color-picker-popover input{min-width:0}.studio .resizable-layout{grid-template-rows:minmax(0,1fr) auto}@media(min-width:851px){.studio .resizable-layout{grid-template-columns:var(--left-width) minmax(260px,1fr) var(--right-width)}}@media(max-width:850px){.resize-x{display:none}.control-fields-dock{max-height:300px}.studio .resizable-layout{grid-template-rows:auto}}.timeline-disabled-toggle{display:flex;flex-direction:row;align-items:center;gap:6px;margin:6px 0;font-size:10px;color:#a5b4c7}.timeline-disabled-toggle input{width:auto}.ae-lane.disabled-track{opacity:.3}.ae-property-label>button:first-child{flex-shrink:0}.local-output-dialog{width:min(1100px,92vw);max-height:90vh;overflow:auto;background:#191e27;color:#e8edf4;border:1px solid #495463;border-radius:8px;padding:14px}.local-output-dialog::backdrop{background:#000a}.local-output-dialog header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.local-output-dialog header>span{color:#70b8ff;font-size:10px}.local-output-dialog header>button{margin-left:auto}.local-output-surface{position:relative;aspect-ratio:16/9;overflow:hidden;background:repeating-conic-gradient(#252832,#252832 25%,#30343e 0%,#30343e 50%) 50%/20px 20px}.local-output-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.local-output-actions label{display:flex;flex-direction:row;align-items:center;gap:8px}.local-output-actions input{width:auto}.local-output-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.local-output-fields>label{min-width:0}.uno-workspace .brand-mark{background:#b4a2ff;color:#302248}.uno-workspace .rail-button.active{background:#31283f;color:#c4b5ff}.uno-workspace .tabs button.active{border-color:#a88bfa;color:#c7b5ff}.uno-workspace .connection.online i,.uno-workspace .status-dot{background:#ac92ee}.uno-workspace .toast{background:#30273f;border-color:#69528e;color:#e0d6f9}.uno-layout{display:grid;grid-template-columns:248px minmax(0,1fr);flex:1;min-height:0;background:#222328}.uno-library{display:flex;flex-direction:column;min-height:0;background:#1c1d22;border-right:1px solid #36373d}.uno-library-heading{padding:25px 19px 17px;display:flex;align-items:center;justify-content:space-between}.uno-library-heading h2{font-size:15px;font-weight:600;margin:0}.uno-library-heading button{color:#b5b1c5;width:28px;height:28px;border:1px solid #46444e;border-radius:5px}.uno-search{display:flex;align-items:center;gap:8px;border:1px solid #3b3b44;border-radius:6px;margin:0 16px 17px;padding:0 10px;color:#85828f;background:#25262c}.uno-search input{border:0;padding:10px 0;background:transparent;font-size:11px}.uno-overlay-list{flex:1;overflow:auto;padding:0 10px}.uno-overlay-item{width:100%;padding:10px 9px;gap:10px;justify-content:flex-start;border:1px solid transparent;border-radius:7px;margin-bottom:7px;text-align:left}.uno-overlay-item.selected{background:#34303e;border-color:#615174}.uno-thumbnail{position:relative;width:66px;height:44px;border-radius:4px;background:#121319;overflow:hidden;flex-shrink:0}.uno-overlay-item>div:nth-child(2){min-width:0;flex:1}.uno-overlay-item strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uno-overlay-item>div>span{font-size:9px;color:#9692a1;display:flex;align-items:center;gap:5px;margin-top:7px}.uno-overlay-item>svg{color:#8f869e;transform:rotate(-90deg)}.uno-overlay-item i{display:block;width:5px;height:5px;border-radius:50%;background:#bd9eff}.uno-library-footer{display:flex;align-items:center;gap:10px;color:#bbb4c9;border-top:1px solid #36343d;padding:19px 17px}.uno-library-footer>div{font-size:11px;flex:1}.uno-library-footer small{display:block;font-size:9px;color:#817b8d;margin-top:6px}.uno-connected,.uno-disconnected{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0;background:#ae92f0}.uno-disconnected{background:#e3ab61}.uno-main{padding:28px 34px;overflow:auto}.uno-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.uno-page-heading>div>span{font-size:9px;color:#a19aa9;letter-spacing:1.5px}.uno-page-heading h1{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:9px 0 0}.uno-page-heading .button{background:#2c2c34;border-color:#47454f;color:#bcb5cc;font-size:10px}.uno-control-grid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,1fr);gap:23px;align-items:start}.uno-control-card{border:1px solid #44414c;border-radius:8px;background:#2b2b32;overflow:hidden}.uno-card-top{display:flex;align-items:center;gap:12px;padding:19px 20px;background:#303037}.uno-overlay-icon{width:36px;height:36px;background:#494052;border-radius:6px;color:#c6aef4;display:grid;place-items:center;flex-shrink:0}.uno-card-top>div:nth-child(2){min-width:0;flex:1}.uno-card-top h2{font-weight:500;font-size:13px;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uno-card-top>div>span{font-size:9px;color:#a39aa9}.uno-switch{width:43px;height:24px;flex-shrink:0;background:#55535d;border:1px solid #67616f;border-radius:20px;padding:3px;justify-content:flex-start}.uno-switch span{width:16px;height:16px;background:#dad5e2;border-radius:50%;transition:transform .15s ease}.uno-switch.is-on{background:#9876d5;border-color:#aa87e5}.uno-switch.is-on span{transform:translate(17px);background:#fff}.uno-mode-tabs{display:flex;align-items:center;gap:4px;padding:0 16px;border-bottom:1px solid #44414c;height:48px;background:#2c2b33}.uno-mode-tabs>button{height:100%;padding:0 9px;font-size:11px;color:#a29bab;border-bottom:2px solid transparent}.uno-mode-tabs>button.selected{color:#d4befb;border-bottom-color:#b08cec}.uno-mode-tabs>button>span{background:#44404d;padding:2px 5px;border-radius:3px;font-size:8px}.uno-state{margin-left:auto;font-size:8px;letter-spacing:.7px;color:#aaa2b1;display:flex;align-items:center;gap:6px}.uno-state i{width:5px;height:5px;background:currentColor;border-radius:50%}.uno-state.live{color:#cbaaef}.uno-controls-body{padding:20px}.uno-section-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 0 17px;font-size:12px;color:#dfd9e6;text-align:left}.uno-fields{display:flex;flex-direction:column;gap:17px}.uno-fields label,.uno-slot-save label{font-size:11px;color:#b5adbf;gap:8px}.uno-fields input,.uno-slot-save input{background:#212127;border-color:#4a4654;border-radius:5px;font-size:12px;padding:12px;color:#eee9f4}.uno-fields input:focus,.uno-slot-save input:focus{border-color:#ab88e5}.uno-help{font-size:10px;color:#9d95a8;line-height:1.7;margin:18px 0 16px;display:flex;gap:7px;align-items:baseline}.uno-preview-indicator{width:5px;height:5px;background:#bca0e4;border-radius:50%;display:inline-block;flex-shrink:0}.uno-apply-row{display:flex;gap:9px}.uno-workspace .button{background:#3a3742;border-color:#514957;font-size:10px}.uno-workspace .button:hover:not(:disabled){background:#4b4258}.uno-workspace .uno-primary{background:#b692ec;border-color:#b692ec;color:#251533;font-weight:600}.uno-workspace .uno-primary:hover:not(:disabled){background:#c6a5f6;color:#251533}.uno-slot-save{border-top:1px solid #46414e;margin-top:25px;padding-top:22px}.uno-slot-save h3{font-size:12px;font-weight:500;margin:0}.uno-slot-save>p{font-size:10px;color:#9991a5;line-height:1.6;margin:8px 0 17px}.uno-slot-save>.button{margin-top:12px}.uno-card-transport{display:flex;gap:10px;padding:17px 20px;background:#29282f;border-top:1px solid #47404f}.uno-card-transport .button{flex:1;font-size:11px;padding:11px 13px}.uno-preview-column{position:sticky;top:0}.uno-preview-card{border:1px solid #44414c;border-radius:8px;background:#2b2b32;overflow:hidden}.uno-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:10px}.uno-preview-heading h2{font-size:12px;font-weight:500;margin:0}.uno-preview-heading>div{display:flex;background:#212127;border:1px solid #45404e;padding:2px;border-radius:5px}.uno-preview-heading button{padding:5px 8px;border-radius:3px;font-size:9px;color:#9c91ac}.uno-preview-heading button.selected{color:#e1d1f7;background:#4a3e5c}.uno-preview-surface{aspect-ratio:16/9;position:relative;margin:0 15px;overflow:hidden;border-radius:4px;border:1px solid #4a4452}.uno-preview-surface.checker,.uno-background-options .checker{background-color:#39353f;background-image:linear-gradient(45deg,#302d36 25%,transparent 25%),linear-gradient(-45deg,#302d36 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#302d36 75%),linear-gradient(-45deg,transparent 75%,#302d36 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.uno-preview-surface.dark,.uno-background-options .dark{background:#111318}.uno-preview-surface.light,.uno-background-options .light{background:#dcd9e3}.uno-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;color:#9d94a9;font-size:9px}.uno-preview-footer b{font-weight:400;border:1px solid #49424f;border-radius:3px;padding:2px 5px;margin-left:7px;font-size:8px}.uno-background-options{display:flex;gap:7px}.uno-background-options button{width:16px;height:16px;border-radius:3px;border:1px solid #645971}.uno-background-options button.selected{outline:1px solid #c5a2f1;outline-offset:2px}.uno-output-card{background:#29292f;border:1px solid #44414c;border-radius:8px;padding:20px;margin-top:19px}.uno-output-card>div:first-child{display:flex;gap:9px;align-items:center;color:#c1b0d8}.uno-output-card h3{font-size:12px;color:#dfd8e8;font-weight:500;margin:0}.uno-output-card>p{font-size:10px;color:#a49aad;line-height:1.7;margin:12px 0 15px}.uno-output-url{display:flex;align-items:center;background:#212127;border:1px solid #494250;border-radius:5px;padding:11px;gap:10px}.uno-output-url code{flex:1;min-width:0;font-size:10px;line-height:1.6;color:#b9aacd;overflow-wrap:anywhere}.uno-output-url button{color:#b49acb}.uno-output-card>a{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:10px;color:#cba8f7;width:max-content}.uno-playback-note{display:flex;align-items:center;gap:8px;padding:17px 4px;font-size:9px;color:#9b8ca7}.uno-playback-note>span:nth-child(2){flex:1}.uno-playback-note button{color:#947d9f}.uno-slots-body{padding:18px 15px;min-height:310px}.uno-slot-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;font-size:9px;color:#a99db6}.uno-slot-list-header button{color:#cfb3ef;font-size:10px;padding:4px}.uno-slot-row{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid #4a4155;background:#323039;border-radius:5px;margin-bottom:9px}.uno-slot-row.live{border-color:#aa81d9;background:#43364f}.uno-slot-number{font-size:9px;color:#9b82b3}.uno-slot-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:2px 0}.uno-slot-name strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:100%}.uno-slot-name span{font-size:9px;color:#a695b7}.uno-slot-row>button:not(.uno-slot-name){color:#b49ac7;padding:4px}.uno-slot-row>.uno-slot-play{width:29px;height:29px;color:#e1c4ff!important;border-radius:4px;background:#5d4675;flex-shrink:0}.uno-back{font-size:10px;color:#c6a3ed;margin-bottom:19px;padding:0}.uno-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 15px;color:#887994;gap:13px}.uno-empty strong{font-size:12px;color:#c7b9d6;font-weight:500;line-height:1.6}.uno-empty p{font-size:10px;line-height:1.8;margin:0 0 6px;color:#96889f}.dock-view .rail,.dock-view .topbar,.dock-view .workspace-bar,.dock-view .statusbar{display:none}.dock-view .uno-layout{grid-template-columns:180px minmax(0,1fr)}.dock-view .uno-main{padding:18px}.dock-view .uno-page-heading{margin-bottom:17px}.dock-view .uno-page-heading h1{font-size:18px}@media(min-width:1700px){.uno-main{padding:35px 50px}.uno-control-grid{grid-template-columns:minmax(350px,480px) minmax(350px,1fr);gap:30px}.uno-layout{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:1180px){.uno-layout{grid-template-columns:200px minmax(0,1fr)}.uno-main{padding:24px}.uno-control-grid{grid-template-columns:minmax(290px,1fr) minmax(250px,.95fr);gap:17px}.uno-thumbnail{width:48px;height:36px}.uno-overlay-item{gap:8px}.uno-preview-heading{padding:13px 12px}.uno-preview-heading button{font-size:8px;padding:5px}.uno-card-top{padding:17px 15px}.uno-controls-body{padding:17px}.uno-mode-tabs{padding:0 10px}}@media(max-width:1000px){.uno-control-grid{grid-template-columns:1fr}.uno-preview-column{position:static;grid-row:1}.uno-preview-surface{max-height:270px}.uno-output-card,.uno-playback-note{display:none}.uno-main{padding:20px}.uno-control-card{max-width:none}.uno-preview-column{display:block}.uno-page-heading{margin-bottom:17px}.uno-layout{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:650px){.uno-layout,.dock-view .uno-layout{grid-template-columns:1fr}.uno-library{border-right:0;border-bottom:1px solid #3d3547}.uno-library-heading{padding:16px;gap:10px}.uno-library-heading h2{font-size:13px}.uno-search,.uno-library-footer{display:none}.uno-overlay-list{display:flex;overflow:auto;flex:none;padding-bottom:10px;gap:8px}.uno-overlay-item{width:190px;flex-shrink:0;margin-bottom:0}.uno-main{padding:16px}.uno-page-heading>div>span{font-size:8px}.uno-page-heading h1{font-size:19px}.uno-page-heading .button{padding:7px 9px;font-size:9px}.uno-preview-surface{max-height:none}.uno-control-grid{gap:15px}.uno-control-card{border-radius:6px}.uno-card-top h2{font-size:12px}.uno-mode-tabs{gap:0}.uno-slot-row{gap:7px}.uno-output-card{display:block}.uno-output-card>p{font-size:10px}.uno-workspace .topbar .wordmark{font-size:15px}.uno-workspace .topbar-right{gap:10px}}.uno-active-layers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px;margin:-8px 0 18px}.uno-active-layers>span{font-size:9px;color:#9f92ac;margin-right:5px}.uno-active-layers>button{font-size:10px;padding:7px 9px;background:#3b3047;border:1px solid #6e5485;border-radius:5px;color:#d4b4f2;gap:7px}.uno-active-layers i{width:5px;height:5px;border-radius:50%;background:#c89cff}.uno-active-layers small{font-size:8px;color:#aa92bd;margin-left:5px}.uno-layer-info{display:flex;align-items:center;gap:7px;padding:11px 18px;background:#29272f;border-top:1px solid #44414c;font-size:9px;color:#b49acb}.uno-layer-info>span:last-child{margin-left:auto;font-size:8px;color:#8e809b}.uno-output-card>label{margin-bottom:20px;font-size:10px}.uno-output-card>label>select{font-size:11px;background:#212127;border-color:#494250}.uno-output-card>div:first-of-type{display:flex;gap:9px;align-items:center;color:#c1b0d8}.uno-preview-column{min-width:0}.uno-active-layers>button{max-width:100%;overflow:hidden;text-overflow:ellipsis}.uno-preview-surface .program-art{pointer-events:none}.customization-section{border-top:1px solid #46414e;margin-top:22px;padding-top:19px}.customization-body{border:0;padding:0;margin:0;min-width:0}.customization-subheading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b8a8cb;margin:16px 0 13px}.customization-subheading:first-child{margin-top:0}.customization-subheading>button{font-size:9px;color:#a895be;padding:0}.customization-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin:12px 0}.customization-grid label{font-size:10px;gap:7px}.customization-grid input{font-size:11px;padding:9px;background:#212127;border-color:#4a4654}.customization-scale{position:relative;font-size:10px;margin:17px 0}.customization-scale>span{position:absolute;right:0;color:#c9afe9}.customization-scale input{accent-color:#b692ec;padding:0;margin:4px 0;width:100%;height:5px}.customization-colors{display:flex;flex-direction:column;gap:9px}.customization-colors>label{display:flex;flex-direction:row;align-items:center;font-size:10px;gap:10px;padding:7px 10px;background:#27242e;border:1px solid #45404d;border-radius:5px}.customization-colors span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb0ca}.customization-colors input{width:27px;height:25px;border:0;background:none;padding:0;flex-shrink:0}.customization-colors code{font-size:9px;color:#9b8dab}.customization-logo{display:flex;align-items:center;gap:10px;padding:10px;border:1px dashed #61516f;border-radius:5px}.customization-logo>img{width:38px;height:38px;object-fit:contain;background:#1a1720;border-radius:3px}.customization-logo>span{flex:1;font-size:10px;color:#b8a8c9}.customization-logo small{display:block;font-size:8px;color:#8c7e9c;margin-top:6px}.customization-logo>.button{font-size:9px;min-height:30px;padding:6px 9px}.customization-logo>button:not(.button){padding:0;color:#ad96bd}.customization-toggle{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:10px;color:#b7abc5;margin:12px 0}.customization-toggle input{width:13px;height:13px;accent-color:#b692ec;margin:0}.customization-visibility{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}.customization-visibility label{overflow-wrap:anywhere;margin:7px 0}.customization-visibility input{flex-shrink:0}.customization-error{font-size:10px;color:#edacbb;line-height:1.6}fieldset:disabled{opacity:.55}.uno-main,.uno-library,.uno-control-card,.uno-output-card .uno-output-url,.uno-output-card .uno-output-url code{min-width:0}.uno-control-grid>*{min-width:0}@media(max-width:1000px){.uno-control-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.uno-layout,.dock-view .uno-layout{grid-template-columns:minmax(0,1fr)}.uno-page-heading>div{min-width:0}.uno-page-heading h1{overflow-wrap:anywhere}.uno-output-card{min-width:0}.uno-preview-surface{aspect-ratio:16/9;min-height:0}.uno-preview-column{min-width:0}}@media(max-width:1000px){.uno-preview-column{display:contents}.uno-preview-card{order:-1}.uno-control-card{order:0}.uno-output-card{display:block;order:1}.uno-playback-note{display:flex;order:2}}.uno-control-grid{display:flex;flex-direction:column;gap:23px}.uno-control-grid>*{width:100%;order:0}.uno-preview-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.uno-preview-pair>.uno-preview-card{min-width:0;order:0}.uno-preview-pair .uno-preview-surface{max-height:none}.uno-control-grid>.uno-output-card{display:block;margin-top:0;order:0}.uno-control-grid>.uno-playback-note{display:flex;order:0}@media(max-width:650px){.uno-control-grid,.uno-preview-pair{gap:15px}.uno-preview-heading{padding:12px 10px}.uno-preview-pair .uno-preview-surface{margin:0 8px}.uno-preview-pair .uno-preview-footer{padding:12px 8px;flex-wrap:wrap;gap:10px}.uno-preview-pair .uno-preview-footer b{display:none}}.uno-preview-pair>.uno-shared-preview-controls{grid-column:1/-1;min-width:0;margin-top:-8px;padding:0 16px 8px}.uno-preview-pair>.uno-shared-preview-controls b{display:inline-block}.uno-preview-pair{border:1px solid #44414c;border-radius:8px;background:#2b2b32;overflow:hidden;column-gap:0;row-gap:14px}.uno-preview-pair>.uno-preview-card{border:0;border-radius:0;background:transparent}.uno-preview-pair>.uno-preview-card:nth-child(2){border-left:1px solid #44414c}.uno-preview-pair>.uno-shared-preview-controls{margin-top:0;padding:12px 16px;border-top:1px solid #44414c}.uno-heading-actions,.control-toolbar{display:flex;gap:8px;align-items:center;min-width:0}.control-toolbar-actions{display:flex;gap:8px;margin-top:12px}.control-toolbar-dialog .control-links{border:0;background:transparent;padding:0;margin:0;display:block}.control-toolbar-dialog .control-link-row{padding-top:8px;border-top:1px solid #393a45}.control-toolbar-dialog .control-link-row a{flex-basis:100%}.control-toolbar-dialog{width:min(420px,calc(100vw - 32px))}@media(max-width:650px){.uno-workspace .topbar{padding:0 12px;gap:10px}.uno-workspace .local-badge,.uno-workspace .avatar{display:none}.uno-workspace .control-toolbar .button{font-size:10px;padding:7px 8px}.uno-workspace .control-toolbar .button svg{display:none}.uno-heading-actions{flex-wrap:wrap;justify-content:flex-end}.uno-preview-pair{column-gap:0;row-gap:10px}}.dock-view .uno-page-heading{flex-wrap:wrap;gap:12px}@media(min-width:651px){.uno-layout{grid-template-columns:210px minmax(0,1fr)}}.uno-main{padding:18px 22px}.uno-library-heading{padding:16px 12px 12px}.uno-search{margin:0 10px 12px}.uno-library-footer{padding:12px}.uno-page-heading{margin-bottom:14px;gap:12px}.uno-page-heading h1{font-size:20px;margin-top:6px}.uno-active-layers{margin:-4px 0 12px;min-height:24px}.uno-control-grid{gap:14px}.uno-preview-pair{row-gap:8px}.uno-preview-heading{padding:10px 12px}.uno-preview-surface{margin:0 10px}.uno-preview-pair>.uno-shared-preview-controls{padding:8px 12px}.uno-card-top{padding:12px 14px;gap:9px}.uno-overlay-icon{width:30px;height:30px}.uno-card-top h2{margin-bottom:4px}.uno-mode-tabs{height:38px;padding:0 10px}.uno-controls-body{padding:14px}.uno-section-heading{padding-bottom:11px}.uno-fields{gap:11px}.uno-fields input,.uno-slot-save input{padding:8px 10px}.uno-slot-save{margin-top:16px;padding-top:14px}.customization-section{margin-top:14px;padding-top:12px}.uno-card-transport{padding:11px 14px;gap:8px}.uno-card-transport .button{padding:8px 10px}.uno-slots-body{padding:12px;min-height:220px}.uno-slot-row{padding:8px;margin-bottom:6px}.uno-playback-note{padding:10px 2px}@media(max-width:650px){.uno-main{padding:12px}.uno-preview-pair .uno-preview-footer{padding:8px}.uno-library-heading{padding:12px}.uno-control-grid{gap:12px}}