.signage-studio-tabs{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(6,minmax(140px,1fr));gap:0;margin:0 0 1.25rem;padding:0;display:grid;overflow-x:auto}.signage-studio-tabs button{border:0;border-right:1px solid var(--line);min-width:150px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:.65rem;padding:.8rem .9rem;display:flex}.signage-studio-tabs button:last-child{border-right:0}.signage-studio-tabs button i{background:color-mix(in srgb, var(--accent) 12%, transparent);width:30px;height:30px;color:var(--accent);border-radius:9px;flex:0 0 30px;place-items:center;font-style:normal;font-weight:900;display:grid}.signage-studio-tabs button span{min-width:0;display:grid}.signage-studio-tabs button strong{color:var(--text);font-size:.8rem}.signage-studio-tabs button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.signage-studio-tabs button.active{background:color-mix(in srgb, var(--accent) 12%, var(--panel));box-shadow:inset 0 -3px 0 var(--accent)}.signage-studio-tabs button.active i{background:var(--accent);color:#16140e}.studio-panel{gap:1rem;display:grid}.studio-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.studio-toolbar>div:first-child{gap:.2rem;margin-right:auto;display:grid}.studio-toolbar small{color:var(--muted)}.studio-toolbar input[type=search]{min-width:220px}.studio-card-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.studio-resource-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.studio-layout-thumbnail{height:170px;position:relative;overflow:hidden}.studio-layout-thumbnail.portrait{border-radius:6px;width:92px;height:164px;margin:1rem auto}.studio-layout-thumbnail img{object-fit:cover;width:100%;height:100%}.studio-layout-thumbnail i{border:1px solid;min-width:2px;min-height:2px;position:absolute}.studio-resource-body{gap:.45rem;padding:1rem;display:grid}.studio-resource-body h3,.studio-resource-body p{margin:0}.studio-resource-body p,.studio-resource-body small{color:var(--muted)}.studio-state{color:#35423f;text-transform:uppercase;background:#e4e7e6;border-radius:999px;width:max-content;padding:.2rem .48rem;font-size:.68rem;font-style:normal;font-weight:800;display:inline-flex}.studio-state.published{color:#17603a;background:#d8f1e3}.studio-state.changes{color:#7a4e00;background:#fff0cc}.studio-card-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.studio-card-actions button{padding:.42rem .65rem}.studio-card-actions .danger,.playlist-items .danger{color:#9b1c1c}.studio-empty{text-align:center;padding:3rem}.create-sign-wizard{background:#fffdfa;padding:1.75rem}.create-sign-wizard>header h1{color:#1a2421;margin:0;font-size:2rem}.create-sign-wizard>header p{color:#59635f;margin:.4rem 0 1.4rem}.wizard-steps{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.wizard-steps button{text-align:left;background:#fff;border:1px solid #dfdbd2;border-radius:10px;align-items:center;gap:.55rem;padding:.8rem;display:flex}.wizard-steps b{color:#53615c;background:#eeeae3;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.wizard-steps button.active{border-color:#e5a13a;box-shadow:0 5px 18px #b3731817}.wizard-steps button.active b,.wizard-steps button.done b{color:#fff;background:#e18a08}.wizard-card{background:#fff;border:1px solid #e2ddd4;border-radius:16px;min-height:275px;padding:1.4rem;box-shadow:0 10px 30px #1c21120b}.wizard-card h2{margin:0;font-size:1.15rem}.wizard-card>p{color:#59635f;margin:.35rem 0 1.15rem}.wizard-choice-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.wizard-choice-grid.compact{grid-template-columns:repeat(4,1fr)}.wizard-choice-grid button{text-align:center;background:#fffdf9;border:1px solid #ddd8cf;border-radius:10px;justify-items:center;gap:.42rem;min-height:145px;padding:.8rem;display:grid}.wizard-choice-grid button.selected{background:#fff5e5;border:2px solid #e28c08}.wizard-choice-grid i{color:#df8700;border:1px solid #f2c77a;border-radius:12px;place-items:center;width:52px;height:52px;font-size:1.7rem;font-style:normal;display:grid}.wizard-choice-grid strong{font-size:.82rem}.wizard-choice-grid small{color:#67716e;font-size:.68rem}.wizard-confirmation{background:#fff5e5;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.wizard-confirmation>span{color:#fff;background:#df8700;border-radius:12px;place-items:center;width:52px;height:52px;font-size:1.4rem;display:grid}.wizard-confirmation div{gap:.25rem;display:grid}.wizard-confirmation small{color:#5e655f}.create-sign-wizard>footer{align-items:center;gap:.5rem;padding-top:1rem;display:flex}.studio-dialog-backdrop{z-index:1000;background:#030a08eb;place-items:center;padding:2vw;display:grid;position:fixed;inset:0}.studio-dialog-backdrop.workspace{padding:0}.studio-dialog{--bg:#f4f7f5;--panel:#fff;--line:#c7d0cc;--text:#17201e;--muted:#53615c;--accent:#d89127;color:#17201e;border:1px solid var(--line);isolation:isolate;background:#f4f7f5;border-radius:20px;width:min(680px,96vw);max-height:94vh;overflow:auto;box-shadow:0 30px 80px #0009}.studio-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.studio-dialog textarea,.studio-dialog select{color:#17201e;background:#fff;border-color:#9daaa4}.studio-dialog input::placeholder,.studio-dialog textarea::placeholder{color:#66736e}.studio-dialog button{color:#17201e;background-color:#fff;border-color:#9daaa4}.studio-dialog button.primary,.studio-dialog .button.primary{color:#17140e;background:#d89127;border-color:#b87612}.studio-dialog.wide{width:min(1580px,98vw)}.studio-dialog.studio-workspace{border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;max-height:none;display:flex;overflow:hidden}.studio-dialog>header{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex;position:sticky;top:0}.studio-dialog.studio-workspace>header{color:#f4f7f5;background:#101614;border-color:#26322f;flex:none;padding:.55rem 1rem}.studio-dialog.studio-workspace>header>div{gap:.05rem;display:grid}.studio-dialog.studio-workspace>header span{color:#d89127;letter-spacing:.14em;font-size:.58rem;font-weight:900}.studio-dialog.studio-workspace>header h2{color:#fff;font-size:.92rem}.studio-dialog.studio-workspace>header button{color:#fff}.layout-editor-statusbar{border-bottom:1px solid var(--line);background:#e9eeeb;flex:none;align-items:center;gap:.55rem;padding:.55rem .8rem;display:flex}.layout-editor-statusbar>div{align-items:center;gap:.55rem;display:flex}.layout-editor-statusbar small{color:var(--muted)}.signage-workflow{background:#fffdf9;border-bottom:1px solid #e5e1d9;justify-content:center;align-items:center;gap:1rem;min-height:66px;padding:0 1rem;display:flex}.signage-workflow span{color:#1d2422;align-items:center;gap:.65rem;font-weight:800;display:flex}.signage-workflow b{border:1px solid #c9c6bf;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1rem;display:grid}.signage-workflow span.active{color:#d78300}.signage-workflow span.active b{color:#fff;background:linear-gradient(135deg,#f3a515,#d87900);border-color:#dd8700}.signage-workflow i{background:#d9d5ce;width:min(18vw,260px);height:1px}.layout-advanced-controls{border-bottom:1px solid var(--line);background:#fff;flex:none}.layout-advanced-controls>summary{cursor:pointer;color:#53615c;padding:.55rem 1rem;font-size:.74rem;font-weight:800}.layout-advanced-controls:not([open])>.layout-editor-meta,.layout-advanced-controls:not([open])>.layout-editor-toolbar{display:none}.studio-dialog>header h2{margin:0;font-size:1.05rem}.studio-dialog>header button{background:0 0;border:0;font-size:1.5rem}.layout-editor-meta,.layout-editor-toolbar,.layout-editor-footer,.playlist-editor-head,.playlist-addbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .8rem;display:flex}.layout-editor-meta>input:first-child,.playlist-editor-head>input:first-child{min-width:220px;font-weight:800}.layout-editor-meta label,.layout-editor-toolbar label,.layout-editor-footer label,.playlist-editor-head label{align-items:center;gap:.3rem;font-size:.75rem;display:flex}.layout-editor-meta label input{width:78px}.layout-editor-toolbar{flex-wrap:nowrap;flex:none;font-size:.74rem;overflow-x:auto}.information-frame-builder{color:#17201e;background:#fff8e9;border-bottom:1px solid #dfc995;flex-wrap:wrap;align-items:center;gap:.85rem;padding:.8rem;display:flex}.information-frame-builder>div{flex:1;min-width:250px}.information-frame-builder strong,.information-frame-builder small{display:block}.information-frame-builder small{color:#53615c;margin-top:.15rem}.information-frame-builder label{align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.information-frame-builder input[type=range]{width:90px}.information-frame-builder input[type=color]{appearance:none;background:0 0;border:1px solid #8b7350;border-radius:7px;width:46px;min-width:46px;height:34px;padding:2px}.information-frame-builder input[type=color]::-webkit-color-swatch-wrapper{padding:0}.information-frame-builder input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.frame-live-label{color:#07543b;background:#d9faed;border-radius:999px;align-self:center;padding:.35rem .65rem;font-size:.7rem;font-weight:850}.layout-editor-toolbar button,.playlist-addbar button{padding:.36rem .55rem}.layout-editor-toolbar button.active{background:var(--accent);color:#17140e}.layout-editor-toolbar input[type=number]{width:48px;padding:.35rem}.toolbar-spacer{flex:1}.layout-editor-workspace{flex:auto;grid-template-columns:250px minmax(0,1fr) 340px;min-height:0;display:grid;overflow:hidden}.layout-sign-list{background:#fffdfa;border-right:1px solid #ddd9d1;flex-direction:column;min-height:0;display:flex}.layout-sign-list>header{gap:.25rem;padding:1.35rem 1.25rem 1rem;display:grid}.layout-sign-list>header strong{font-size:1rem}.layout-sign-list>header small{color:#67716e}.create-sign-button{color:#fff;background:linear-gradient(135deg,#ee9e12,#d87900);border:0;border-radius:8px;margin:0 1rem 1rem;padding:.82rem;font-size:.9rem;font-weight:850}.sign-list-items{border-top:1px solid #e3dfd8;display:grid;overflow:auto}.sign-list-items>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e7e2da;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.85rem 1rem;display:grid}.sign-list-items>button.active{background:linear-gradient(90deg,#fff0d7,#fffaf2);box-shadow:inset 4px 0 #e58b06}.sign-list-items i{border:2px solid #202725;border-radius:3px;width:18px;height:14px;font-style:normal}.sign-list-items span{gap:.18rem;min-width:0;display:grid}.sign-list-items strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.sign-list-items small{color:#65706c;font-size:.68rem}.sign-list-items b{color:#317341;background:#e7f4e8;border-radius:4px;padding:.26rem .42rem;font-size:.6rem;font-weight:750}.sign-list-items b.draft{color:#65635e;background:#ecebe8}.manage-signs-button{color:#27312e;background:#fff;border:1px solid #ddd8cf;border-radius:8px;margin:auto 1rem 1rem;padding:.7rem}.layout-element-library{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;padding:.85rem;display:flex}.layout-element-library>header{gap:.18rem;padding:.15rem .25rem .75rem;display:grid}.layout-element-library>header>span{color:#9b6513;letter-spacing:.13em;font-size:.58rem;font-weight:900}.layout-element-library>header strong{font-size:1rem}.layout-element-library>header small,.layout-element-list button small,.information-frame-card small{color:var(--muted);font-size:.64rem;line-height:1.3}.layout-element-list{gap:.32rem;min-height:0;padding-right:.15rem;display:grid;overflow:auto}.layout-element-list button,.information-frame-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.55rem;width:100%;padding:.52rem;display:grid}.layout-element-list button:hover,.layout-element-list button.active,.information-frame-card:hover,.information-frame-card.active{background:#fff8e9;border-color:#e1bd7f}.layout-element-list button>i,.information-frame-card>i{color:#fff;background:#24332f;border-radius:9px;place-items:center;width:34px;height:34px;font-size:.72rem;font-style:normal;font-weight:900;display:grid}.layout-element-list button>span,.information-frame-card>span{gap:.08rem;display:grid}.layout-element-list button>span{color:#17201e;font-size:.72rem;font-weight:800}.layout-element-list button>b{color:#9b6513;font-size:1rem}.information-frame-card{background:#fff8e9;border-color:#dfc995;margin-top:.7rem}.information-frame-card>span strong{color:#17201e;font-size:.72rem}.layout-canvas-scroll{background:#101614;flex-direction:column;align-items:center;gap:.75rem;padding:1.4rem;display:flex;overflow:auto}.layout-canvas-heading{color:#f4f7f5;justify-content:space-between;align-self:stretch;align-items:center;display:flex}.layout-canvas-heading>div{display:grid}.layout-canvas-heading small{color:#9eaaa6;font-size:.67rem}.layout-canvas-heading>span{color:#64f2bd;letter-spacing:.08em;font-size:.6rem;font-weight:900}.layout-canvas{touch-action:none;background-size:var(--grid) var(--grid);min-width:420px;position:relative;overflow:hidden;box-shadow:0 12px 36px #0008}.layout-canvas.show-grid{background-image:linear-gradient(#ffffff18 1px,#0000 1px),linear-gradient(90deg,#ffffff18 1px,#0000 1px)}.layout-canvas.hand{cursor:grab}.layout-canvas.hand:active{cursor:grabbing}.layout-safe-area{z-index:999;pointer-events:none;border:2px dashed #f6c65b;position:absolute}.layout-guide{pointer-events:none;z-index:1001;background:#5ee6ff;position:absolute;box-shadow:0 0 0 1px #0a6d7d}.layout-guide.vertical{width:1px;top:0;bottom:0}.layout-guide.horizontal{height:1px;left:0;right:0}.layout-zone{touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid;place-items:center;display:grid;position:absolute;overflow:hidden}.layout-zone.selected{box-shadow:inset 0 0 0 1px #072a20,0 0 0 2px #64f2bd;border-color:#64f2bd!important}.layout-zone.hidden{opacity:.2!important}.layout-zone.locked:after{content:"🔒";font-size:.65rem;position:absolute;top:2px;right:3px}.layout-zone>img{width:100%;height:100%}.layout-zone>small{opacity:.7;font-size:.55em}.layout-zone>strong{padding:.2rem}.layout-resize,.layout-rotate{z-index:10;background:#64f2bd;border:2px solid #fff;position:absolute}.layout-resize{cursor:nwse-resize;border-radius:4px 0 0;width:22px;height:22px;bottom:2px;right:2px;box-shadow:0 0 0 1px #072a20}.layout-resize:after{content:"";border-bottom:2px solid #072a20;border-right:2px solid #072a20;width:10px;height:10px;position:absolute;bottom:3px;right:3px;box-shadow:3px 3px 0 -1px #64f2bd}.layout-rotate{cursor:crosshair;border-radius:50%;width:11px;height:11px;top:2px;left:50%}.zone-qr{place-items:center;display:grid}.zone-weather-preview{justify-content:center;align-items:center;gap:.45em;width:100%;padding:.25em;display:flex}.zone-weather-preview>i{font-size:2.2em;font-style:normal}.zone-weather-preview>span,.zone-weather-preview small,.zone-weather-preview strong,.zone-weather-preview em{display:block}.zone-weather-preview small,.zone-weather-preview em{opacity:.86;font-size:.42em;font-style:normal}.zone-weather-preview strong{font-size:1.55em;line-height:1}.zone-qr{width:100%;min-width:0;height:100%;min-height:0;padding:2%;position:relative;overflow:hidden}.zone-qr img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:absolute;inset:2%}.zone-qr small{font-size:.2em}.zone-qr-layout{grid-template:minmax(0,auto) minmax(0,1fr) minmax(0,auto)/minmax(0,auto) minmax(0,1fr) minmax(0,auto);gap:.2em;width:100%;min-width:0;height:100%;min-height:0;padding:3%;display:grid;overflow:hidden}.zone-qr-layout .zone-qr{grid-area:2/2}.zone-qr-layout .qr-label{overflow-wrap:anywhere;place-self:center;max-width:100%;font-size:.38em;line-height:1.1;overflow:hidden}.zone-qr-layout .qr-label.top{grid-area:1/1/2/4}.zone-qr-layout .qr-label.bottom{grid-area:3/1/4/4}.zone-qr-layout .qr-label.left{grid-area:2/1}.zone-qr-layout .qr-label.right{grid-area:2/3}.zone-qr-layout.placement-left{grid-template-columns:minmax(0,1fr) minmax(0,2fr) 0}.zone-qr-layout.placement-left .zone-qr{grid-area:2/1/3/2}.zone-qr-layout.placement-left .qr-label.left{display:none}.zone-qr-layout.placement-left .qr-label.right{text-align:left;grid-area:2/2/3/4;justify-self:stretch}.zone-qr-layout.placement-right{grid-template-columns:0 minmax(0,2fr) minmax(0,1fr)}.zone-qr-layout.placement-right .zone-qr{grid-area:2/3/3/4}.zone-qr-layout.placement-right .qr-label.right{display:none}.zone-qr-layout.placement-right .qr-label.left{text-align:right;grid-area:2/1/3/3;justify-self:stretch}.zone-clock{align-items:inherit;flex-direction:column;justify-content:center;gap:.12em;width:100%;height:100%;display:flex}.zone-clock.inline{flex-direction:row;align-items:center;gap:.45em}.zone-clock .clock-time,.zone-clock .clock-date{line-height:1.05;display:block}.zone-presentation-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25em;width:100%;height:100%;padding:5%;display:flex}.zone-presentation-preview small,.zone-presentation-preview em{opacity:.8;font-size:.38em;font-style:normal}.layout-zone>iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.zone-shape{border-style:solid;position:absolute;inset:5%}.zone-shape.circle{border-radius:50%}.zone-shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.zone-shape.line{top:49%;bottom:49%}.zone-ticker{white-space:nowrap;width:max-content;animation:linear infinite studio-ticker}@keyframes studio-ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.layout-inspector{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;max-height:none;display:flex;overflow:auto}.layout-inspector-tabs{z-index:5;border-bottom:1px solid var(--line);background:#eef2f0;grid-template-columns:repeat(4,1fr);padding:.45rem;display:grid;position:sticky;top:0}.layout-inspector-tabs button{background:0 0;border:0;border-radius:8px;font-size:.72rem;font-weight:850}.layout-inspector-tabs button.active{color:#17140e;background:#fff;box-shadow:0 1px 4px #1b29251c}.layout-inspector-tabs button span{color:#fff;background:#53615c;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:.25rem;font-size:.58rem;display:inline-grid}.layout-layer-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:.7rem;display:flex}.layout-layers{border-bottom:1px solid var(--line);max-height:none;overflow:auto}.layout-layers>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;display:grid}.layout-layers>div.selected{background:color-mix(in srgb, var(--accent) 18%, transparent)}.layout-layers button{background:0 0;border:0;padding:.42rem}.layout-layers>div>button:first-child{text-align:left;gap:.4rem;display:flex}.layout-layers span{display:grid}.layout-layers small{color:var(--muted)}.zone-inspector{gap:.55rem;padding:.75rem;display:grid}.inspector-empty{text-align:center;align-content:center;place-items:center;min-height:360px;display:grid}.inspector-empty>i{color:#9b6513;background:#fff0d5;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:.5rem;font-size:1.2rem;font-style:normal;display:grid}.inspector-empty p{max-width:220px;margin:.25rem 0 0}.browser-signage-preview{border:1px solid #fff3;border-radius:12px;width:min(100%,1500px);max-height:78vh;margin:1rem auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008}.browser-signage-preview .layout-zone{position:absolute}.zone-inspector>label,.studio-form>label,.publishing-grid>.panel>label{gap:.25rem;font-size:.75rem;font-weight:750;display:grid}.zone-inspector textarea{min-height:72px}.weather-settings{background:#fff8e9;border:1px solid #c5a45d;border-radius:10px;gap:.55rem;margin:0;padding:.7rem;display:grid}.weather-settings legend{color:#6c4300;padding:0 .25rem;font-size:.75rem;font-weight:850}.weather-settings>label,.weather-field-grid label{color:#17201e;gap:.2rem;font-size:.7rem;font-weight:700;display:grid}.weather-field-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.weather-field-grid label{align-items:center;display:flex}.weather-settings>small{color:#53615c;line-height:1.35}.inspector-grid{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.inspector-grid label{gap:.15rem;font-size:.65rem;display:grid}.inspector-grid input,.inspector-grid select{min-width:0;padding:.4rem}.inline-checks{flex-wrap:wrap;gap:.6rem;font-size:.72rem;display:flex}.studio-help{color:var(--muted);padding:1rem}.layout-editor-footer{border-top:1px solid var(--line);border-bottom:0;flex:none}.signage-publish-bar{color:#fff;background:#11211d;border-color:#253632;min-height:60px}.signage-publish-bar textarea,.signage-publish-bar label,.signage-publish-bar>a{display:none}.signage-publish-bar .button{color:#fff;background:0 0;border-color:#d5ddd8}.signage-publish-bar .button.primary{background:linear-gradient(135deg,#f0a116,#d87900);border-color:#e08700}.layout-editor-footer textarea{width:220px;min-height:38px;max-height:70px}.playlist-preview{background:linear-gradient(135deg,#203a35,#17201e);place-items:center;height:120px;display:grid;position:relative}.playlist-preview i{color:#fff;background:#364b46;border:1px solid #fff5;border-radius:8px;place-items:center;width:62px;height:72px;font-style:normal;font-weight:900;display:grid;position:absolute}.playlist-editor-grid{grid-template-columns:minmax(0,1fr) 300px;min-height:480px;display:grid}.playlist-items{align-content:start;gap:.45rem;padding:.75rem;display:grid;overflow:auto}.playlist-items article{border:1px solid var(--line);background:var(--panel);border-radius:10px;grid-template-columns:30px minmax(120px,1.3fr) minmax(120px,1fr) auto auto auto auto auto auto auto;align-items:center;gap:.35rem;padding:.5rem;display:grid}.playlist-items article.hidden{opacity:.5}.playlist-items article>div{display:grid}.playlist-items small{color:var(--muted)}.playlist-items label{font-size:.63rem}.playlist-items input,.playlist-items select{min-width:0;padding:.4rem}.playlist-sequence-preview{border-left:1px solid var(--line);background:var(--panel);padding:1rem}.playlist-sequence-preview>div:not(.entry-preview):not(.preview-controls){margin:.7rem 0}.playlist-sequence-preview span{text-transform:uppercase;color:#d89127;font-size:.7rem;font-weight:800}.entry-preview{color:#fff;background:#17201e;border-radius:12px;place-items:center;height:170px;margin:.7rem 0;display:grid;overflow:hidden}.entry-preview img,.entry-preview video,.entry-preview iframe{object-fit:contain;border:0;width:100%;height:100%}.entry-preview audio{width:90%}.entry-preview .studio-layout-thumbnail{width:100%;height:100%}.entry-preview.placeholder{text-align:center;align-content:center;gap:.5rem;padding:1rem}.preview-controls{gap:.3rem;display:flex}.preview-controls button.active{background:var(--accent)}.playlist-sequence-preview>small{color:var(--muted);margin-top:.5rem;display:block}.publishing-grid{grid-template-columns:2fr 1fr}.publishing-grid>.panel:last-child{grid-column:1/-1}.publish-table,.operations-table{display:grid}.publish-table>div,.operations-table>div{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:.7rem;padding:.65rem;display:grid}.publish-table span,.operations-table span{display:grid}.publish-table small,.operations-table small{color:var(--muted)}.screen-check-grid{gap:.35rem;max-height:250px;margin:1rem 0;display:grid;overflow:auto}.screen-check-grid label{border:1px solid var(--line);border-radius:8px;gap:.5rem;padding:.55rem;display:flex}.screen-check-grid span,.delivery-progress{display:grid}.delivery-progress>div{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(100px,1fr) auto;align-items:center;gap:.7rem;padding:.55rem 0;display:grid}.delivery-progress span{display:grid}.delivery-progress small{color:var(--muted)}.delivery-progress progress{width:100%;accent-color:var(--green)}.manifest-preview{color:#cce0da;background:#101513;border-radius:10px;max-height:420px;padding:.8rem;font-size:.7rem;overflow:auto}.operations-stack{grid-template-columns:1fr}.operations-table>div{grid-template-columns:1.4fr 1fr 1.3fr 1fr .8fr}.operations-table .ok{color:#18784a}.operations-table .bad{color:#a22b2b}.stream-table>div{grid-template-columns:1.1fr 1fr .8fr 2fr auto}.operations-alerts>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 3fr auto;padding:.6rem;display:grid}.operations-alerts i{text-transform:uppercase;font-size:.65rem;font-style:normal}.operations-alerts .offline,.operations-alerts .error,.operations-alerts .stream{color:#9b1c1c}.emergency-card{box-shadow:var(--shadow);border-radius:18px;gap:.55rem;padding:1rem;display:grid}.emergency-card h2,.emergency-card p{margin:0}.emergency-card>span{letter-spacing:.08em;font-size:.7rem;font-weight:900}.emergency-card>b{border:1px solid;border-radius:8px;padding:.45rem}.emergency-card>div{gap:.4rem;display:flex}.emergency-review{padding:1rem}.emergency-review>article{border-radius:16px;gap:.5rem;margin:1rem 0;padding:1.25rem;display:grid}.emergency-review article h2,.emergency-review article p{margin:0}.studio-form{gap:.75rem;padding:1rem;display:grid}.studio-form .layout-editor-footer{margin:0 -1rem -1rem}.screen-format-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem;display:grid}.screen-format-grid label{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:.7rem;padding:.6rem;display:flex}.screen-format-grid span{display:grid}.screen-format-grid small{color:var(--muted)}.credential-note{border-left:4px solid var(--accent);background:#fff7e7;margin:1rem;padding:.75rem}.credential-form{grid-template-columns:1fr 1fr}.credential-form button{align-self:end}.credential-list{padding:0 1rem 1rem;display:grid}.credential-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:.6rem;display:flex}.credential-list span{display:grid}.credential-list small{color:var(--muted)}.rich-text-runs{border:1px solid var(--line);border-radius:8px;padding:.5rem}.rich-text-runs p{color:var(--muted);font-size:.68rem}.rich-text-runs>div{grid-template-columns:1fr 36px auto auto auto auto;gap:.25rem;margin:.25rem 0;display:grid}.rich-text-runs button.active{background:var(--accent)}.signage-calendar-board{margin-bottom:1rem;padding:0;overflow:hidden}.signage-calendar-board>header,.signage-calendar-board>footer{justify-content:space-between;align-items:center;gap:.7rem;padding:.75rem 1rem;display:flex}.signage-calendar-board h2{margin:0}.signage-calendar-board header div:last-child{gap:.35rem;display:flex}.signage-calendar-weekdays,.signage-calendar-grid{grid-template-columns:repeat(7,minmax(110px,1fr));display:grid}.signage-calendar-weekdays b{text-align:center;color:var(--muted);padding:.45rem;font-size:.7rem}.signage-calendar-grid>div{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:115px;padding:.35rem}.signage-calendar-grid>div.outside{opacity:.45;background:#f3f4f2}.signage-calendar-grid>div.today>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.signage-calendar-grid>div>span{font-size:.7rem;font-weight:800}.signage-calendar-grid button{text-align:left;background:#e4ede9;border:0;border-radius:5px;align-items:center;gap:.25rem;width:100%;margin-top:.25rem;padding:.3rem;font-size:.65rem;display:flex}.signage-calendar-grid button.emergency{background:#f8dede}.signage-calendar-grid button.idle{background:#eee8dc}.signage-calendar-grid button i,.signage-calendar-board footer i{background:#398261;border-radius:50%;width:7px;height:7px}.signage-calendar-grid button.emergency i,.signage-calendar-board footer i.emergency{background:#b92d2d}.signage-calendar-grid button.idle i,.signage-calendar-board footer i.idle{background:#9a7837}.signage-calendar-grid button small{margin-left:auto}.signage-calendar-board>footer{flex-wrap:wrap;justify-content:flex-start;font-size:.7rem}.signage-calendar-board footer span{align-items:center;gap:.3rem;display:flex}.signage-calendar-board footer small{color:var(--muted);margin-left:auto}.series-scope{gap:.55rem;padding:.8rem;display:grid}.series-scope small{color:var(--muted)}@media (width<=1000px){.signage-studio-tabs{grid-template-columns:repeat(6,minmax(155px,1fr))}.studio-dialog.studio-workspace{overflow:auto}.layout-editor-workspace,.playlist-editor-grid,.publishing-grid{grid-template-columns:1fr}.layout-editor-workspace{overflow:visible}.layout-element-library{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.layout-element-list{grid-template-columns:repeat(2,minmax(180px,1fr));max-height:240px}.layout-canvas-scroll{min-height:520px}.layout-inspector,.playlist-sequence-preview{border-left:0;border-top:1px solid var(--line)}.playlist-items article{grid-template-columns:26px 1fr 1fr;overflow:auto}.publishing-grid>.panel:last-child{grid-column:auto}}@media (width<=620px){.layout-editor-statusbar{flex-wrap:wrap}.layout-editor-statusbar .toolbar-spacer{display:none}.layout-editor-statusbar>div{width:100%}.layout-element-list{grid-template-columns:1fr}.layout-canvas-scroll{padding:.75rem}.layout-canvas{min-width:360px}}.signage-experience{position:relative}.web-player-signage.playlist-entry{height:min(58vh,640px)}.web-player-signage.playlist-entry iframe,.web-player-signage.playlist-entry img,.web-player-signage.playlist-entry video{object-fit:contain;border:0;width:100%;height:100%}.web-player-signage-zone>iframe{inset:var(--signage-zone-padding,0);width:calc(100% - (2 * var(--signage-zone-padding,0)));height:calc(100% - (2 * var(--signage-zone-padding,0)));border:0;position:absolute}.web-player-signage-zone.qr,.web-player-signage-zone.wifi{min-width:0;min-height:0;overflow:hidden}.signage-qr-layout{inset:var(--signage-zone-padding,0);box-sizing:border-box;transform:scale(var(--signage-content-scale,1));transform-origin:50%;grid-template-rows:minmax(0,auto) minmax(0,1fr) minmax(0,auto);grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);place-items:center;gap:min(1.2vmin,.55rem);padding:0;display:grid;position:absolute;overflow:hidden}.signage-qr-layout .top{grid-area:1/1/auto/4}.signage-qr-layout .left{grid-area:2/1}.signage-qr-layout .signage-qr{grid-area:2/2}.signage-qr-layout .right{grid-area:2/3}.signage-qr-layout .bottom{grid-area:3/1/auto/4}.signage-qr-layout.placement-left{grid-template-columns:minmax(0, var(--signage-qr-size,42%)) minmax(0, 1fr) 0}.signage-qr-layout.placement-left .signage-qr{grid-column:1}.signage-qr-layout.placement-left .left{display:none}.signage-qr-layout.placement-left .right{text-align:left;grid-column:2/4;justify-self:stretch}.signage-qr-layout.placement-right{grid-template-columns:0 minmax(0, 1fr) minmax(0, var(--signage-qr-size,42%))}.signage-qr-layout.placement-right .signage-qr{grid-column:3}.signage-qr-layout.placement-right .right{display:none}.signage-qr-layout.placement-right .left{text-align:right;grid-column:1/3;justify-self:stretch}.signage-qr-layout.placement-center .signage-qr{width:var(--signage-qr-size,42%);aspect-ratio:1;height:auto}.signage-qr-label{overflow-wrap:anywhere;white-space:pre-wrap;text-align:center;max-width:100%;line-height:1.1;overflow:hidden}.signage-qr-label:empty{display:none}.signage-qr{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;object-fit:contain!important}.signage-presentation{inset:var(--signage-zone-padding,0);transform:scale(var(--signage-content-scale,1));transform-origin:50%;position:absolute;overflow:hidden}.signage-presentation-default,.signage-presentation-stream{position:absolute;inset:0;overflow:hidden}.signage-presentation-default>img,.signage-presentation-default>video,.signage-presentation-default>iframe,.signage-presentation-stream>video{border:0;width:100%;height:100%}.signage-presentation-stream{visibility:hidden;background:#000}.signage-presentation-stream.is-live{visibility:visible}.signage-presentation-empty{text-align:center;place-items:center;height:100%;padding:1rem;display:grid}.signage-clock-stack{align-items:inherit;flex-direction:column;justify-content:center;gap:.15em;display:flex}.signage-clock-stack.date-first{flex-direction:column-reverse}.signage-clock-stack.inline{flex-flow:wrap;align-items:baseline;gap:.4em}.web-player-zone-copy.ticker{white-space:nowrap;width:max-content;animation:linear infinite signage-ticker}@keyframes signage-ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.kiosk-touch-indicator{z-index:120;color:#fff;background:#13221dcc;border:1px solid #fff6;border-radius:999px;padding:.8rem 1.1rem;position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 8px 20px #0006}.kiosk-overlay{z-index:500;background:#fff;position:fixed;inset:0}.kiosk-overlay>iframe{border:0;width:100%;height:100%}.kiosk-overlay>button{z-index:2;border-radius:999px;padding:.7rem 1rem;position:absolute;top:1rem;right:1rem}.kiosk-keyboard-hint{color:#fff;background:#111c;border-radius:999px;padding:.5rem 1rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.signage-display-off{z-index:1000;background:#000;position:fixed;inset:0}.signage-transparent-base{z-index:0;position:absolute;inset:0}.signage-experience>.web-player-signage-layout,.signage-experience>.web-player-signage{z-index:1;position:relative}.simple-signage{--sign-ink:#14211e;--sign-deep:#0f1f1b;--sign-deep-2:#172b26;--sign-orange:#df941f;--sign-orange-dark:#bd7510;--sign-border:#dedfd9;--sign-soft:#f5f3ed;z-index:40;color:var(--sign-ink);background:#f8f7f3;grid-template-rows:74px 106px minmax(0,1fr) 82px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;inset:0}.simple-signage button,.simple-signage input,.simple-signage select,.simple-signage textarea{font:inherit}.simple-signage-header{color:#fff;background:radial-gradient(circle at 20% -80%,#355d51 0,#0000 45%),linear-gradient(135deg,#0d1a17,#162925);justify-content:space-between;align-items:center;padding:0 32px;display:flex;box-shadow:0 2px 18px #0d1a1726}.simple-signage-brand{align-items:center;gap:12px;font-size:20px;display:flex}.simple-signage-brand strong{font-size:25px}.simple-signage-brand>span:last-child{color:#dbe6e2}.signage-monitor-icon{border:3px solid var(--sign-orange);width:39px;height:30px;color:var(--sign-orange);box-shadow:0 4px 0 -2px var(--sign-orange);border-radius:5px;place-items:center;font-size:12px;display:grid}.simple-signage-navigation{z-index:80;position:relative}.simple-signage-navigation summary{color:#dbe6e2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:9px;min-width:94px;padding:9px 14px;font-size:13px;font-weight:700;list-style:none;transition:background .16s,border-color .16s;display:flex}.simple-signage-navigation summary::-webkit-details-marker{display:none}.simple-signage-navigation summary:hover,.simple-signage-navigation summary:focus-visible,.simple-signage-navigation[open] summary{color:#fff;background:#ffffff18;border-color:#df941f80;outline:none}.simple-signage-menu-icon{color:var(--sign-orange);font-size:18px;line-height:1}.simple-signage-navigation nav{background:#1d2d28;border:1px solid #ffffff1c;border-radius:12px;gap:3px;width:238px;max-height:min(610px,100vh - 92px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 50px #06110ec7}.simple-signage-navigation nav button{color:#eff5e8;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:7px;grid-template-columns:26px 1fr;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;font-weight:750;display:grid}.simple-signage-navigation nav button:hover,.simple-signage-navigation nav button:focus-visible{background:#ffffff10;outline:none}.simple-signage-navigation nav button.active{border-left-color:var(--sign-orange);background:#ffffff16}.simple-signage-navigation nav button>span{color:#dcebd4;text-align:center;font-size:17px}.simple-signage-steps{border-bottom:1px solid var(--sign-border);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:28px;padding:18px max(32px,50vw - 560px);display:grid}.simple-signage-steps button{color:#6a6e69;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;display:flex;position:relative}.simple-signage-steps button:not(:last-child):after{content:"";background:#d5d6d2;height:1px;position:absolute;left:calc(100% + 12px);right:-18px}.simple-signage-steps b{color:#1d2522;background:#fff;border:1px solid #c7cac4;border-radius:50%;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:18px;display:grid}.simple-signage-steps span{gap:2px;display:grid}.simple-signage-steps strong{font-size:16px}.simple-signage-steps small{white-space:nowrap;font-size:12px}.simple-signage-steps .active{color:var(--sign-orange-dark)}.simple-signage-steps .active b{border-color:var(--sign-orange);color:#fff;background:linear-gradient(145deg,#eda727,#d88512);box-shadow:0 5px 14px #df941f38}.simple-signage-workspace{grid-template-columns:270px minmax(420px,1fr) 320px;min-height:0;display:grid}.simple-signage-rail,.simple-signage-inspector{background:#fff;min-height:0;overflow:auto}.simple-signage-rail{border-right:1px solid var(--sign-border);padding:22px 16px}.simple-signage-inspector{border-left:1px solid var(--sign-border);box-shadow:-8px 0 25px #16221f08}.rail-heading{gap:12px;margin:0 0 16px;display:grid}.rail-heading h2{margin:0;font-size:16px}.rail-heading button,.new-layout-presets button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e89a16,#d8870f);border:0;border-radius:7px;min-height:42px;font-weight:800;box-shadow:0 6px 16px #df941f24}.new-layout-presets{gap:5px;margin:0 0 15px;display:grid}.new-layout-presets button{color:#7c5313;text-align:left;min-height:33px;box-shadow:none;background:#fffaf1;border:1px solid #e6d2ae;font-size:12px}.simple-resource{width:100%;color:var(--sign-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eeefeb;grid-template-columns:30px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:13px 10px;display:grid}.simple-resource.active{border-left:4px solid var(--sign-orange);background:linear-gradient(90deg,#fff3dc,#fffaf1);width:calc(100% + 32px);margin-inline:-16px;padding-inline:24px}.simple-resource i{border:2px solid #172722;border-radius:3px;place-items:center;width:26px;height:20px;font-size:0;font-style:normal;display:grid}.simple-resource span{gap:3px;min-width:0;display:grid}.simple-resource strong,.simple-resource small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simple-resource strong{font-size:13px}.simple-resource small{color:#6d746f;font-size:10px}.simple-empty{color:#717772;margin:32px 10px;font-size:13px;line-height:1.5}.simple-signage-stage{background:radial-gradient(circle at 50% 20%,#fff 0,#0000 40%),#f6f5f1;min-width:0;min-height:0;padding:24px clamp(20px,3vw,46px) 34px;overflow:auto}.stage-heading{justify-content:space-between;align-items:flex-start;gap:20px;max-width:960px;margin:0 auto 18px;display:flex}.stage-heading small{color:#8b8e88;letter-spacing:.12em;font-size:10px;font-weight:800}.stage-heading h1{margin:4px 0 0;font-size:23px}.always-on{color:#327544;background:#eef8f0;border:1px solid #cfe0d3;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.simple-display-frame{aspect-ratio:16/9;background:#101613;border-radius:7px;width:min(100%,960px);margin:auto;padding:9px;box-shadow:0 18px 40px #16211e29,0 2px 4px #0004}.simple-widget-errors{color:#8b2f20;background:#fff2ef;border:1px solid #e5b7ae;border-radius:8px;gap:4px;margin-top:9px;padding:8px 10px;font-size:11px;display:grid}.simple-widget-errors p{margin:0}.audience-poll-summary{background:#f6f8f6;border:1px solid #d7ddd9;border-radius:9px;gap:3px;margin:0;padding:10px 12px;display:grid}.audience-poll-summary strong{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.audience-poll-summary span{color:#63706b;font-size:10px}.audience-poll-summary.open{background:#edf8f1;border-color:#94c8aa}.audience-poll-summary.closed{background:#fff8ec;border-color:#dfba82}.simple-layout-canvas{width:100%;height:100%;position:relative;overflow:hidden}.simple-layout-canvas>.web-player-signage-layout{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;margin:0}.simple-layout-canvas .web-player-signage-zone{cursor:pointer;touch-action:none}.simple-layout-canvas .web-player-signage-zone.editor-selected{outline:3px solid var(--sign-orange);outline-offset:-3px;box-shadow:inset 0 0 0 2px #fff8;z-index:50!important}.simple-layout-canvas .web-player-signage-zone.editor-selected.media:after{content:"Drag to position";z-index:5;color:#fff;pointer-events:none;background:#000b;border-radius:4px;padding:4px 6px;font:700 9px/1 system-ui;position:absolute;bottom:7px;right:7px}.simple-layout-zone{box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;border:0;outline:1px solid #ffffff12;display:block;position:absolute;overflow:hidden}.simple-layout-zone>:not(img){transform:scale(var(--simple-content-scale,1));transform-origin:50%}.simple-layout-zone.selected{outline:3px solid var(--sign-orange);outline-offset:-3px;box-shadow:inset 0 0 0 2px #fff8;z-index:20!important}.simple-layout-zone img{top:var(--simple-zone-padding,0%);right:var(--simple-zone-padding,0%);bottom:var(--simple-zone-padding,0%);left:var(--simple-zone-padding,0%);width:calc(100% - (2 * var(--simple-zone-padding,0%)));height:calc(100% - (2 * var(--simple-zone-padding,0%)));object-fit:contain;max-width:100%;max-height:100%;position:absolute}.element-specific-controls,.rich-text-editor{gap:11px;display:grid}.field-check-grid,.qr-label-controls{border:1px solid #d9ddd8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:0;padding:10px;display:grid}.field-check-grid legend,.qr-label-controls legend{color:#45554f;padding:0 5px;font-size:10px;font-weight:800}.field-check-grid label,.check-line{align-items:center;gap:6px;display:flex!important}.qr-label-controls textarea{resize:vertical;min-height:54px}.qr-label-controls .field-help{grid-column:1/-1}.field-check-grid input,.check-line input{width:auto!important}.rich-run-picker{background:#fff;border:1px solid #d9ddd8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;min-height:38px;padding:6px;display:flex}.rich-run-picker button,.rich-toolbar button{color:#172823;background:#f6f7f4;border:1px solid #d4d9d5;border-radius:5px;padding:5px 7px}.rich-run-picker button.active,.rich-toolbar button.active{border-color:var(--sign-orange);color:#8d5200;background:#fff3df}.rich-toolbar{flex-wrap:wrap;gap:5px;display:flex}.rich-toolbar button{width:34px}.rich-toolbar input[type=color]{width:42px}.rich-toolbar input[type=number]{width:70px}.rich-toolbar select{flex:110px;min-width:0}.preview-presentation{color:#fff;text-align:center;background:linear-gradient(135deg,#0a1210bf,#1c2421a8),radial-gradient(circle at 45% 35%,#4a514e 0,#252a28 55%,#121715 100%);place-content:center;justify-items:center;gap:5px;width:100%;height:100%;display:grid;position:relative}.preview-presentation span{border:2px solid #ffffffa0;border-radius:50%;place-items:center;width:2em;height:2em;margin-bottom:5px;font-size:.7em;display:grid}.preview-presentation strong{font-size:1em}.preview-presentation small{color:#d5dcd9;font-size:.48em}.preview-weather,.preview-clock{place-content:var(--simple-vertical-align,center);justify-items:center;gap:2px;height:100%;display:grid;position:relative}.preview-weather span{color:#ffc24b;font-size:1.4em}.preview-weather strong,.preview-clock strong{font-size:1.6em;line-height:1}.preview-weather small,.preview-clock small{color:#cdd8d3;font-size:.5em}.preview-qr{align-items:center;gap:clamp(5px,1vw,15px);height:100%;display:flex;position:relative}.preview-qr.align-center{justify-content:center}.preview-qr.align-right{text-align:right;flex-direction:row-reverse}.preview-qr i{aspect-ratio:1;background:repeating-conic-gradient(#12221d 0 25%, #fff 0 50%) 50% / 18px 18px;color:#0000;border:7px solid #fff;flex:0 auto;place-items:center;width:min(48%,88px);font-style:normal;display:grid}.preview-qr span,.preview-copy{gap:3px;min-width:0;display:grid}.preview-qr strong,.preview-copy strong{font-size:1em;line-height:1.12}.preview-qr small,.preview-copy small{color:#d2ded8;font-size:.48em}.preview-copy{align-content:var(--simple-vertical-align,center);height:100%;position:relative}.range-value{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid}.range-value input{min-width:0}.range-value span{color:#586560;text-align:right;font-size:12px;font-weight:700}.stream-override-controls{background:#fff9ed;border:1px solid #e9c47c;border-radius:10px;gap:11px;padding:11px;display:grid}.toggle-label{cursor:pointer;align-items:flex-start;gap:9px;display:flex!important}.toggle-label input{margin-top:3px}.toggle-label span{gap:2px;display:grid}.toggle-label strong{color:#5e4012;font-size:13px}.toggle-label small,.field-help{color:#786b56;margin:0;font-size:11px;line-height:1.4}.stream-override-fields{gap:10px;display:grid}.date-time-boundary{border:1px solid #ead7ad;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:8px;display:grid}.date-time-boundary legend{color:#6e4d18;padding:0 5px;font-size:10px;font-weight:850}.simple-preview-empty,.playlist-empty{aspect-ratio:16/9;color:#737872;text-align:center;border:2px dashed #d0d2cc;border-radius:8px;place-content:center;justify-items:center;width:min(100%,960px);margin:auto;display:grid}.simple-preview-empty span,.playlist-empty span{color:var(--sign-orange);font-size:50px}.simple-preview-empty h2,.playlist-empty h2{color:var(--sign-ink);margin:10px 0 4px}.simple-preview-empty p,.playlist-empty p{margin:0}.simple-signage-inspector>.simple-inspector{min-height:100%}.simple-inspector{padding:0 20px 30px}.inspector-tabs{border-bottom:1px solid var(--sign-border);gap:26px;margin:0 -20px 22px;padding:0 20px;display:flex}.inspector-tabs button{color:#737873;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:20px 0 12px;font-size:13px}.inspector-tabs .active{border-bottom-color:var(--sign-orange);color:var(--sign-orange-dark);font-weight:800}.simple-inspector label{color:#4e554f;gap:6px;margin-bottom:14px;font-size:11px;font-weight:700;display:grid}.simple-inspector input,.simple-inspector select,.simple-inspector textarea{box-sizing:border-box;width:100%;min-height:38px;color:var(--sign-ink);background:#fff;border:1px solid #cfd3cc;border-radius:5px;padding:8px 10px;font-size:13px}.simple-inspector input[type=color]{padding:3px}.inspector-section{border-top:1px solid #e5e6e1;margin:18px -2px;padding:17px 0 2px}.inspector-section h3{margin:0 0 5px;font-size:13px}.inspector-section>p,.inspector-hint{color:#737a75;margin:0 0 14px;font-size:11px;line-height:1.45}.two-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.element-list{gap:5px;display:grid}.element-list button{color:var(--sign-ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe1dc;border-radius:5px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:7px 8px;display:grid}.element-list button.active{border-color:var(--sign-orange);background:#fff7e9}.element-list i{border:1px solid #1e2e28;border-radius:2px;place-items:center;width:26px;height:21px;font-size:9px;font-style:normal;display:grid}.element-list span{display:grid}.element-list strong{font-size:11px}.element-list small{color:#7b817c;font-size:9px}.simple-danger{color:#a43a31;cursor:pointer;background:#fff4f2;border:1px solid #ecc7c2;border-radius:5px;width:100%;min-height:39px;margin-top:16px;font-weight:800}.simple-inspector-empty{color:#777d78;text-align:center;place-content:center;justify-items:center;height:100%;padding:30px;display:grid}.simple-inspector-empty span{font-size:35px}.simple-inspector-empty h3{color:var(--sign-ink);margin:10px 0 5px}.simple-inspector-empty p{margin:0;font-size:12px}.playlist-timeline{background:#fff;border:1px solid #dadcd6;border-radius:8px;width:min(100%,960px);min-height:315px;margin:auto;padding:20px 18px 58px;position:relative;box-shadow:0 12px 28px #16211e0e}.timeline-loop-arrow{color:#39804a;letter-spacing:.08em;font-size:10px;font-weight:900;position:absolute;bottom:18px;right:20px}.timeline-item{width:100%;color:var(--sign-ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #dedfda;border-radius:7px;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:8px;padding:8px;display:grid}.timeline-item.selected{border-color:var(--sign-orange);background:#fffbf3;box-shadow:0 0 0 2px #df941f24}.timeline-thumb{color:#fff;background:#17231f;border-radius:4px;place-items:center;height:58px;display:grid;position:relative;overflow:hidden}.timeline-thumb img{object-fit:cover;width:100%;height:100%}.timeline-thumb b{background:var(--sign-orange);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;top:4px;left:4px}.timeline-item>span{gap:4px;display:grid}.timeline-item>span strong{font-size:13px}.timeline-item>span small{color:#717873;font-size:10px}.timeline-actions{gap:4px;display:flex}.timeline-actions i{border:1px solid #d7dad4;border-radius:4px;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;display:grid}.timeline-actions .remove{color:#ac3930}.signage-media-tray{background:#fff;border:1px solid #dedfda;border-radius:8px;width:min(100%,960px);margin:18px auto 0;padding:13px}.signage-media-tray header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.signage-media-tray header div{display:grid}.signage-media-tray header strong{font-size:12px}.signage-media-tray header small{color:#7b817c;font-size:9px}.signage-media-tray header button{color:#8b5910;cursor:pointer;background:#fff8eb;border:1px solid #dbbd8c;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800}.signage-media-tray-actions{flex:none;align-items:center;gap:8px;display:flex!important}.signage-media-tray-actions select{color:#6e4300;background:#fffaf2;border:1px solid #d99019;border-radius:8px;min-width:170px;max-width:260px;min-height:36px;padding:0 32px 0 12px;font:700 12px/1 system-ui,sans-serif}.signage-media-tray-actions select:disabled{color:#8d8b86;background:#f5f4f1;border-color:#d8d5cf}.signage-media-tray>div{gap:8px;display:flex;overflow:auto}.signage-media-tray>div button{cursor:pointer;background:#fff;border:1px solid #dee0db;border-radius:5px;flex:0 0 86px;grid-template-rows:53px 26px;gap:4px;width:86px;padding:3px;display:grid;overflow:hidden}.signage-media-tray img{object-fit:cover;border-radius:3px;width:100%;height:53px}.signage-media-tray>div button>span{color:#fff;background:#182520;border-radius:3px;place-items:center;height:53px;display:grid}.signage-media-tray small{color:#555d58;font-size:8px;line-height:1.2;overflow:hidden}.loop-callout,.sign-summary{color:#2e6940;background:#eff8f1;border:1px solid #cee0d1;border-radius:7px;align-items:center;gap:10px;display:flex}.loop-callout{padding:11px}.loop-callout>span{font-size:24px}.loop-callout div{display:grid}.loop-callout strong{font-size:11px}.loop-callout small{font-size:9px}.suffix-input{position:relative}.suffix-input input{padding-right:35px}.suffix-input span{color:#838984;font-size:10px;position:absolute;top:11px;right:9px}.range-control{grid-template-columns:1fr 38px;align-items:center;gap:8px;display:grid}.range-control input{padding:0}.range-control b{font-size:11px}.sign-summary{box-sizing:border-box;width:min(100%,960px);color:var(--sign-ink);background:#fffaf1;border-color:#e6d7bd;justify-content:center;margin:18px auto 0;padding:13px 18px}.sign-summary div{justify-items:center;min-width:130px;display:grid}.sign-summary strong{font-size:12px}.sign-summary span{color:#777e78;font-size:9px}.sign-summary>b{color:var(--sign-orange);font-size:18px}.screen-assignment-list{gap:6px;display:grid}.screen-assignment-list label{cursor:pointer;border:1px solid #dfe1dc;border-radius:5px;grid-template-columns:20px 1fr;align-items:center;gap:6px;margin:0;padding:9px}.screen-assignment-list input{width:16px;min-height:16px}.screen-assignment-list span{display:grid}.screen-assignment-list strong{font-size:11px}.screen-assignment-list small{color:#767d77;font-size:9px}.simple-signage-savebar{color:#fff;background:linear-gradient(135deg,#0f1e1a,#172b26);border-top:1px solid #263832;justify-content:space-between;align-items:center;gap:20px;padding:0 26px;display:flex;box-shadow:0 -5px 22px #0c181522}.simple-signage-savebar>span{color:#8fe1a7;font-size:13px}.simple-signage-savebar>span.dirty{color:#ffc461}.simple-signage-savebar>div{align-items:center;gap:18px;display:flex}.simple-signage-savebar small{color:#b8c6c1;font-size:10px}.simple-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eda522,#d9870e);border:0;border-radius:6px;min-width:180px;min-height:45px;font-weight:900;box-shadow:0 8px 20px #0002}.simple-primary:disabled{opacity:.5;cursor:wait}@media (width<=1050px){.simple-signage{grid-template-rows:64px 84px minmax(0,1fr) 72px}.simple-signage-workspace{grid-template-columns:220px minmax(360px,1fr) 280px}.simple-signage-steps small,.simple-signage-savebar small{display:none}}@media (width<=760px){.simple-signage{grid-template-rows:58px 70px minmax(0,1fr) 70px;position:fixed}.simple-signage-header{padding:0 14px}.simple-signage-brand strong{font-size:19px}.simple-signage-navigation summary{justify-content:center;min-width:44px;padding:9px 11px}.simple-signage-navigation summary>span:last-child{display:none}.simple-signage-navigation nav{width:min(238px,100vw - 28px)}.simple-signage-steps{gap:4px;padding:10px}.simple-signage-steps button{justify-content:center}.simple-signage-steps button:after,.simple-signage-steps span{display:none}.simple-signage-steps b{flex-basis:38px;width:38px;height:38px}.simple-signage-workspace{display:block;overflow:auto}.simple-signage-rail,.simple-signage-stage,.simple-signage-inspector{overflow:visible}.simple-signage-rail{border:0;padding:12px}.new-layout-presets{grid-template-columns:repeat(3,1fr)}.simple-resource{width:min(260px,80vw);display:inline-grid}.simple-resource.active{width:min(260px,80vw);margin:0;padding:13px 10px}.simple-signage-stage{padding:16px 12px}.simple-signage-inspector{border:0}.simple-signage-savebar{padding:0 10px}.simple-signage-savebar>span{display:none}.simple-signage-savebar>div,.simple-primary{width:100%}}.playlist-timeline{min-height:0;padding:16px 16px 48px;overflow:hidden}.timeline-loop-arrow{top:16px;bottom:auto;right:18px}.playlist-timeline-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-color:#d5b476 transparent;gap:12px;padding:30px 2px 10px;display:flex;overflow-x:auto}.playlist-timeline .timeline-item{scroll-snap-align:start;background:#fff;flex:0 0 224px;grid-template-rows:112px minmax(38px,auto) auto;grid-template-columns:1fr;align-items:start;gap:9px;width:224px;margin:0;padding:9px;display:grid}.playlist-timeline .timeline-thumb{width:100%;height:112px}.playlist-timeline .timeline-item>span{min-width:0}.playlist-timeline .timeline-item>span strong{text-overflow:ellipsis;white-space:nowrap;min-height:17px;overflow:hidden}.playlist-timeline .timeline-item>span small{white-space:nowrap}.playlist-timeline .timeline-actions{justify-content:flex-end}.signage-media-tray{padding:16px}.signage-media-tray header{border-bottom:1px solid #ece5d7;margin-bottom:14px;padding-bottom:11px}.signage-media-tray>div{gap:10px;padding-bottom:2px}.signage-media-tray>div button{flex-basis:112px;grid-template-rows:72px 28px;width:112px;padding:4px}.signage-media-tray img,.signage-media-tray>div button>span{height:72px}@media (width<=760px){.playlist-timeline{padding:12px 10px 40px}.timeline-loop-arrow{text-align:right;margin:0 3px 9px;position:static}.playlist-timeline-track{padding:0 0 8px}.playlist-timeline .timeline-item{flex-basis:min(240px,100vw - 52px);width:min(240px,100vw - 52px)}.signage-media-tray header{flex-direction:column;align-items:stretch;gap:12px}.signage-media-tray-actions{flex-wrap:wrap;width:100%}.signage-media-tray-actions select{flex:180px;max-width:none}}:root{color:#1a1e1c;font-synthesis:none;--ink:#1a1e1c;--deep:#1c2b27;--green:#2a6e4a;--mint:#e8f3ed;--cream:#fff;--gold:#d88c1e;--nav-text:#9fb5af;--nav-selected:#2e3d38;--line:#e4e3dd;--muted:#5f6b65;--shadow-sm:0 1px 2px #12211806;--shadow-md:0 4px 16px #1221180a;--shadow-lg:0 12px 40px #1221180e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;background:#f9f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f8f5;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.02em;color:var(--ink);font-family:Georgia,Times New Roman,serif}.auth-page{background:radial-gradient(at 20% 20%,#1f4a43 0%,#0000 50%),linear-gradient(135deg,#091c1d 0%,#12302d 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{border-radius:var(--radius-xl);background:#fff;width:min(480px,100%);padding:40px 36px;box-shadow:0 32px 100px #03141455}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup strong{font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1;display:block}.brand-lockup>div>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.brand-mark{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark.large{border-radius:16px;width:68px;height:68px}.auth-copy{margin:44px 0 28px}.auth-copy h1{margin:8px 0 10px;font-size:40px;line-height:1.05}.auth-copy p,.page-head p{color:var(--muted);margin-bottom:0;line-height:1.6}.eyebrow{color:#a06015;letter-spacing:.14em;font-size:11px;font-weight:700}.stack{gap:16px;display:grid}.field{color:#374744;gap:6px;font-size:12px;font-weight:700;display:grid}.field small{color:var(--muted);font-weight:400;line-height:1.4}input,select,textarea{border-radius:var(--radius-sm);min-width:0;color:var(--ink);background:#fff;border:1.5px solid #d1d4ce;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d88c1e18}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 5px #fff}.password-field{display:flex;position:relative}.password-field input{width:100%;padding-right:60px}.text-button{color:var(--green);background:0 0;border:0;padding:5px 2px;font-size:12px;font-weight:700;position:static}.password-field .text-button{position:absolute;top:7px;right:8px}.button{border:1.5px solid var(--green);color:var(--green);border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.button.primary{background:var(--gold);border-color:var(--gold);color:#1d170f;box-shadow:0 2px 4px #31200b10}.button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d88c1e30}.button.danger{color:#b04840;border-color:#c25a52}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:default;transform:none}.button.wide{width:100%}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;line-height:1.45}.alert.error{color:#8b332b;background:#fbeae7}.alert.success{color:#1f5735;background:#e4f3eb}.rollback-available{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fffaf0;border:1.5px solid #e1ceab;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.rollback-available .settings-copy{margin:0}@media (width<=700px){.rollback-available{flex-direction:column;align-items:stretch}}.local-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin-top:28px;padding-top:20px;font-size:11px;display:flex}.recovery-link{color:var(--green);text-align:center;margin-top:16px;font-size:11px;font-weight:700;display:block}.status-dot,.available-dot{background:#3ab37b;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #3ab37b1a}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--deep);color:#dbe4e1;flex-direction:column;height:100vh;padding:28px 16px 20px;display:flex;position:sticky;top:0;box-shadow:2px 0 24px #0a15120f}.brand-lockup.inverse{padding:0 10px 30px}.brand-lockup.inverse strong{color:#fff}.brand-lockup.inverse>div>span{color:#90a8a3;text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.sidebar-storage-badge{background:#ffffff0c;border:1px solid #ffffff10;border-radius:10px;align-items:center;gap:10px;margin:4px 4px 0;padding:10px 12px;transition:background .15s;display:flex}.sidebar-storage-badge:hover{background:#ffffff12}.storage-badge-icon{width:28px;height:28px;color:var(--gold);background:#33433d;border-radius:7px;place-items:center;font-size:14px;font-weight:700;display:grid}.sidebar-storage-badge strong{color:#fff;font-size:13px;display:block}.sidebar-storage-badge small{color:#90a8a3;font-size:9px}.sidebar nav{flex:1;margin-top:8px;padding:0 2px;overflow-y:auto}.nav-section{margin-bottom:4px}.nav-section-label{color:#90a8a3;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px 4px;font-size:9px;font-weight:800}.sidebar nav button{width:100%;color:var(--nav-text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex;position:relative}.sidebar nav button .nav-icon{text-align:center;opacity:.85;flex-shrink:0;width:22px;font-size:17px}.sidebar nav button:hover{color:#fff;background:#ffffff0c}.sidebar nav button:hover .nav-icon{opacity:1}.sidebar nav button.active{color:#fff;background:var(--nav-selected);box-shadow:inset 3px 0 0 var(--gold)}.sidebar nav button.active .nav-icon{opacity:1;color:var(--gold)}.sidebar-foot{border-top:1px solid #ffffff14;gap:12px;margin-top:auto;padding-top:18px;display:grid}.storage-mini{color:#a7bbb6;gap:6px;font-size:9px;display:grid}.storage-mini strong{color:#fff;font-size:12px}.storage-mini .storage-meter{background:#ffffff18}.server-online{background:#283430;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.server-online strong,.server-online small{display:block}.server-online strong{font-size:11px}.server-online small{color:#97b3ab;margin-top:3px;font-size:10px}.account-button{color:#fff;text-align:left;background:#283430;border:0;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700;transition:background .15s}.account-button:hover{background:#303d38}.account-button span{float:right;color:#97b3ab;font-weight:400}.content{min-width:0;padding:32px clamp(28px,3.5vw,48px) 80px;position:relative}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;padding-bottom:20px;display:flex}.page-head h1{margin:4px 0;font-size:42px;line-height:1.05}.page-head p{font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:22px 20px;transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.dashboard-action-card{border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;background:#fff;align-items:center;gap:14px;padding:18px 20px;transition:all .15s;display:flex}.dashboard-action-card:hover{box-shadow:var(--shadow-md);border-color:#c8ccc4;transform:translateY(-2px)}.dashboard-action-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.action-icon{background:var(--mint);width:44px;height:44px;color:var(--green);border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.dashboard-action-card strong{font-size:13px;font-weight:700;display:block}.dashboard-action-card small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.activity-timeline{padding:8px 24px 16px}.activity-item{border-bottom:1px solid #f0efe8;gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 3px #3a8b6618}.activity-item strong{font-size:13px;display:block}.activity-item small{color:var(--muted);margin-top:3px;font-size:10px;display:block}@media (width<=1100px){.dashboard-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.dashboard-quick-actions{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-action-card{padding:14px}}.stat-card>span{text-transform:uppercase;color:var(--muted);letter-spacing:.09em;font-size:10px;font-weight:700}.stat-card strong{margin:8px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:32px;display:block}.stat-card small{color:var(--muted);font-size:11px}.mono{letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}.mono.small{letter-spacing:0;overflow-wrap:anywhere;font-size:11px}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.panel-title,.panel-heading{border-bottom:1px solid #eae8e0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-title h2,.panel-heading h2,.settings-grid h2,.schedule-panel h2{margin:0;font-size:20px}.panel-title button{color:var(--green);background:0 0;border:0;font-size:11px;font-weight:700}.rows .row{border-bottom:1px solid #f0efe8;align-items:center;gap:14px;padding:16px 24px;transition:background .12s;display:flex}.rows .row:hover{background:#fafaf7}.rows .row:last-child{border-bottom:0}.grow{flex:1;min-width:0}.row strong,.row small,.lesson-cards strong,.lesson-cards small{display:block}.row strong,.lesson-cards strong{font-size:13px}.row small,.lesson-cards small{color:var(--muted);margin-top:4px;font-size:10px}.date-badge{text-align:center;background:var(--mint);border-radius:8px;flex:0 0 46px;padding:6px 3px}.date-badge b{color:var(--green);text-transform:uppercase;font-size:8px;display:block}.date-badge strong{font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.1}.role-summary{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.role-summary i,.pill{color:#6d5a35;background:#f4e9d4;border-radius:20px;padding:4px 8px;font-size:9px;font-style:normal;font-weight:700}.screen-icon{color:#7f8e8b;background:#edf1ed;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.screen-icon.online{background:var(--mint);color:var(--green)}.screen-icon.large{width:54px;height:54px;font-size:24px}.status{text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px}.status.online{color:#26805c}.status.online i{background:#3ab37b}.status.offline{color:#899491}.status.offline i{background:#9ea8a5}.empty{text-align:center;color:var(--muted);justify-items:center;padding:52px 28px;display:grid}.empty>div{color:#9db0a9;margin-bottom:14px;font-size:32px}.empty strong{color:var(--ink);font-size:15px}.empty p{max-width:360px;margin:8px 0 20px;font-size:12px;line-height:1.5}.classes-layout{grid-template-columns:270px 1fr;align-items:start;gap:20px;display:grid}.class-list{padding:16px 8px}.class-list h3{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:0 12px 14px;font-size:11px}.class-list>button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.class-list>button.active,.class-list>button:hover{background:#eef3ef}.class-list strong,.class-list small{display:block}.class-list strong{font-size:12px}.class-list small{color:var(--muted);margin-top:3px;font-size:9px}.class-glyph{background:var(--deep);color:#fff;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;font-family:Georgia,Times New Roman,serif;display:grid}.class-detail{overflow:hidden}.class-title{justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px 20px;display:flex}.class-title h2{margin:6px 0 3px;font-size:30px}.class-title p{color:var(--muted);margin:0;font-size:12px}.quick-create{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#f1f4f0;grid-template-columns:1fr 160px auto;gap:10px;padding:16px 24px;display:grid}.controller-share-preview{--room-color:#2d6a4f;border:1px solid color-mix(in srgb, var(--room-color) 25%, #e0e6e2);border-left:4px solid var(--room-color);background:#f8faf8;border-radius:12px;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:18px;transition:border-color .15s;display:grid}.controller-share-preview img,.qr-loading{background:#fff;border-radius:8px;width:150px;height:150px}.controller-share-preview img{display:block}.qr-loading{color:var(--muted);text-align:center;place-items:center;font-size:9px;display:grid}.controller-share-preview span,.controller-share-preview strong{display:block}.controller-share-preview span{color:var(--room-color);letter-spacing:.11em;font-size:9px;font-weight:800}.controller-share-preview strong{overflow-wrap:anywhere;margin-top:6px;font-size:13px}.controller-share-preview p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.5}.path-input{background:#fff;border:1.5px solid #d6ddd8;border-radius:8px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.path-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d88c1e18}.path-input span{color:var(--muted);padding-left:10px;font-size:11px}.path-input input{box-shadow:none;border:0;padding-left:2px}.temporary-controller-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.temporary-controller-row .button{margin-bottom:1px}.permanent-controller-card{background:#f5faf6;border:1px solid #ceddd3;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;display:grid}.permanent-controller-card strong,.permanent-controller-card small{display:block}.permanent-controller-card strong{color:var(--green);font-size:12px}.permanent-controller-card small{max-width:480px;color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.permanent-controller-card>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.controller-color-picker{grid-template-columns:64px auto;align-items:center;gap:10px;display:grid}.controller-color-picker input[type=color]{background:var(--picker-color,#fff);cursor:pointer;border:1.5px solid #bfc9c2;border-radius:10px;width:64px;min-width:64px;height:42px;padding:3px;display:block}.controller-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.controller-color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.controller-color-picker input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.controller-color-picker output{color:var(--muted);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.recycle-list{gap:8px;margin-top:18px;display:grid}.recycle-list>div{border:1px solid var(--line);border-radius:10px;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:background .12s;display:grid}.recycle-list>div:hover{background:#fafaf7}.recycle-list span strong,.recycle-list span small{display:block}.recycle-list small{color:var(--muted);margin-top:3px;font-size:9px}.recycle-list>div>span:last-child{text-align:right;align-items:center;gap:10px;display:flex}.recycle-kind{color:var(--green);text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:800}.controller-lock{place-items:center;min-height:70vh;display:grid}.controller-lock>.panel{text-align:center;width:min(440px,100%);padding:38px}.controller-lock .brand-mark{margin:0 auto 24px}.controller-lock h1{margin:8px 0}.controller-lock>section>p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.55}.controller-lock .field{text-align:left}.lesson-cards{padding:8px 14px 14px}.lesson-cards>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #edebe3;align-items:center;gap:14px;padding:14px 8px;transition:background .12s;display:flex}.lesson-cards>button:hover{background:#fafbf7}.lesson-cards>button:last-child{border-bottom:0}.lesson-select-all{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px;font-size:9px;display:flex}.lesson-select-all label{align-items:center;gap:8px;font-weight:700;display:flex}.lesson-select-all input{min-width:auto}.lesson-card-row{border-bottom:1px solid #edebe3;grid-template-columns:24px 1fr;align-items:center;transition:background .12s;display:grid}.lesson-card-row:last-child{border-bottom:0}.lesson-card-row.selected{background:#edf6f0}.lesson-card-row.archived{opacity:.62}.lesson-card-row>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:14px 8px;display:flex}.lesson-bulk-actions{margin:14px 14px 0;position:relative;top:auto}.back-button{color:var(--green);background:0 0;border:0;margin-bottom:20px;padding:0;font-size:13px;font-weight:700}.editor-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.schedule-panel{padding:24px}.schedule-panel h2{margin-bottom:20px}.editor-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.editor-tabs button{border:1.5px solid var(--line);border-radius:var(--radius-lg);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:14px;padding:16px 20px;transition:all .15s;display:flex}.editor-tabs button:hover{box-shadow:var(--shadow-md);border-color:#cdd3cd}.editor-tabs button.active{border-color:var(--green);background:#f4faf6;box-shadow:0 0 0 2px #3a8b6620}.editor-step{width:36px;height:36px;color:var(--muted);background:#e8ede7;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.editor-tabs button.active .editor-step{background:var(--green);color:#fff}.editor-tabs button strong{font-size:13px;display:block}.editor-tabs button small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.playlist-panel-wide{max-width:none}@media (width<=760px){.editor-tabs{grid-template-columns:1fr}}.switch-row{cursor:pointer;grid-template-columns:38px 1fr;align-items:center;gap:10px;display:grid}.switch-row input{display:none}.switch-row>span{background:#aeb9b4;border-radius:15px;grid-row:1/span 2;width:38px;height:22px;transition:all .2s;position:relative}.switch-row>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0002}.switch-row input:checked+span{background:var(--green)}.switch-row input:checked+span:after{transform:translate(16px)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:12px}.switch-row small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.35}.switch-row.compact{grid-template-columns:38px 1fr}.switch-row.compact>span{grid-row:1}.timing-explain{border-top:1px solid var(--line);gap:12px;margin-top:24px;padding-top:20px;display:flex}.timing-explain>span{color:var(--gold);font-size:20px}.timing-explain strong{font-size:11px}.timing-explain p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.4}.playlist-panel{overflow:hidden}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.playlist{gap:10px;padding:14px;display:grid}.playlist-item{border:1px solid #e2e3dc;border-left:4px solid var(--green);background:#fcfcf9;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;transition:box-shadow .12s,background .12s;display:flex}.playlist-item.preRoll{border-left-color:#ad8547}.playlist-item.countdown{border-left-color:#8a6db0}.playlist-item.selected{background:#edf6f0;box-shadow:inset 0 0 0 1px #8eb39b}.playlist-select-all{color:var(--muted);align-items:center;gap:8px;padding:2px 3px 6px;font-size:9px;font-weight:700;display:flex}.playlist-select-all input{min-width:auto}.cue-bulk-actions{background:#f5fbf7;border-top:1px solid #b9d2c2;border-bottom:1px solid #b9d2c2;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.cue-bulk-actions strong{margin-right:auto;font-size:11px}.cue-bulk-actions select,.cue-bulk-actions input{width:auto;min-width:110px;padding:7px 8px;font-size:10px}.cue-bulk-actions label{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.cue-bulk-actions label input{min-width:70px}.order-controls{justify-items:center;gap:1px;display:grid}.order-controls button{color:#85908d;background:0 0;border:0;border-radius:4px;padding:3px 6px;line-height:1;transition:color .12s}.order-controls button:hover:not(:disabled){color:var(--ink)}.order-controls button:disabled{opacity:.2}.order-controls span{color:var(--muted);font-size:9px}.media-thumb{background:var(--deep);color:#fff;border-radius:7px;flex:0 0 48px;place-items:center;height:42px;display:grid}.item-main{flex:1;min-width:0}.item-main>div:first-child{align-items:center;gap:8px;display:flex}.item-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.item-main>small{color:var(--muted);margin:4px 0 8px;font-size:9px;display:block}.role{color:var(--green);background:var(--mint);border-radius:4px;padding:3px 6px;font-size:7px;font-weight:800}.role.preRoll{color:#7c622d;background:#f2e6cf}.role.countdown{color:#654789;background:#eee5f7}.item-options{align-items:center;gap:7px;display:flex}.item-options select,.item-options input{border-radius:6px;padding:5px 7px;font-size:9px}.item-options label{color:var(--muted);font-size:9px}.item-options input{width:48px}.item-advanced{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.item-advanced summary{color:var(--green);cursor:pointer;font-size:9px;font-weight:700}.advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.advanced-grid .field{font-size:9px}.advanced-grid input{padding:7px;font-size:10px}.check-line{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:9px;display:flex}.check-line input{min-width:auto}.editor-mode-switch{border:1px solid var(--line);background:#f7f8f4;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 16px;display:flex}.editor-mode-switch>div{gap:6px;display:flex}.editor-mode-switch button{min-height:36px;color:var(--muted);background:#fff;border:1.5px solid #cbd3cc;border-radius:8px;padding:7px 14px;font-size:10px;font-weight:800;transition:all .15s}.editor-mode-switch button.active{border-color:var(--green);color:#fff;background:var(--green)}.simple-cue-controls{grid-template-columns:repeat(6,minmax(90px,1fr));align-items:end;margin-top:10px;display:grid}.simple-cue-controls .field{min-width:0}.simple-cue-controls select,.simple-cue-controls input{width:100%}.unit-input{background:#fff;border:1.5px solid #cbd3cc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.unit-input input{border:0!important;border-radius:0!important;width:100%!important}.unit-input span{color:var(--muted);padding:0 8px;font-size:9px;font-weight:800}.check-card{border:1px solid var(--line);background:#f8f9f6;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:10px 13px;display:flex}.check-card input,.compact-check input{width:auto!important}.check-card span{gap:2px;display:grid}.check-card small{color:var(--muted)}.compact-check{min-height:36px;color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.cue-appearance-summary{color:var(--muted);text-transform:capitalize;align-items:center;gap:7px;margin-top:7px;font-size:8px;display:flex}.cue-appearance-summary i{border:1.5px solid #b9c3bb;border-radius:4px;width:14px;height:14px}.advanced-checks{flex-wrap:wrap;gap:18px;display:flex}.advanced-grid select{width:100%;padding:7px;font-size:10px}.delete-button{color:#99a29e;background:0 0;border:0;border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:20px;transition:color .12s}.delete-button:hover{color:#c05048}.media-table{border-bottom:1px solid #edebe5;grid-template-columns:24px minmax(230px,2fr) .55fr .55fr .5fr .8fr .75fr;align-items:center;gap:10px;padding:15px 22px;font-size:11px;transition:background .12s;display:grid}.media-table.selected{background:#edf6f0}.media-table:last-child{border:0}.media-table.table-head{border-radius:var(--radius-lg) var(--radius-lg) 0 0;text-transform:uppercase;color:var(--muted);background:#f3f4ef;font-size:9px;font-weight:700}.media-select{place-items:center;display:grid}.media-select input{width:16px;min-width:16px;height:16px;accent-color:var(--green);margin:0;padding:0}.media-name{align-items:center;gap:12px;min-width:0;display:flex}.media-name>b{color:#fff;background:var(--deep);border-radius:7px;place-items:center;width:36px;height:34px;display:grid}.media-name strong,.media-name small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.media-name small{color:var(--muted);margin-top:3px;font-size:9px}.media-name img{object-fit:cover;background:var(--deep);border-radius:7px;width:54px;height:36px}.file-button input{display:none}.pin-card{background:var(--deep);color:#fff;border-radius:10px;align-items:center;gap:14px;padding:12px 20px;display:flex}.pin-card span{color:#97b0aa;letter-spacing:.1em;font-size:8px;font-weight:700}.pin-card strong{letter-spacing:.14em;font-family:ui-monospace,monospace;font-size:22px}.availability{align-items:center;gap:7px;display:flex}.availability.internet .available-dot{background:#d88c1e;box-shadow:0 0 0 3px #d8912722}.retention-options{border:0;gap:8px;margin:0;padding:0;display:grid}.retention-options legend{color:#374744;margin-bottom:8px;font-size:12px;font-weight:700}.retention-options label{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s;display:flex}.retention-options label:hover{border-color:var(--green)}.retention-options input{min-width:auto;margin-top:3px}.retention-options strong,.retention-options small{display:block}.retention-options strong{font-size:12px}.retention-options small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.retention-badge{width:max-content;max-width:100%;color:var(--green);text-align:left;background:0 0;border:0;border-bottom:1.5px dashed;justify-items:start;gap:2px;padding:2px 0;font-size:10px;font-weight:700;display:grid}.retention-badge:hover:not(:disabled){color:#124f33}.retention-badge:disabled{cursor:default;opacity:.7}.retention-badge small{color:var(--muted);font-size:8px;font-weight:500}.retention-badge.temporary{color:#8a5d19}.bulk-actions{z-index:6;background:#f5fbf7;border:1.5px solid #b9d2c2;border-radius:12px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px 18px;display:grid;position:sticky;top:14px;box-shadow:0 6px 24px #183a2718}.bulk-actions strong{font-size:13px}.bulk-actions>span{color:var(--muted);font-size:10px}.bulk-actions>div{flex-wrap:wrap;gap:7px;display:flex}.bulk-actions .button{padding:8px 12px;font-size:11px}.add-media-chooser{gap:12px;display:grid}.add-media-choice{border:2px solid var(--line);border-radius:var(--radius-lg);width:100%;color:var(--muted);text-align:left;background:#fff;justify-items:start;gap:4px;padding:20px 22px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:grid}.add-media-choice strong{color:var(--ink);font-size:15px}.add-media-choice:hover{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.media-preview-grid button{border:1.5px solid var(--line);min-width:0;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:0 0 14px;transition:all .15s;overflow:hidden}.media-preview-grid button:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:#cdd3cd;transform:translateY(-2px)}.media-preview-grid button:disabled{cursor:default;opacity:.56}.media-preview-grid button>span{color:#fff;background:var(--deep);place-items:center;width:100%;height:90px;font-size:26px;display:grid;overflow:hidden}.media-preview-grid img{object-fit:cover;width:100%;height:100%}.media-preview-grid strong,.media-preview-grid small{text-overflow:ellipsis;white-space:nowrap;margin:10px 14px 0;display:block;overflow:hidden}.media-preview-grid strong{font-size:11px}.media-preview-grid small{color:var(--green);margin-top:4px;font-size:9px;font-weight:700}.media-filters{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;align-items:end;gap:12px;margin-bottom:16px;padding:15px 18px;display:grid}@media (width<=900px){.media-filters{grid-template-columns:1fr 1fr}.media-filters-right{grid-column:1/-1;justify-content:space-between}}@media (width<=760px){.media-filters{grid-template-columns:1fr}.media-filters-right{grid-column:auto}}.media-filters>span{color:var(--muted);white-space:nowrap;padding-bottom:11px;font-size:10px}.media-filters-right{align-items:center;gap:12px;padding-bottom:11px;display:flex}.media-filters-right>span{color:var(--muted);white-space:nowrap;font-size:10px}.view-toggle{border:1.5px solid var(--line);background:#fff;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 10px;font-size:14px;transition:all .12s}.view-toggle button.active{color:#fff;background:var(--green)}.view-toggle button:hover:not(.active){background:#f0f3ef}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper input{width:100%;padding-right:32px}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.locked-extension-input{align-items:stretch;min-width:0;display:flex}.locked-extension-input input{border-radius:7px 0 0 7px;min-width:0}.locked-extension-input>span{border:1px solid var(--line);color:var(--muted);background:#f2f5f1;border-left:0;border-radius:0 7px 7px 0;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.search-clear:hover{color:var(--ink);background:#f0f0eb}.media-manage{color:var(--green);background:0 0;border:0;border-bottom:1.5px dashed;margin-top:5px;padding:0;font-size:8px;font-weight:800;display:block}.media-manager{gap:20px;display:grid}.media-manager-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.media-manager-summary>div{border:1px solid var(--line);background:#f7f8f4;border-radius:10px;gap:4px;padding:14px;display:grid}.media-manager-summary span{color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:800}.media-manager-summary strong{color:var(--green);font-size:22px}.replace-media{background:#fafbf8;border:1.5px solid #cbd7ce;border-radius:10px;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:16px;display:grid}.media-preview{gap:14px;display:grid}.preview-stage{color:#fff;background:#0d1311;border-radius:12px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.preview-stage video,.preview-stage img,.preview-stage iframe,.preview-stage object{object-fit:contain;border:0;width:100%;height:min(58vh,480px);display:block}.preview-stage audio{width:min(440px,100% - 36px)}.audio-preview{justify-items:center;gap:24px;width:100%;padding:60px 20px;display:grid}.audio-preview>div{color:#d4b36e;font-size:64px}.visual-fade-overlay{z-index:2;pointer-events:none;background:#000;transition:opacity 80ms linear;position:absolute;inset:0}.timeline-player{background:#000;position:relative}.preview-notes{z-index:3;color:#fff;background:#071211dd;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.45;position:absolute;bottom:16px;left:16px;right:16px}.preview-readout{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.preview-readout span{color:var(--muted);background:#fff;padding:10px;font-size:9px}.preview-readout strong{color:var(--ink);margin-top:3px;font-size:10px;display:block}.preview-open{color:var(--green);justify-self:end;font-size:11px;font-weight:700}.preview-strip{border-top:1px solid var(--line);background:#f7f8f4;align-items:center;gap:8px;padding:14px 18px;display:flex;overflow-x:auto}.preview-strip>span{color:var(--muted);letter-spacing:.11em;flex:none;font-size:8px;font-weight:800}.preview-strip button{color:var(--green);background:#fff;border:1.5px solid #cfd6cf;border-radius:99px;flex:none;padding:8px 12px;font-size:10px;font-weight:700;transition:all .12s}.preview-strip button:hover{border-color:var(--green);background:var(--mint)}.calendar-stack{gap:20px;display:grid}.calendar-grid{background:var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.calendar-grid article{background:#fff;align-items:flex-start;gap:14px;min-height:120px;padding:20px;transition:background .12s;display:flex}.calendar-grid article:hover{background:#fafcf8}.calendar-grid article>div{min-width:0}.calendar-grid article strong,.calendar-grid article small{display:block}.calendar-grid article small{color:var(--muted);margin-top:4px;font-size:10px}.calendar-meta{color:var(--muted);gap:8px;margin-top:14px;font-size:10px;display:grid}.calendar-meta .role-summary{justify-content:flex-start}.screen-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;display:grid}.screen-card{box-shadow:var(--shadow-sm);border:1.5px solid #e1e2dc;border-radius:12px;gap:14px;padding:18px;transition:box-shadow .15s;display:grid}.screen-card:hover{box-shadow:var(--shadow-md)}.screen-card-top{justify-content:space-between;align-items:start;display:flex}.screen-name-input{border:0;border-bottom:1.5px dashed #0000;border-radius:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600;transition:border-color .12s}.screen-name-input:hover{border-color:#bcb}.screen-card>small{color:var(--muted);margin-top:-9px;font-size:9px}.screen-meta{color:var(--muted);border-top:1px solid #f0efe8;justify-content:space-between;padding-top:12px;font-size:9px;display:flex}.screen-card.expanded{grid-column:span 2}.text-danger{color:#a0443c;text-align:left;background:0 0;border:0;padding:0;font-size:10px}.browser-player-intro{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#f1f7f2);border:1.5px solid #bcd0c3;justify-content:space-between;align-items:center;gap:28px;margin-bottom:18px;padding:24px;display:flex}.browser-player-intro h2{margin:5px 0 7px;font-size:20px}.browser-player-intro p{max-width:720px;color:var(--muted);margin:0 0 9px;font-size:10px;line-height:1.55}.browser-player-intro code{color:var(--green)}.browser-player-intro>div>small{color:var(--green);font-family:ui-monospace,monospace;font-size:10px}.browser-player-intro .card-actions{flex:none}.screen-diagnostics{color:var(--muted);background:#f1f4f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:7px;padding:12px;font-size:9px;display:grid}.screen-diagnostics span{justify-content:space-between;gap:5px;display:flex}.screen-diagnostics b{color:var(--ink)}.playback-error{color:#812f29;background:#feeae7;border-radius:7px;width:100%;margin-top:10px;padding:9px 11px;font-size:9px;line-height:1.4}.quality-excellent,.quality-good{color:#1f6f55!important}.quality-fair,.warning-text{color:#a66317!important}.quality-poor,.quality-offline{color:#a0443c!important}.diagnostic-detail{border-top:1px solid #e5e6df;gap:14px;padding-top:4px;display:grid}.diagnostic-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.diagnostic-summary span{color:var(--muted);background:#f4f5f1;border-radius:8px;gap:2px;padding:12px;font-size:9px;display:grid}.diagnostic-summary b{color:var(--ink);font-size:14px}.diagnostic-list,.codec-list{gap:6px;display:grid}.diagnostic-list>strong,.codec-list>strong{letter-spacing:.07em;text-transform:uppercase;font-size:10px}.diagnostic-list>div{background:#f7f8f5;border-radius:7px;grid-template-columns:minmax(120px,1fr) 1fr;gap:8px;padding:8px 10px;font-size:10px;display:grid}.diagnostic-list small,.codec-list small{color:var(--muted)}.diagnostic-list em{color:#a0443c;grid-column:1/-1;font-style:normal}.codec-list{grid-template-columns:repeat(2,1fr)}.codec-list>strong,.codec-list>small{grid-column:1/-1}.codec-list>span{background:#f7f8f5;border-radius:7px;justify-content:space-between;padding:8px 10px;font-size:10px;display:flex}.codec-list span i{color:#207359;font-style:normal}.codec-list span.unsupported i{color:#a0443c}.screenshot-privacy{border:1.5px solid #dcded7;border-radius:10px;gap:10px;padding:14px;display:grid}.screenshot-privacy>div:first-child{gap:3px;display:grid}.screenshot-privacy small{color:var(--muted);line-height:1.45}.screenshot-privacy img{object-fit:contain;background:#08111f;border-radius:8px;width:100%;max-height:440px}.diagnostic-freshness{color:var(--muted)}.signage-priority{align-items:center;gap:10px;margin-bottom:18px;padding:15px 20px;font-size:10px;display:flex}.signage-priority>strong{color:var(--green)}.signage-priority>b{color:var(--gold)}.signage-priority>small{max-width:420px;color:var(--muted);text-align:right;margin-left:auto;line-height:1.45}.signage-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.signage-card{border-radius:var(--radius-lg);flex-direction:column;min-height:290px;padding:22px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 18px #101a1712}.signage-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #101a1718}.signage-card.emergency{box-shadow:inset 0 0 0 3px #d35b4d,0 4px 18px #101a1712}.signage-card.paused{filter:saturate(.4);opacity:.7}.signage-top,.signage-foot{letter-spacing:.1em;opacity:.82;justify-content:space-between;gap:12px;font-size:8px;font-weight:800;display:flex}.signage-card h2{margin:auto 0 8px;font-size:28px}.signage-card p{opacity:.72;font-size:11px}.signage-meta{gap:5px;margin:10px 0 14px;font-size:9px;line-height:1.35;display:grid}.signage-meta>span{display:block}.signage-ready{font-weight:800}.signage-ready.preparing{color:#ffe1a6}.signage-ready.failed,.signage-ready.missing{color:#ffd0ca}.signage-foot{letter-spacing:0;border-top:1px solid #ffffff30;align-items:center;padding-top:14px}.signage-foot>div{gap:9px;display:flex}.signage-foot button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.signage-weekdays,.signage-targets{border:1.5px solid var(--line);border-radius:10px;margin:0;padding:14px}.signage-weekdays legend,.signage-targets legend{color:#374744;padding:0 5px;font-size:12px;font-weight:700}.signage-weekdays{flex-wrap:wrap;gap:8px;display:flex}.signage-weekdays label{background:#f1f3ee;border-radius:99px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;transition:background .12s;display:flex}.signage-weekdays label:hover{background:#e4e8df}.signage-weekdays input,.signage-targets input{min-width:auto}.signage-targets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.signage-targets>p{color:var(--muted);grid-column:1/-1;margin:0 0 3px;font-size:9px}.signage-targets label{background:#fff;border:1.5px solid #e1e3dc;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;transition:border-color .12s;display:flex}.signage-targets label:hover{border-color:#cdd3cd}.signage-targets strong,.signage-targets small{display:block}.signage-targets small{color:var(--muted);margin-top:3px;font-size:8px}.user-table{overflow:hidden}.user-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,2fr) .8fr .7fr .9fr minmax(220px,1.25fr);align-items:center;gap:15px;min-height:72px;padding:14px 22px;font-size:11px;transition:background .12s;display:grid}.user-row:hover{background:#fafaf7}.user-row:last-child{border:0}.user-row.paused{background:#faf8f2}.user-head{text-transform:uppercase;min-height:42px;color:var(--muted);background:#f3f4ef;font-size:9px;font-weight:700}.user-name{align-items:center;gap:12px;min-width:0;display:flex}.user-name>b{color:#fff;background:#c47644;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;display:grid}.user-row.paused .user-name>b{background:#8b918b}.user-name strong,.user-name small{display:block}.user-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.user-status{align-items:center;gap:7px;font-weight:700;display:inline-flex}.user-status i{background:#3a8b66;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3a8b6619}.user-status.paused{color:#82652f}.user-status.paused i{background:#b28a3d;box-shadow:0 0 0 3px #b28a3d1d}.user-status.pending{color:#85621f}.user-status.pending i{background:#d88c1e;box-shadow:0 0 0 3px #d8912722}.user-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-actions button{border:1.5px solid var(--line);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:7px 10px;font-weight:700;transition:all .12s}.user-actions button:hover:not(:disabled){border-color:var(--green);background:var(--mint)}.user-actions button.danger{color:#a63d35}.user-actions button.danger:hover:not(:disabled){background:#fef5f4;border-color:#c05048}.user-actions button:disabled{cursor:not-allowed;opacity:.4}.user-actions button.primary-action{border-color:var(--green);color:#fff;background:var(--green)}.user-actions button.primary-action:hover:not(:disabled){background:#235e3e}.user-email-note{color:#72551d;background:#fff8e9;border:1.5px solid #ead7b3;margin:-16px 0 18px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-grid .panel{padding:24px}.settings-grid h2{margin-bottom:20px}.definition{border-bottom:1px solid #edebe4;justify-content:space-between;gap:20px;padding:12px 0;font-size:11px;display:flex}.definition span{color:var(--muted)}.definition strong{text-align:right}.privacy-callout{background:var(--mint);border-radius:10px;gap:16px;padding:18px;display:flex}.privacy-callout>span{color:var(--green);font-size:24px}.privacy-callout strong{font-size:13px}.privacy-callout p,.settings-copy{color:#58716c;margin:4px 0 0;font-size:11px;line-height:1.5}.settings-copy{margin-top:15px}.settings-grid pre{background:var(--deep);color:#cfddd8;border-radius:10px;padding:18px;font-size:11px;line-height:1.8;overflow:auto}.settings-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-heading h2{margin-bottom:5px}.tunnel-state{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#f0eee8;border-radius:99px;flex:none;padding:6px 10px;font-size:8px;font-weight:800}.tunnel-state.connected{color:#22623b;background:#dceee3}.tunnel-state.waiting{color:#7d5c24;background:#f4ead8}.tunnel-steps{color:var(--muted);margin:18px 0;padding-left:20px;font-size:10px;line-height:1.8}.tunnel-steps a{color:var(--green);font-weight:700}.tunnel-steps code{color:var(--ink);background:#f0eee8;border-radius:4px;padding:2px 5px}.security-confirm{background:#fffaf0;border:1.5px solid #e5d3b3;border-radius:8px;padding:12px;line-height:1.4;align-items:flex-start!important}.update-banner{color:#4f3d1e;background:#fff8e7;border:1.5px solid #d5b36f;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:16px 18px;display:flex}.update-banner strong,.update-banner span{display:block}.update-banner strong{font-size:13px}.update-banner span{margin-top:3px;font-size:10px}.update-notes{background:#f1f7f2;border:1.5px solid #d7e2d9;border-radius:12px;margin:20px 0;padding:16px 18px}.update-notes strong{color:var(--deep);font-size:12px;display:block}.update-notes p{color:var(--ink);white-space:pre-line;margin:7px 0 0;font-size:11px;line-height:1.55}.storage-overview{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:18px;margin:-8px 0 20px;padding:16px 20px;display:grid}.storage-overview span,.storage-overview strong{display:block}.storage-overview span,.storage-overview small{color:var(--muted);font-size:9px}.storage-overview strong{margin-top:2px;font-size:16px}.storage-meter{background:#e5e8e2;border-radius:99px;height:7px;overflow:hidden}.storage-meter>span{border-radius:inherit;background:var(--green);min-width:2px;height:100%;transition:width .3s;display:block}.storage-facts{margin-bottom:16px}.storage-form{margin-top:20px}.number-suffix{align-items:center;display:flex}.number-suffix input{border-radius:8px 0 0 8px}.number-suffix span{border:1.5px solid var(--line);min-width:48px;color:var(--muted);background:#f1f2ed;border-left:0;border-radius:0 8px 8px 0;align-self:stretch;place-items:center;font-size:11px;font-weight:700;display:grid}.pairing-form{margin-top:20px}.domain-suffix span{min-width:58px}.settings-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:-8px 0 24px;display:grid}.settings-tabs button{min-width:0;color:var(--ink);text-align:left;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto 1fr;column-gap:10px;padding:14px;transition:all .15s;display:grid}.settings-tabs button:hover{box-shadow:var(--shadow-sm);border-color:#cdd3cd}.settings-tabs button>span{color:var(--gold);grid-row:1/3;align-self:center;font-size:20px}.settings-tabs strong,.settings-tabs small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-tabs strong{font-size:10px}.settings-tabs small{color:var(--muted);margin-top:3px;font-size:8px}.settings-tabs button.active{border-color:var(--gold);background:#fffaf0;box-shadow:0 0 0 2px #d88c1e18}.settings-page>.account-settings-grid{display:none}.settings-page[data-section=accounts]>.account-settings-grid{display:grid}.settings-page>.settings-grid:not(.account-settings-grid)>*{display:none}.settings-page[data-section=system]>.settings-grid:not(.account-settings-grid)>.settings-system,.settings-page[data-section=accounts]>.settings-grid:not(.account-settings-grid)>.settings-accounts,.settings-page[data-section=media]>.settings-grid:not(.account-settings-grid)>.settings-media,.settings-page[data-section=connections]>.settings-grid:not(.account-settings-grid)>.settings-connections,.settings-page[data-section=data]>.settings-grid:not(.account-settings-grid)>.settings-data{display:block}.account-settings{background:linear-gradient(135deg,#fff,#f5f9f5);border-color:#c7d5ca}.settings-data .backup-actions{border:1.5px solid var(--line);background:#fbfaf5;border-radius:10px;grid-template-columns:1fr 1fr;align-items:end;padding:16px;display:grid}.settings-data .backup-actions label:not(.check){color:var(--green);gap:7px;font-size:10px;font-weight:800;display:grid}.settings-data .backup-actions .backup-secret-choice,.settings-data .backup-actions .backup-password-note{grid-column:1/-1}.settings-data .backup-actions .button{width:100%}.backup-password-note{margin:0}.backup-restore-upload{background:#f7f8f4;border:1.5px dashed #b9c5bc;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin:14px 0;padding:16px;display:grid}.backup-restore-upload label{color:var(--green);gap:7px;font-size:10px;font-weight:800;display:grid}.backup-restore-upload input{padding:8px;font-size:9px}.backup-policy-form{background:#f4faf6;border:1.5px solid #b9cfc5;border-radius:12px;gap:14px;margin:20px 0;padding:18px;display:grid}.backup-policy-form .settings-section-heading{margin:0}.backup-policy-form h3{margin:3px 0;font-size:15px}.backup-policy-form h4{color:var(--green);margin:0;font-size:11px}.backup-remote-settings{border:1.5px solid var(--line);background:#fff;border-radius:10px;gap:11px;padding:14px;display:grid}.backup-remote-settings .settings-copy{margin:0}.migration-pull-form,.migration-grant{background:#fffaf0;border:1.5px solid #d9c7a3;border-radius:10px;gap:12px;margin:16px 0;padding:16px;display:grid}.migration-pull-form h3{margin:3px 0;font-size:14px}.migration-pull-form .settings-copy,.migration-grant .settings-copy{margin:0}.migration-grant textarea{resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wide-settings{grid-column:span 2}.backup-actions{margin:20px 0 14px}.backup-row{color:var(--ink);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:10px;text-decoration:none;transition:background .12s;display:flex}.backup-row>a{color:var(--ink);flex:1;gap:3px;text-decoration:none;display:grid}.backup-row small{color:var(--muted)}.backup-row-actions .button{padding:6px 10px;font-size:8px}.audit-list{display:grid}.audit-list>div{border-bottom:1px solid var(--line);text-transform:capitalize;justify-content:space-between;gap:12px;padding:11px 0;font-size:10px;display:flex}.audit-list small{color:var(--muted);text-transform:none}.troubleshooting-list>div>span{gap:4px;min-width:0;display:grid}.troubleshooting-list>div>span>small{overflow-wrap:anywhere}.troubleshooting-details{color:var(--muted);font-size:9px}.troubleshooting-details summary{cursor:pointer;color:var(--green)}.troubleshooting-details pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#f6f5f0;border-radius:6px;max-height:260px;margin:6px 0 0;padding:10px;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.troubleshooting-filter{align-self:end;margin-bottom:14px}.settings-grid input[type=color]{width:100%;height:43px;padding:3px}.restore-review,.restore-complete{gap:16px;display:grid}.restore-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding-bottom:14px;display:flex}.restore-heading span{color:var(--gold);letter-spacing:.12em;font-size:8px;font-weight:800}.restore-heading h3{margin:5px 0 3px;font-family:Georgia,Times New Roman,serif;font-size:25px}.restore-heading p{color:var(--muted);margin:0;font-size:9px}.restore-heading>strong{color:var(--green);font-size:12px}.restore-counts{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.restore-counts .definition{border:1.5px solid var(--line);border-radius:8px;gap:4px;padding:10px;display:grid}.restore-counts .definition strong{text-align:left;font-size:17px}.danger-callout{background:#fff1ef;border:1.5px solid #e5bcb5;border-radius:10px;padding:14px}.danger-callout strong{color:#913c35;font-size:11px}.danger-callout p{color:#795a56;margin:5px 0 0;font-size:9px;line-height:1.5}.restore-complete{text-align:center;justify-items:center}.restore-complete .definition{width:100%}.restore-complete p{color:var(--muted);font-size:11px;line-height:1.5}.success-mark{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.impact-list,.version-list{gap:0;display:grid}.impact-list h3,.version-list h3{margin:0 0 8px;font-size:13px}.impact-list>div,.version-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:10px;display:flex}.impact-list>div>strong{color:var(--green)}.version-list>div>span strong,.version-list>div>span small{display:block}.version-list>div>span small{color:var(--muted);margin-top:4px}.version-list>div>div{gap:6px;display:flex}.version-list .button{padding:7px 10px;font-size:9px}.conversion-card{background:#f3faf5;border:1.5px solid #bfd2c5;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.conversion-card>div>span{color:var(--gold);letter-spacing:.11em;font-size:8px;font-weight:800}.conversion-card h3{margin:5px 0;font-size:15px}.conversion-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.conversion-card.failed{background:#fff4f2;border-color:#e1bab4}.conversion-card.pending,.conversion-card.converting{opacity:.82}.conversion-add{grid-column:1/-1;grid-template-columns:minmax(190px,1fr) 110px auto auto;align-items:end;gap:8px;width:100%;display:grid}.conversion-add .button{white-space:nowrap}.registration-codes{margin-top:24px}.registration-code-form{grid-template-columns:1.2fr 1fr .7fr auto;align-items:end;gap:10px;display:grid}.secret-reveal{color:#624619;background:#fff6df;border:1.5px solid #d6af62;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:15px;display:grid}.secret-reveal>span{letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:8px;font-weight:900}.secret-reveal code{color:#142824;-webkit-user-select:all;user-select:all;background:#fff;border-radius:7px;padding:11px 14px;font-size:14px;font-weight:800;overflow:auto}.registration-code-list{margin-top:4px;display:grid}.registration-code-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.registration-code-list>div.inactive{opacity:.58}.registration-code-list strong,.registration-code-list small{display:block}.registration-code-list small{color:var(--muted);margin-top:4px;font-size:9px}.registration-code-list .row-actions{align-items:center;gap:7px;display:flex}.registration-code-list .button{padding:7px 10px;font-size:9px}.email-test-form{grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) auto;align-items:end}.email-test-form>div:first-child p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.45}.account-result{color:var(--deep);text-align:center;background:#f2f8f4;border:1.5px solid #c7d6cc;border-radius:12px;gap:18px;padding:20px;display:grid}.account-profile-summary{color:#356446;background:#e8f3eb;border-radius:10px;justify-content:space-between;gap:12px;padding:12px 14px;font-size:10px;display:flex}.split-actions{grid-template-columns:auto 1fr auto auto;display:grid}.account-settings-grid{margin-bottom:20px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071c1dcc;place-items:center;padding:20px;animation:.12s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--radius-lg);background:#fff;width:min(580px,100%);max-height:calc(100vh - 40px);padding:28px;animation:.15s modalIn;overflow:auto;box-shadow:0 28px 80px #0008}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.action-dialog-backdrop,.action-dialog{animation:none}.modal-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title h2{margin:0}.modal-title button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:24px;transition:color .12s}.modal-title button:hover{color:var(--ink)}.toast{z-index:60;background:var(--deep);color:#fff;cursor:pointer;border-radius:10px;padding:13px 18px;font-size:12px;animation:3s linear forwards toast-life;position:fixed;top:20px;right:24px;box-shadow:0 14px 40px #0005}.toast span{color:#97b0aa;margin-left:18px}.loading{color:var(--muted)}.muted{color:#b8cbc6}@keyframes toast-life{0%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.skip-link{z-index:100;color:#fff;background:#111;border-radius:8px;padding:10px 16px;transition:transform .15s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.head-actions,.backup-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.taxonomy-fields{align-items:start}.taxonomy-tags{border:1.5px solid #c9cec7;border-radius:10px;min-width:0;margin:0;padding:10px 12px}.taxonomy-tags legend{color:#374744;padding:0 4px;font-size:12px;font-weight:700}.taxonomy-tags>div{flex-wrap:wrap;gap:7px;display:flex}.taxonomy-tags label{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:#fafaf7;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;transition:all .12s;display:flex}.taxonomy-tags label:hover{border-color:#cdd3cd}.taxonomy-tags label:has(input:checked){color:var(--green);background:#edf7f0;border-color:#83ad92}.taxonomy-tags input{width:auto;min-width:auto;margin:0}.taxonomy-tags>small{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.4;display:block}.taxonomy-settings textarea{resize:vertical;min-height:150px;line-height:1.55}.check-row{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.check-row input{min-width:auto}.signage-layout-builder{border:1.5px solid var(--line);background:#f7f8f4;border-radius:14px;gap:16px;margin:8px -8px;padding:18px;display:grid}.signage-layout-builder .section-heading{margin:0}.signage-layout-builder .section-heading h3{margin:4px 0;font-size:20px}.signage-layout-builder .section-heading p{max-width:620px;color:var(--muted);margin:0;font-size:10px;line-height:1.5}.signage-presets{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.signage-presets button{border:1.5px solid var(--line);color:var(--muted);text-transform:capitalize;cursor:pointer;background:#fff;border-radius:10px;justify-items:center;gap:7px;padding:10px;font-size:9px;font-weight:800;transition:all .12s;display:grid}.signage-presets button:hover{border-color:#cdd3cd}.signage-presets button.active{border-color:var(--green);color:var(--green);box-shadow:0 0 0 2px #3a8b6620}.preset-icon{opacity:.7;border:2px solid;border-radius:4px;width:46px;height:30px;display:block}.preset-icon.sidebar{background:linear-gradient(90deg,#0000 67%,currentColor 68%)}.preset-icon.split{background:linear-gradient(90deg,#0000 48%,currentColor 49% 52%,#0000 53%)}.preset-icon.header-grid{background:linear-gradient(currentColor 27%,#0000 28%),linear-gradient(90deg,#0000 49%,currentColor 50% 52%,#0000 53%)}.preset-icon.dashboard{background:linear-gradient(90deg,#0000 48%,currentColor 49% 52%,#0000 53%),linear-gradient(#0000 47%,currentColor 48% 52%,#0000 53%)}.signage-layout-workspace{grid-template-columns:minmax(320px,1.15fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.signage-canvas{aspect-ratio:16/9;border:5px solid #17201e;border-radius:12px;position:sticky;top:0;overflow:hidden;box-shadow:0 10px 36px #16251f28}.signage-zone-preview{border:2px solid;flex-direction:column;justify-content:center;padding:clamp(5px,1vw,12px);display:flex;position:absolute;overflow:hidden}.signage-zone-preview small{text-transform:uppercase;letter-spacing:.12em;opacity:.72;font-size:7px;font-weight:900}.signage-zone-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,1.2vw,15px);overflow:hidden}.signage-zone-preview span{opacity:.78;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6px,.8vw,10px);overflow:hidden}.signage-zone-preview.clock b{font-size:clamp(15px,3vw,35px)}.signage-zone-list{gap:8px;max-height:540px;display:grid;overflow:auto}.signage-zone-editor{border:1.5px solid var(--line);background:#fff;border-radius:10px}.signage-zone-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:4px 10px 4px 4px;display:grid}.signage-zone-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;padding:6px;display:grid}.signage-zone-toggle>b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.signage-zone-toggle span,.signage-zone-toggle strong,.signage-zone-toggle small{display:block}.signage-zone-toggle small{color:var(--muted);margin-top:2px;font-size:8px}.signage-zone-summary>.text-danger{font-size:8px}.signage-zone-editor>.stack{border-top:1px solid var(--line);padding:12px}.signage-zone-colors input{height:38px;padding:2px}.signage-zone-editor details>summary{color:var(--green);cursor:pointer;font-size:9px;font-weight:800}.signage-zone-editor .four-fields{margin-top:8px}.page-actions,.card-actions,.exception-add{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.planning-section{margin:0 0 28px}.section-heading{justify-content:space-between;align-items:end;margin:0 0 12px;display:flex}.section-heading h2{margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:22px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.template-card{flex-direction:column;gap:14px;padding:20px;display:flex}.template-card-head{justify-content:space-between;gap:14px;display:flex}.template-card-head span,.template-source span{color:var(--gold);letter-spacing:.13em;font-size:8px;font-weight:800}.template-card-head h3{margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:19px}.template-card-head p{color:var(--muted);margin:0;font-size:10px}.template-card-head>strong{width:44px;height:44px;color:var(--deep);background:#f5f4f0;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.template-meta,.schedule-details{flex-wrap:wrap;gap:6px;display:flex}.template-meta span,.schedule-details span{border:1.5px solid var(--line);color:var(--muted);background:#fafaf7;border-radius:99px;padding:5px 9px;font-size:9px}.template-sequence{flex-wrap:wrap;gap:5px;min-height:30px;display:flex}.template-sequence span{border:1.5px solid var(--line);border-radius:7px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;display:inline-flex}.template-sequence span.preRoll{border-color:#8bb9ab}.template-sequence span.countdown{border-color:var(--gold)}.template-sequence b{color:var(--muted)}.template-sequence i{color:var(--muted);align-self:center;font-size:9px}.template-card .card-actions,.schedule-card .card-actions{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.template-source{background:#f9f8f5;border-radius:10px;flex-direction:column;gap:3px;padding:14px;display:flex}.template-switches{flex-direction:column;justify-content:center;gap:8px;display:flex}.template-replace{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.template-replace p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.schedule-help{background:#f9f8f5;border-radius:10px;flex-direction:column;align-self:end;padding:10px 14px;display:flex}.schedule-help small{color:var(--muted);margin-top:3px}.schedule-list{gap:14px;display:grid}.schedule-card{padding:18px}.schedule-card.paused{opacity:.7}.schedule-card-main{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.schedule-card-main h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px}.schedule-card-main p{color:var(--muted);margin:2px 0;font-size:10px}.schedule-card-main>div:nth-child(2)>strong{font-size:10px}.schedule-status{color:var(--muted);letter-spacing:.08em;flex-direction:column;align-items:center;gap:4px;font-size:7px;font-weight:800;display:flex}.schedule-status i{background:#4aa176;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e2f1e9}.paused .schedule-status i{background:#9a9a92;box-shadow:0 0 0 4px #ecece8}.schedule-count{border-left:1px solid var(--line);text-align:center;padding-left:17px}.schedule-count strong{font-size:20px;display:block}.schedule-count span{color:var(--muted);font-size:8px}.schedule-details{margin:14px 0}.exception-editor{background:#f9f8f5;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:12px 0;padding:14px;display:grid}.exception-editor>div:first-child{flex-direction:column;display:flex}.exception-editor small{color:var(--muted);margin-top:3px;font-size:9px}.exception-add input{min-width:140px}.exception-chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.exception-chips button{color:#7a5028;background:#fff7ec;border:1.5px solid #e2c39e;border-radius:99px;padding:5px 9px;font-size:8px;transition:background .12s}.exception-chips button:hover{background:#fff0de}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.timeline-edit{color:#5f4319;background:#fff7e8;border:1.5px solid #d2a04a;border-radius:8px;margin:0 0 9px;padding:8px 11px;font-size:9px;font-weight:800}.compatibility-card{background:#f3faf5;border:1.5px solid #bfd2c5;border-radius:10px;justify-content:space-between;gap:15px;padding:16px;display:flex}.compatibility-card>div{gap:4px;display:grid}.compatibility-card span{color:var(--gold);letter-spacing:.11em;font-size:8px;font-weight:800}.compatibility-card strong{font-size:13px}.compatibility-card p,.compatibility-card>small{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.compatibility-card.failed{background:#fff4f2;border-color:#e1bab4}.compatibility-card.converting,.compatibility-card.pending{opacity:.8}.transcode-card{background:#f6f9fb;border:1.5px solid #c8d3dd;border-radius:12px;gap:12px;padding:16px;display:grid}.transcode-card>div>div>span{color:var(--gold);letter-spacing:.11em;font-size:8px;font-weight:800}.transcode-card h3{margin:4px 0;font-size:15px}.transcode-card p{max-width:570px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.transcode-profile-list{gap:7px;display:grid}.transcode-profile-list>div{border:1.5px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.transcode-profile-list>div>span:first-child{gap:3px;display:grid}.transcode-profile-list strong{font-size:11px}.transcode-profile-list small{color:var(--muted);font-size:9px;line-height:1.35}.transcode-profile-list .converting,.transcode-profile-list .pending{background:#fffaf0}.transcode-profile-list .failed{background:#fff4f2;border-color:#e1bab4}.update-settings{background:linear-gradient(135deg,#fff 0%,#f3f8f4 100%);border-color:#b9cdc0}.settings-kicker{color:#a06015;letter-spacing:.11em;font-size:8px;font-weight:900}.update-state{color:#356446;letter-spacing:.06em;text-transform:uppercase;background:#e1f1e6;border-radius:99px;align-self:flex-start;padding:6px 10px;font-size:8px;font-weight:900}.update-state.available{color:#765018;background:#fff0ce}.settings-subsection{border-top:1px solid var(--line);gap:9px;margin-top:3px;padding-top:16px;display:grid}.settings-subsection h3{margin:0;font-size:13px}.settings-subsection>p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.color-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.color-fields input[type=color]{min-height:43px;padding:4px}.fade-zone{z-index:5;color:#e8fcff;text-shadow:0 1px 2px #002f3c;letter-spacing:.08em;pointer-events:none;background:linear-gradient(90deg,#168ba014,#168ba0cc);border-right:2px solid #55dcf3;align-items:flex-end;padding:5px;font-size:7px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.fade-zone.fade-out{background:linear-gradient(90deg,#168ba0cc,#168ba014);border-left:2px solid #55dcf3;border-right:0;justify-content:flex-end}.fade-zone.active{background-color:#2bd4ef42;box-shadow:inset 0 0 0 2px #baf7ff}.permission-editor{border:1.5px solid var(--line);border-radius:12px;gap:10px;margin:0;padding:16px;display:grid}.permission-editor legend{color:var(--deep);letter-spacing:.07em;text-transform:uppercase;padding:0 5px;font-size:10px;font-weight:900}.permission-editor>p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.permission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.permission-grid>button{border:1.5px solid var(--line);color:inherit;text-align:left;background:#fafaf7;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;transition:all .12s;display:flex}.permission-grid>button:hover{border-color:#cdd3cd}.permission-grid>button[aria-pressed=true]{background:#edf7f0;border-color:#83ad92;box-shadow:inset 0 0 0 1px #83ad92}.permission-grid i{color:#fff;background:#fff;border:2px solid #b9c1ba;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:grid}.permission-grid button[aria-pressed=true] i{border-color:var(--green);background:var(--green)}.permission-grid span,.permission-grid strong,.permission-grid small{display:block}.permission-grid strong{color:var(--deep);font-size:10px}.permission-grid small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.35}.run-timing-summary{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.run-timing-summary>div{border:1.5px solid var(--line);background:#f7f8f4;border-radius:10px;gap:3px;padding:14px;display:grid}.run-timing-summary span,.controller-run-summary span{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:900}.run-timing-summary strong{color:var(--deep);font-family:Georgia,serif;font-size:18px}.run-timing-summary small{color:var(--muted);font-size:8px}.run-sheet{color:#172823;background:#fff}.run-sheet header,.run-sheet footer{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.run-sheet header span{color:#8a641f;letter-spacing:.14em;font-size:9px;font-weight:900}.run-sheet h1{margin:5px 0;font-family:Georgia,serif}.run-sheet header p,.run-sheet header small{color:#62716b}.run-sheet header>div:last-child{justify-items:end;display:grid}.run-sheet header>div:last-child strong{font-size:22px}.run-sheet aside{border-left:4px solid var(--gold);background:#fff7e8;margin:18px 0;padding:12px 15px}.run-sheet aside p{white-space:pre-wrap;margin:5px 0 0}.run-sheet table{border-collapse:collapse;width:100%;margin:17px 0;font-size:10px}.run-sheet th,.run-sheet td{text-align:left;vertical-align:top;border-bottom:1px solid #dce3de;padding:10px 8px}.run-sheet th{color:#64736d;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.run-sheet td strong,.run-sheet td small{display:block}.run-sheet td small{color:#73817c;margin-top:3px}.run-sheet tr.flexible td:first-child{border-left:4px solid #5a79bc}.run-sheet footer{color:#65736e;font-size:9px}.controller-run-summary{background:#eef8f1;border:1.5px solid #bad8c5;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:13px;display:grid}.controller-run-summary>div{gap:3px;display:grid}.controller-run-summary strong{font-size:18px}.controller-run-summary.overrun{background:#fff1e8;border-color:#e4ad8f}.controller-run-summary p{color:#984528;grid-column:1/-1;margin:3px 0 0;font-size:9px;font-weight:800}.controller-note{border-left:4px solid var(--gold);color:var(--deep);background:#fff7e7;border-radius:7px;margin:14px 0;padding:12px 14px}.controller-note.substitute{background:#eef2fb;border-color:#5a79bc;margin-top:0}.controller-note strong{letter-spacing:.06em;text-transform:uppercase;font-size:9px}.controller-note p{white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.5}.controller-list em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;font-style:normal;display:block;overflow:hidden}.pre-roll-monitor{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:16px;display:grid}.pre-roll-monitor>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.pre-roll-monitor>div span{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:900}.pre-roll-monitor iframe{aspect-ratio:16/9;border:1px solid var(--line);background:#111;border-radius:10px;width:100%}.pre-roll-monitor>a{color:var(--green);font-size:9px;font-weight:800}.auth-links{grid-template-columns:1fr 1fr;align-items:stretch;gap:9px;margin-top:18px;display:grid}.auth-links>a,.auth-links>button{border:1.5px solid var(--line);text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:38px;margin:0;padding:8px 10px;line-height:1.25;display:flex;position:static}.auth-links .recovery-link{margin:0}.auth-links .registration-link{color:#fff;background:var(--deep);border-radius:10px;padding:10px 14px;font-size:10px;font-weight:800;text-decoration:none;transition:background .15s}.auth-links .registration-link:hover,.auth-links .registration-link:focus-visible{background:var(--green);outline:3px solid color-mix(in srgb, var(--gold) 35%, transparent)}.controller-page{max-width:1060px;margin:0 auto}.controller-page.room-themed{background:linear-gradient(145deg, color-mix(in srgb, var(--room-color) 16%, #f7f5ee), color-mix(in srgb, var(--room-color) 4%, #fff));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--room-color) 16%, transparent);border-radius:18px;padding:22px}.room-themed .controller-target,.room-themed .controller-media{border-color:color-mix(in srgb, var(--room-color) 22%, var(--line));background:color-mix(in srgb, var(--room-color) 3%, #fff)}.controller-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.controller-connection{color:#886329;text-transform:uppercase;letter-spacing:.07em;background:#f5ead8;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:800;display:inline-flex}.controller-connection i{background:#c68c35;border-radius:50%;width:8px;height:8px}.controller-connection.ready{color:#226447;background:#e1f1e8}.controller-connection.ready i{background:#35a975;box-shadow:0 0 0 4px #35a97520}.controller-connection.downloading{color:#285779;background:#e1eef6}.controller-connection.downloading i{background:#3b8dbd;animation:1.2s ease-in-out infinite status-pulse}.controller-connection.reconnecting{color:#75551f;background:#f5ead8}.controller-connection.reconnecting i{background:#c68c35;animation:1.2s ease-in-out infinite status-pulse}.controller-connection.offline,.controller-connection.error{color:#843c36;background:#f6e2df}.controller-connection.offline i,.controller-connection.error i{background:#b64b42}@keyframes status-pulse{50%{opacity:.35;transform:scale(.75)}}.controller-lock-toggle{min-height:36px}.controller-lock-toggle.locked{color:#664a1c;background:#fff4d8;border-color:#886329}.controller-locked-banner{color:#5c471d;background:#fff7df;border:1.5px solid #dbb96e;border-radius:10px;margin:-8px 0 14px;padding:13px 16px;font-size:11px;font-weight:700}.controller-controls{border:0;min-width:0;margin:0;padding:0}.controller-controls:disabled{opacity:.68}.controller-controls:disabled button,.controller-controls:disabled select,.controller-controls:disabled input{cursor:not-allowed}.controller-grid{grid-template-columns:minmax(270px,.72fr) minmax(360px,1.28fr);align-items:start;gap:20px;display:grid}.controller-target,.controller-media{padding:22px}.now-playing{color:#fff;background:linear-gradient(145deg, var(--deep), #153c39);border-radius:14px;justify-items:center;margin:24px 0 20px;padding:26px;display:grid;box-shadow:0 10px 36px #17353622}.now-playing span{color:#9cb5af;letter-spacing:.13em;font-size:8px;font-weight:800}.now-playing strong{margin:10px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:28px}.now-playing small{color:#9cb5af;font-size:9px}.playback-progress{background:#ffffff20;border-radius:99px;width:100%;height:5px;margin:16px 0 8px;overflow:hidden}.playback-progress i{border-radius:inherit;background:var(--gold);height:100%;transition:width .25s linear;display:block}.now-playing .command-ack{color:#a6d5c8;letter-spacing:.04em;text-align:center;background:#ffffff12;border-radius:99px;margin-top:14px;padding:7px 11px}.now-playing .command-ack.pending{color:#282012;background:var(--gold)}.now-playing .command-ack.received{color:#d8ffe9;background:#287752}.now-playing .command-ack.error{color:#fff;background:#9b4139}.transport{grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin-bottom:12px;display:grid}.transport button{min-height:74px;color:var(--green);touch-action:manipulation;background:#f8faf7;border:1.5px solid #d4dbd4;border-radius:15px;font-size:30px;font-weight:800;transition:all .12s}.transport button:hover{border-color:var(--green);background:var(--mint)}.transport .transport-main{color:#1d170f;border-color:var(--gold);background:var(--gold);min-height:94px;font-size:40px;box-shadow:0 4px 14px #d88c1e30}.transport .transport-main:hover{box-shadow:0 6px 20px #d88c1e40}.stop-button{color:#923e36;background:#fef9f8;border-color:#d6b7b2;border-radius:12px;width:100%;min-height:60px;font-size:14px;font-weight:800;transition:all .12s}.stop-button:hover{background:#fef5f4;border-color:#c05048}.controller-play-all{min-height:54px;margin:5px 0 20px}.controller-list{gap:8px;display:grid}.controller-list>span{color:var(--muted);letter-spacing:.11em;margin:3px 2px;font-size:8px;font-weight:800}.controller-list button{border:1.5px solid var(--line);min-height:62px;color:var(--ink);text-align:left;touch-action:manipulation;background:#fff;border-radius:10px;grid-template-columns:34px 1fr 25px;align-items:center;gap:10px;padding:9px 11px;transition:all .12s;display:grid}.controller-list button:hover{box-shadow:var(--shadow-sm);border-color:#cdd3cd}.controller-list button.selected{border-color:var(--gold);background:#fffaf0;box-shadow:0 0 0 2px #d88c1e18}.controller-list b{width:32px;height:32px;color:var(--green);background:var(--mint);border-radius:50%;place-items:center;font-size:10px;display:grid}.controller-list strong,.controller-list small{display:block}.controller-list strong{font-size:12px}.controller-list small{color:var(--muted);margin-top:4px;font-size:9px}.controller-list i{color:var(--green);font-style:normal;font-weight:700}.controller-seek{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:18px;display:grid}.controller-seek label{color:var(--muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.controller-seek input{width:100%;accent-color:var(--gold);padding:0}.controller-markers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.controller-markers>span{color:var(--muted);letter-spacing:.11em;grid-column:1/-1;font-size:8px;font-weight:800}.controller-markers button{min-height:45px;color:var(--green);text-align:left;background:#f8faf7;border:1.5px solid #cfd6cf;border-radius:9px;justify-content:space-between;align-items:center;gap:7px;padding:9px 11px;transition:all .12s;display:flex;overflow:hidden}.controller-markers button:hover{border-color:var(--green);background:var(--mint)}.controller-markers strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.controller-markers small{color:var(--muted);flex:none;font-size:8px}.controller-install{border:1.5px solid var(--line);background:#eef3ef;border-radius:14px;align-items:center;gap:16px;margin-top:20px;padding:18px 20px;display:flex}.controller-install strong,.controller-install small{display:block}.controller-install p{color:var(--muted);margin:4px 0;font-size:10px;line-height:1.45}.controller-install small{overflow-wrap:anywhere;color:var(--green);font-size:9px}.web-player{--player-navy:#071b22;--player-ink:#f6f1e4;--player-muted:#9eb1ae;--player-gold:#d8a34c;z-index:200;color:var(--player-ink);background:#000;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.web-player button,.web-player input{font:inherit}.web-player.pairing{background:radial-gradient(circle at 22% 18%,#1c4b46 0,#0b292b 34%,#06191f 72%);place-items:center;padding:32px;display:grid;overflow:auto}.web-player-card{background:#092127f2;border:1px solid #ffffff20;border-radius:24px;width:min(620px,100%);padding:44px;box-shadow:0 35px 90px #0008}.web-player-brand{align-items:center;gap:13px;display:flex}.web-player-brand>img{object-fit:contain;border-radius:12px;width:48px;height:48px;display:block}.web-player-brand span,.web-player-brand strong,.web-player-brand small{display:block}.web-player-brand strong{color:inherit;font-family:Georgia,serif;font-size:21px}.web-player-brand small{color:var(--player-muted);letter-spacing:.05em;margin-top:3px;font-size:11px}.web-player-card form{gap:18px;margin-top:44px;display:grid}.web-player-eyebrow{color:var(--player-gold);letter-spacing:.16em;font-size:10px;font-weight:900}.web-player-card h1{color:#fff;margin:-5px 0 0;font-family:Georgia,serif;font-size:clamp(30px,5vw,46px);line-height:1.08}.web-player-card p{color:#b7c7c3;margin:-4px 0 5px;font-size:14px;line-height:1.65}.web-player-card label{color:#d6e1de;letter-spacing:.04em;gap:7px;font-size:11px;font-weight:800;display:grid}.web-player-card input{color:#fff;background:#06171cc6;border:1px solid #ffffff36;border-radius:10px;outline:none;width:100%;padding:14px 15px;transition:border-color .15s,box-shadow .15s}.web-player-card input:focus{border-color:var(--player-gold);box-shadow:0 0 0 3px #d8a34c2c}.web-player-card button{border:1.5px solid var(--player-gold);color:#10292a;background:var(--player-gold);cursor:pointer;border-radius:10px;padding:14px 18px;font-weight:900;transition:all .15s}.web-player-card button:hover{box-shadow:0 4px 14px #d8a34c30}.web-player-card button.secondary{color:#d5dfdc;background:0 0}.web-player-card button:disabled{cursor:wait;opacity:.65}.web-player-card footer{color:#77918d;text-align:center;border-top:1px solid #ffffff17;margin-top:32px;padding-top:22px;font-size:10px}.web-player-error{color:#ffd5d1;background:#6d201f75;border:1px solid #f071674d;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.45}.web-player-library{min-height:100%;color:var(--player-ink);background:linear-gradient(145deg,#09242a,#06171d 62%,#081e21);padding:clamp(28px,5vw,72px);overflow:auto}.web-player-library>header{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.web-player-library>header>.web-player-eyebrow{margin-top:15px}.web-player-ready{text-align:center;justify-items:center;max-width:750px;margin:9vh auto 6vh;display:grid}.web-player-ready>span{color:#6ac28e;background:#173d35;border:2px solid #69ba8b;border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;display:grid}.web-player-ready h1{margin:26px 0 10px;font-family:Georgia,serif;font-size:clamp(34px,5vw,62px)}.web-player-ready p{max-width:640px;color:var(--player-muted);margin:0;font-size:clamp(14px,1.5vw,19px);line-height:1.6}.web-player-signage{text-align:center;border-radius:18px;place-items:center;min-height:44vh;margin:5vh auto 4vh;display:grid;position:relative;overflow:hidden}.web-player-signage>img,.web-player-signage>video{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.web-player-signage>div{z-index:1;text-shadow:0 3px 25px #000;padding:40px;position:relative}.web-player-signage small{letter-spacing:.14em;text-transform:uppercase;font-weight:900}.web-player-signage h1{max-width:1000px;margin:15px 0;font-family:Georgia,serif;font-size:clamp(38px,6vw,80px);line-height:1.08}.web-player-permanent-sign{background:#000;position:absolute;inset:0;overflow:hidden}.web-player-permanent-sign>.signage-experience,.web-player-permanent-sign .signage-transparent-base{width:100%;height:100%;position:absolute;inset:0}.web-player-permanent-sign .web-player-signage-layout,.web-player-permanent-sign .web-player-signage{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0}.web-player-permanent-sign .web-player-signage.playlist-entry img,.web-player-permanent-sign .web-player-signage.playlist-entry video{object-fit:cover}.web-player-sign-empty{color:#9eb1ae;text-align:center;background:#06171d;place-content:center;gap:10px;width:100%;height:100%;padding:32px;display:grid}.web-player-sign-empty strong{color:#f6f1e4;font-family:Georgia,serif;font-size:clamp(26px,4vw,52px)}.web-player-sign-empty span{font-size:clamp(12px,1.4vw,18px)}.web-player.permanent-sign .web-player-connection.online{opacity:0;pointer-events:none}.web-player-lessons{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;max-width:1200px;margin:0 auto;display:grid}.web-player-lessons>button{min-height:84px;color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 18px;transition:all .15s;display:grid}.web-player-lessons>button:hover,.web-player-lessons>button:focus-visible{border-color:var(--player-gold);background:#ffffff17;outline:3px solid #d8a34c33;transform:translateY(-1px)}.web-player-lessons>button:disabled{opacity:.45;cursor:not-allowed}.web-player-lessons time{color:var(--player-gold);text-transform:uppercase;border-right:1px solid #ffffff18;align-self:stretch;place-items:center;font-size:11px;font-weight:900;display:grid}.web-player-lessons span,.web-player-lessons strong,.web-player-lessons small{display:block}.web-player-lessons strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:17px;overflow:hidden}.web-player-lessons small{color:var(--player-muted);margin-top:5px;font-size:10px}.web-player-lessons>button>b{color:var(--player-gold)}.web-player-empty{color:var(--player-muted);text-align:center;grid-column:1/-1;padding:30px}.web-player-library>footer{color:#69817d;text-align:center;margin:35px auto 0;font-size:10px}.web-player-stage{background:#000;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.web-player-stage video,.web-player-stage>img,.web-player-stage iframe{object-fit:contain;background:#000;border:0;width:100%;height:100%;transition:opacity 50ms linear}.web-player-stage iframe{z-index:1;position:relative}.web-player-stage.audio{background:radial-gradient(circle,#183c42,#02090c 72%)}.web-player-stage.audio audio{opacity:0;width:1px;height:1px;position:absolute}.audio-art{aspect-ratio:1;width:min(28vw,280px);color:var(--player-gold);background:#d8a34c12;border:2px solid #d8a34c55;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:clamp(80px,14vw,160px);display:grid;box-shadow:0 0 100px #d8a34c22}.web-player-black{z-index:2;pointer-events:none;background:#000;transition:opacity .2s;position:absolute;inset:0}.web-player-fallback{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#183c42,#02090c 72%);padding:clamp(32px,8vw,120px)}.web-player-fallback>div{max-width:900px}.web-player-fallback span{color:var(--player-gold);letter-spacing:.16em;font-size:clamp(13px,1.4vw,20px);font-weight:900}.web-player-fallback h1{color:#fff;margin:18px 0;font:700 clamp(38px,6vw,88px)/1.02 Georgia,serif}.web-player-fallback p{color:#dce8e5;max-width:760px;margin:0 auto 22px;font-size:clamp(18px,2.2vw,34px);line-height:1.35}.web-player-fallback small{color:#a9bbb7;font-size:clamp(14px,1.4vw,20px)}.web-player-overlay{z-index:6;background:linear-gradient(#06171dea,#0000);justify-content:space-between;align-items:center;gap:30px;padding:24px 28px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;right:0}.web-player-overlay>div:first-child span,.web-player-overlay>div:first-child strong,.web-player-overlay>div:first-child small{display:block}.web-player-overlay>div:first-child span{color:var(--player-gold);letter-spacing:.14em;font-size:9px;font-weight:900}.web-player-overlay>div:first-child strong{margin-top:5px;font-family:Georgia,serif;font-size:21px}.web-player-overlay>div:first-child small{color:var(--player-muted);margin-top:4px;font-size:10px}.web-player-transport{gap:7px;display:flex}.web-player-transport button{color:#fff;cursor:pointer;background:#071c20dd;border:1px solid #ffffff40;border-radius:10px;place-items:center;width:48px;height:44px;font-size:18px;transition:all .12s;display:grid}.web-player-transport button:hover,.web-player-transport button:focus-visible{border-color:var(--player-gold);color:var(--player-gold);outline:2px solid #d8a34c44}.autoplay-unlock{z-index:20;color:#fff;text-align:center;cursor:pointer;background:#041115f2;border:0;align-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.autoplay-unlock>span{border:2px solid var(--player-gold);width:112px;height:112px;color:var(--player-gold);background:#d8a34c15;border-radius:50%;place-items:center;padding-left:7px;font-size:46px;display:grid}.autoplay-unlock strong{margin-top:30px;font-family:Georgia,serif;font-size:clamp(32px,5vw,58px)}.autoplay-unlock small{max-width:650px;color:var(--player-muted);margin-top:12px;font-size:15px;line-height:1.6}.web-player-connection{z-index:9;color:#a8b9b5;text-transform:uppercase;letter-spacing:.06em;background:#06171ddd;border:1px solid #ffffff18;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:16px;right:18px}.web-player-connection i{background:#64b584;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #64b58422}.web-player-connection.reconnecting i,.web-player-connection.connecting i{background:#d8a34c;animation:1s infinite player-pulse}.web-player-connection.offline i,.web-player-connection.error i{background:#d5655d}.web-player-connection small{color:#b8c4c1;text-transform:none;letter-spacing:0;max-width:330px;font-size:9px;font-weight:500}.web-player-actions{z-index:8;gap:8px;display:flex;position:absolute;bottom:16px;left:18px}.web-player-actions button{color:#9eb1ae;cursor:pointer;background:#06171dbd;border:1px solid #ffffff21;border-radius:10px;padding:8px 12px;font-size:9px;transition:all .12s}.web-player-actions button:hover,.web-player-actions button:focus-visible{border-color:var(--player-gold);color:#fff;outline:none}.web-player.kiosk .web-player-actions,.web-player.kiosk .web-player-library>footer{display:none}@keyframes player-pulse{50%{opacity:.35;transform:scale(.8)}}.web-player-signage-layout{aspect-ratio:16/9;background:#07191d;border:1px solid #ffffff1a;border-radius:18px;width:min(1400px,100%);min-height:min(70vh,780px);margin:4vh auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006}.web-player-signage-zone{border:2px solid;place-items:stretch stretch;display:grid;position:absolute;overflow:hidden}.web-player-signage-zone>img,.web-player-signage-zone>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.web-player-zone-copy{z-index:1;text-shadow:0 2px 18px #000b;flex-direction:column;justify-content:center;height:100%;padding:clamp(12px,2vw,34px);display:flex;position:relative;overflow:hidden}.web-player-signage-zone.media .web-player-zone-copy:empty{display:none}.web-player-zone-copy small{letter-spacing:.13em;text-transform:uppercase;font-size:clamp(9px,1vw,15px);font-weight:900}.web-player-zone-copy strong{margin-top:8px;font-family:Georgia,serif;font-size:clamp(19px,2.7vw,48px);line-height:1.08}.web-player-zone-copy b{font-family:Georgia,serif;font-size:clamp(38px,7vw,112px);line-height:1}.web-player-zone-copy>span{margin-top:10px;font-size:clamp(13px,1.5vw,24px)}.web-player-zone-copy ul{gap:clamp(5px,.7vw,12px);margin:14px 0 0;padding:0;font-size:clamp(12px,1.4vw,22px);list-style:none;display:grid;overflow:hidden}.web-player-zone-copy li{text-overflow:ellipsis;white-space:nowrap;border-left:3px solid;padding-left:10px;overflow:hidden}.signage-canvas-toolbar{border:1.5px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:7px 10px;display:flex}.signage-canvas-toolbar>.check-row{flex:none;margin:0}.signage-selection-tools{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:6px;min-width:0;display:flex}.signage-selection-tools>span{max-width:160px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:9px;overflow:hidden}.signage-selection-tools>.field{gap:2px;width:82px}.signage-selection-tools>.field>span{font-size:7px}.signage-selection-tools input[type=number]{height:30px;padding:5px}.signage-selection-tools input[type=range]{width:80px;height:30px;padding:0}.signage-selection-tools>button{border:1.5px solid var(--line);min-height:30px;color:var(--green);cursor:pointer;background:#fff;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:800;transition:all .12s}.signage-selection-tools>button:hover,.signage-selection-tools>button.active{border-color:var(--green);background:#edf5ef}.signage-zone-editor.selected{border-color:var(--green);box-shadow:0 0 0 2px #3a8b6618}.modal:has(.signage-layout-builder){width:min(1240px,100%)}.signage-layout-workspace{grid-template-columns:minmax(440px,1.6fr) minmax(310px,.9fr)}.signage-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-size:5% 5%}.signage-canvas.snap-grid:after{z-index:999;pointer-events:none;content:"";background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:5% 5%;position:absolute;inset:0}.signage-zone-preview{box-sizing:border-box;transform-origin:50%;cursor:grab;outline:0 solid #0000;transition:outline-color .12s,box-shadow .12s}.signage-zone-preview:active{cursor:grabbing}.signage-zone-preview.selected{outline:3px solid #ffd166;box-shadow:0 0 0 2px #17201e,0 7px 24px #0005}.signage-zone-preview.locked{cursor:not-allowed}.signage-zone-preview.hidden{filter:grayscale();outline-style:dashed}.signage-zone-preview>img{pointer-events:none;opacity:.58;width:100%;height:100%;position:absolute;inset:0}.signage-zone-preview>small,.signage-zone-preview>strong,.signage-zone-preview>span,.signage-zone-preview>b,.signage-video-placeholder{z-index:1;pointer-events:none;position:relative}.signage-video-placeholder{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.signage-resize-handle,.signage-rotate-handle{z-index:4;background:#ffd166;border:2px solid #17201e;width:16px;height:16px;display:block;position:absolute;box-shadow:0 1px 6px #0008}.signage-resize-handle{cursor:nwse-resize;bottom:-8px;right:-8px}.signage-rotate-handle{cursor:grab;border-radius:50%;top:-28px;left:calc(50% - 8px)}.signage-rotate-handle:after{content:"";background:#ffd166;width:2px;height:12px;position:absolute;top:13px;left:5px}.timeline-editor{gap:16px;display:grid}.timeline-player{background:#080d0c;border-radius:10px;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.timeline-player video{width:100%;max-height:44vh}.timeline-player audio{width:min(640px,100% - 30px)}.timeline-preview-label{z-index:3;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#07120fce;border:1px solid #fff4;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:900;position:absolute;top:10px;left:10px}.timeline-art{touch-action:none;background:linear-gradient(90deg,#dfe5df,#f6f4ed);border:1.5px solid #ccd3cd;border-radius:10px;min-height:112px;position:relative;overflow:hidden}.timeline-art img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.timeline-art img.waveform{z-index:1;object-fit:fill;opacity:.82;mix-blend-mode:multiply}.timeline-art>i{z-index:3;pointer-events:none;background:#091512b8;position:absolute;top:0;bottom:0}.timeline-art .trim-before{left:0}.timeline-art .trim-after{right:0}.timeline-art .selection{z-index:4;border-inline:3px solid var(--gold);pointer-events:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #fff8}.trim-handle{z-index:8;color:#fff;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:25px;margin-left:-12px;padding:0;position:absolute;top:0;bottom:0}.trim-handle:before{content:"";background:var(--gold);border-inline:1px solid #fff8;width:5px;position:absolute;top:0;bottom:0;left:10px;box-shadow:0 0 8px #0009}.trim-handle span{color:#182018;background:var(--gold);border-radius:4px;min-width:28px;padding:3px 5px;font-size:7px;font-weight:950;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0008}.fade-handle{z-index:7;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:24px;margin-left:-12px;padding:0;position:absolute;top:0;bottom:0}.fade-handle:before{content:"";background:#1babc0;border:1px solid #d7fbff;border-radius:99px;width:4px;position:absolute;top:18px;bottom:18px;left:10px;box-shadow:0 0 8px #003d4688}.fade-handle span{background:#168ba0;border:2px solid #e6fdff;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0008}.fade-handle.active:before,.fade-handle:focus-visible:before{background:#0b7183;box-shadow:0 0 0 2px #baf7ff,0 0 8px #0009}.timeline-marker{z-index:10;cursor:pointer;background:0 0;border:0;width:18px;margin-left:-9px;padding:0;position:absolute;top:0;bottom:0}.timeline-marker span{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:8px;box-shadow:0 0 0 1px #183c2d,0 0 5px #0008}.document-preview,.preview-unavailable{text-align:center;justify-items:center;padding:55px 28px;display:grid}.document-preview>span{color:#d4b36e;font-size:58px}.document-preview strong,.preview-unavailable strong{margin-top:10px}.document-preview p,.preview-unavailable p{color:#a9b6b1;font-size:11px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.editor-grid{grid-template-columns:1fr}.schedule-panel{grid-template-columns:1fr 1fr;gap:24px;display:grid}.screen-grid,.signage-grid,.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=840px){.controller-grid{grid-template-columns:1fr}.controller-target{z-index:4;position:sticky;top:12px}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;padding:14px;position:relative}.brand-lockup.inverse,.sidebar-foot{display:none}.sidebar nav{margin:0;display:flex;overflow:auto}.sidebar nav button{flex:none;padding:10px}.content{padding:28px 16px 50px}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:34px}.update-banner{flex-direction:column;align-items:flex-start}.storage-overview{grid-template-columns:1fr;gap:9px}.stats-grid,.dashboard-grid,.classes-layout,.settings-grid,.screen-grid,.signage-grid,.calendar-grid,.advanced-grid{grid-template-columns:1fr}.wide-settings{grid-column:auto}.class-list{display:flex;overflow:auto}.class-list h3{display:none}.class-list>button{flex:0 0 190px;width:auto}.quick-create,.two-fields,.backup-restore-upload,.media-filters,.replace-media,.settings-data .backup-actions{grid-template-columns:1fr}.settings-data .backup-actions .backup-secret-choice,.settings-data .backup-actions .backup-password-note{grid-column:auto}.media-filters>span{padding:0}.restore-counts,.media-manager-summary{grid-template-columns:1fr 1fr}.schedule-panel{display:block}.media-table{grid-template-columns:24px minmax(150px,1fr) auto;padding-inline:13px}.media-table>:nth-child(3),.media-table>:nth-child(4),.media-table>:nth-child(5),.media-table>:nth-child(7){display:none}.bulk-actions{grid-template-columns:1fr;position:relative;top:auto}.item-options{flex-wrap:wrap}.simple-cue-controls{grid-template-columns:1fr 1fr}.editor-mode-switch{flex-direction:column;align-items:flex-start}.role-summary{display:none}.user-row{grid-template-columns:minmax(0,1fr) auto}.user-row>:nth-child(2),.user-row>:nth-child(3),.user-row>:nth-child(4){display:none}.user-actions{justify-content:flex-end}.preview-readout{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.schedule-card-main{grid-template-columns:auto 1fr}.schedule-count{text-align:left;border:0;grid-column:2;align-items:baseline;gap:4px;padding:0;display:flex}.exception-editor{grid-template-columns:1fr}.exception-add{align-items:stretch}.exception-add input,.exception-add button{flex:1}.three-fields{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .button{flex:1}.template-card .card-actions,.schedule-card .card-actions{align-items:stretch}.template-card .card-actions .button,.schedule-card .card-actions .button{flex:1}.permission-grid,.signage-layout-workspace{grid-template-columns:1fr}.signage-presets{grid-template-columns:repeat(3,1fr)}.signage-canvas{position:relative}.web-player-signage-layout{min-height:58vh}.screen-card.expanded{grid-column:auto}.diagnostic-summary,.codec-list{grid-template-columns:1fr 1fr}.diagnostic-list>div{grid-template-columns:1fr}.settings-tabs{padding-bottom:3px;display:flex;overflow-x:auto}.settings-tabs button{flex:0 0 190px}.registration-code-form,.email-test-form{grid-template-columns:1fr}.secret-reveal{grid-template-columns:1fr 1fr}.secret-reveal code{grid-column:1/-1}.registration-code-list>div{flex-direction:column;align-items:flex-start}.split-actions{grid-template-columns:1fr 1fr}.split-actions span{display:none}.conversion-card,.conversion-add,.transcode-profile-list>div,.color-fields{grid-template-columns:1fr}}@media (width<=700px){.web-player-card{padding:28px}.web-player-library{padding:24px}.web-player-library>header{flex-direction:column;align-items:flex-start}.web-player-library>header>.web-player-eyebrow{margin-top:0}.web-player-ready{margin:6vh auto 4vh}.web-player-overlay{flex-direction:column;align-items:flex-start;gap:12px}.web-player-connection small{display:none}}@media (width<=560px){.class-title{flex-direction:column}.controller-share-preview{grid-template-columns:1fr}.controller-share-preview img,.controller-share-preview .qr-loading{margin:auto}.temporary-controller-row,.permanent-controller-card{grid-template-columns:1fr}.permanent-controller-card>div:last-child{justify-content:stretch}.permanent-controller-card .button{flex:1}.recycle-list>div{grid-template-columns:1fr}.recycle-list>div>span:last-child{text-align:left;justify-content:space-between}}.audience-admin{gap:20px;min-width:0;display:grid}.audience-admin .page-head{margin-bottom:0}.audience-workspace{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.audience-session-list{min-width:0;position:sticky;top:20px}.audience-session-list>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;display:flex}.audience-session-list>header strong{color:var(--deep);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.audience-session-list>header>span{min-width:25px;height:25px;color:var(--green);background:var(--mint);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.audience-session-list>button{border:0;width:100%;color:var(--ink);text-align:left;background:#fff;border-bottom:1px solid #efeee8;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 16px;transition:background .12s,box-shadow .12s;display:grid}.audience-session-list>button:last-child{border-bottom:0}.audience-session-list>button:hover{background:#f7faf7}.audience-session-list>button.active{box-shadow:inset 3px 0 0 var(--green);background:#edf6f0}.audience-session-list>button>span:nth-child(2){gap:4px;min-width:0;display:grid}.audience-session-list>button strong,.audience-session-list>button small{display:block}.audience-session-list>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.audience-session-list>button small{color:var(--muted);font-size:9px;line-height:1.35}.audience-session-list>button>b{color:#fff;background:#b64b42;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.audience-status{background:#9aa49f;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 3px #9aa49f20}.audience-status.open{background:#36a572;box-shadow:0 0 0 3px #36a57220}.audience-status.closed{background:#8d9792;box-shadow:0 0 0 3px #8d979220}.audience-status.draft{background:var(--gold);box-shadow:0 0 0 3px #d88c1e20}.audience-detail{gap:16px;min-width:0;display:grid}.audience-detail>.empty-state{align-content:center;justify-items:start;gap:8px;min-height:260px;padding:42px 30px;display:grid}.audience-detail>.empty-state strong{color:var(--deep);font-family:Georgia,Times New Roman,serif;font-size:24px}.audience-detail>.empty-state p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.audience-share{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;display:grid}.audience-share>div{min-width:0}.audience-share h2{margin:9px 0 5px;font-size:clamp(24px,3vw,32px);line-height:1.08}.audience-share p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.status-pill{color:#6f5521;letter-spacing:.09em;text-transform:uppercase;background:#fff1cf;border-radius:99px;align-items:center;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.status-pill.open{color:#216044;background:#e2f2e8}.status-pill.closed{color:#65706b;background:#edf0ed}.audience-code{color:#fff;background:var(--deep);letter-spacing:.15em;border-radius:9px;align-items:center;margin-top:17px;padding:9px 13px;font:800 18px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.audience-share img{border:8px solid #fff;border-radius:12px;width:156px;height:156px;display:block;box-shadow:0 5px 18px #183a2718}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.row-actions .button{padding:8px 12px;font-size:11px;text-decoration:none}.audience-actions{flex-wrap:wrap;align-items:center;gap:9px;padding:13px 17px;display:flex}.audience-actions .button{padding:8px 12px;font-size:11px}.audience-results{gap:16px;display:grid}.audience-question-result{overflow:hidden}.audience-question-result>header{border-bottom:1px solid var(--line);background:#fbfcf9;gap:5px;padding:17px 20px;display:grid}.audience-question-result>header>span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.audience-question-result>header>strong{overflow-wrap:anywhere;color:var(--deep);font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.25}.audience-question-result>header>small{color:var(--muted);font-size:9px}.poll-bars{gap:14px;padding:20px;display:grid}.poll-bars>div{gap:6px;display:grid}.poll-bars>div>span{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;display:flex}.poll-bars>div>span strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poll-bars>div>span b{color:var(--green);flex:none;font-size:12px}.poll-bars>div>i{background:#edf0eb;border-radius:99px;height:9px;display:block;overflow:hidden}.poll-bars>div>i>b{border-radius:inherit;background:linear-gradient(90deg, var(--green), #75b68a);min-width:3px;height:100%;transition:width .2s;display:block}.written-responses{gap:9px;padding:18px 20px 20px;display:grid}.written-responses>small{color:var(--muted);font-size:10px}.written-responses>div{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 13px;display:grid}.written-responses>div.approved{background:#f5fbf6;border-color:#bcd8c5}.written-responses>div.rejected{background:#fff7f5;border-color:#e5c1bb}.written-responses p{color:var(--ink);white-space:pre-wrap;grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}.written-responses>div>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:8px;font-weight:900}.written-responses>div>div{justify-content:flex-end;gap:7px;display:flex}.written-responses button{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.written-responses button:hover{border-color:var(--green);background:var(--mint)}.written-responses button:last-child{color:#a0443c}.modal.audience-editor{flex-direction:column;width:min(820px,100%);max-height:calc(100vh - 40px);padding:0;display:flex;overflow:hidden}.audience-editor .modal-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px 18px;display:flex}.audience-editor .modal-head h2{margin:5px 0 0;font-size:25px}.audience-editor .modal-head>button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:4px 9px;font-size:25px;line-height:1}.audience-editor .modal-head>button:hover{color:var(--ink);background:#f0f2ee}.audience-editor-body{gap:18px;min-height:0;padding:24px 28px;display:grid;overflow:auto}.audience-question-editor-list{gap:12px;display:grid}.audience-question-editor-list fieldset{border:1.5px solid var(--line);background:#fbfcf9;border-radius:12px;gap:14px;min-width:0;margin:0;padding:22px 16px 16px;display:grid;position:relative}.audience-question-editor-list legend{color:var(--deep);letter-spacing:.08em;text-transform:uppercase;padding:0 6px;font-size:11px;font-weight:900}.audience-question-editor-list fieldset>.danger-text{color:#a0443c;font-size:10px;position:absolute;top:11px;right:13px}.audience-question-editor-list fieldset>.danger-text:hover{color:#7d2f29}.question-options{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;padding-top:12px;font-size:10px;display:flex}.question-options label{align-items:center;gap:7px;display:inline-flex}.question-options input[type=checkbox]{width:auto;min-width:auto;margin:0}.question-options input[type=number]{width:66px;margin-left:4px;padding:6px 8px}.audience-editor .privacy-callout{background:var(--mint);border:1px solid #c8dfcf;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;display:grid}.audience-editor .privacy-callout>strong{color:var(--deep);font-size:11px}.audience-editor .privacy-callout>span{color:#58716c;font-size:10px;line-height:1.5}.audience-editor .modal-actions{border-top:1px solid var(--line);background:#fbfcf9;flex:none;justify-content:flex-end;gap:9px;padding:15px 28px;display:flex}.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:8px;display:flex}.calendar-view-tabs{border:1px solid var(--line);background:#f4f6f2;border-radius:10px;gap:3px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.calendar-view-tabs button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:10px;font-weight:800;transition:color .12s,background .12s,box-shadow .12s}.calendar-view-tabs button:hover{color:var(--green);background:#fff}.calendar-view-tabs button.active{color:#fff;background:var(--green);box-shadow:0 2px 6px #2a6e4a24}.calendar-navigation{align-items:center;gap:6px;display:flex}.calendar-navigation button{border:1.5px solid var(--line);min-width:36px;min-height:36px;color:var(--green);background:#fff;border-radius:8px;font-size:18px;line-height:1}.calendar-navigation button:hover{border-color:var(--green);background:var(--mint)}.calendar-navigation button:not([aria-label]){padding-inline:11px;font-size:10px;font-weight:800}.calendar-navigation input{width:145px;min-height:36px;padding:7px 9px;font-size:10px}.calendar-stack,.calendar-rooms{gap:16px;display:grid}.calendar-stack>.panel,.calendar-rooms>.panel{overflow:hidden}.calendar-grid{background:0 0;border-radius:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:0 16px 16px;display:grid;overflow:visible}.calendar-grid>.empty{grid-column:1/-1;padding:42px 20px}.calendar-grid article.calendar-lesson{border:1px solid var(--line);min-height:126px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:flex-start;gap:13px;padding:16px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.calendar-grid article.calendar-lesson:hover{box-shadow:var(--shadow-md);border-color:#bfd0c4;transform:translateY(-1px)}.calendar-lesson>div{gap:4px;min-width:0;display:grid}.calendar-lesson>div>strong{color:var(--deep);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.calendar-lesson>div>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.calendar-lesson .calendar-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:9px;display:flex}.calendar-lesson .calendar-meta>span{border:1px solid var(--line);background:#fafbf8;border-radius:99px;padding:4px 7px}.calendar-lesson .calendar-meta>b{color:#9a4b29;background:#fff0e6;border-radius:99px;padding:4px 7px;font-size:8px}.calendar-lesson .calendar-meta .role-summary{justify-content:flex-start;width:100%;margin-top:2px}.calendar-lesson.conflict{background:#fffaf7;border-color:#e2b49f}.calendar-lesson.compact{min-height:0;box-shadow:none;background:#fff;border-color:#dce4dd;border-radius:8px;margin-top:7px;padding:8px;display:block}.calendar-lesson.compact:hover{transform:none;box-shadow:0 2px 8px #183a2712}.calendar-lesson.compact>div{gap:3px}.calendar-lesson.compact>div>strong{font-size:10px}.calendar-lesson.compact>div>small{font-size:8px}.calendar-lesson.compact .calendar-meta{margin-top:4px;font-size:8px;display:block}.calendar-lesson.compact .calendar-meta>span{background:0 0;border:0;padding:0;display:inline}.calendar-lesson.compact .calendar-meta>span+span:before{content:" · ";color:#aab5ae}.calendar-lesson.compact .calendar-meta>b{margin-top:4px;display:inline-block}.calendar-week{background:var(--line);grid-template-columns:repeat(7,minmax(128px,1fr));gap:1px;padding:1px;display:grid;overflow-x:auto}.calendar-week>div{background:#fff;min-height:245px;padding:12px}.calendar-week>div.today{background:#f5fbf6}.calendar-week header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;display:flex}.calendar-week header strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.calendar-week header span{width:25px;height:25px;color:var(--deep);background:#f0f3ef;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.calendar-week>div.today header span{color:#fff;background:var(--green)}.calendar-month{background:var(--line);grid-template-columns:repeat(7,minmax(100px,1fr));gap:1px;padding:1px;display:grid;overflow-x:auto}.calendar-month .calendar-weekday{min-width:100px;color:var(--muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#f3f5f1;padding:11px 10px;font-size:9px}.calendar-month>div{background:#fff;min-height:128px;padding:9px}.calendar-month>div.outside{background:#fafaf7}.calendar-month>div.outside>span{color:#abb5af}.calendar-month>div.today{box-shadow:inset 0 3px 0 var(--green);background:#f5fbf6}.calendar-month>div>span{width:24px;height:24px;color:var(--deep);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.calendar-month>div.today>span{color:#fff;background:var(--green)}@media (width<=980px){.audience-workspace{grid-template-columns:minmax(200px,235px) minmax(0,1fr);gap:14px}.audience-share{gap:16px;padding:20px}.audience-share img{width:132px;height:132px}.calendar-view-tabs button{padding-inline:10px}}@media (width<=760px){.audience-workspace{grid-template-columns:1fr}.audience-session-list{max-height:320px;position:static;overflow:auto}.audience-share{grid-template-columns:1fr}.audience-share img{width:144px;height:144px}.audience-actions .button{flex:135px}.audience-question-result>header,.poll-bars,.written-responses{padding-inline:16px}.audience-editor .modal-head{padding-inline:20px}.audience-editor-body{padding:20px}.audience-editor .modal-actions{padding-inline:20px}.audience-editor .modal-actions .button{flex:1}.calendar-toolbar{flex-direction:column;align-items:stretch;margin-bottom:16px}.calendar-view-tabs{width:100%}.calendar-view-tabs button{flex:1 0 auto}.calendar-navigation{justify-content:space-between}.calendar-navigation input{flex:1;width:auto}.calendar-grid{grid-template-columns:1fr;padding-inline:12px}.calendar-month{grid-template-columns:repeat(7,minmax(82px,1fr))}.calendar-month .calendar-weekday{min-width:82px}.calendar-month>div{min-height:106px;padding:7px}}@media (width<=520px){.auth-links{grid-template-columns:1fr}}@media (width<=960px){.signage-layout-workspace{grid-template-columns:1fr}.signage-canvas{position:relative}.signage-selection-tools>span{display:none}}@media (prefers-reduced-motion:reduce){.web-player *{scroll-behavior:auto!important;transition:none!important;animation:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lesson-settings-top,.lesson-playlist-workspace{overflow:hidden}.lesson-settings-top{padding:0}.lesson-settings-heading,.lesson-playlist-workspace>.panel-heading{border-bottom:1px solid var(--line);background:#fbfcf9;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px 16px;display:flex}.lesson-settings-heading h2,.lesson-playlist-workspace>.panel-heading h2{color:var(--deep);margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3vw,30px);line-height:1.08}.lesson-settings-heading p,.lesson-playlist-workspace>.panel-heading p{max-width:650px;color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.lesson-settings-top .section-label,.lesson-playlist-workspace .section-label,.lesson-library .section-label{color:var(--gold);letter-spacing:.14em;font-size:8px;font-weight:900}.lesson-settings-status,.lesson-playlist-workspace .pill{color:var(--green);white-space:nowrap;background:#f0f8f2;border:1px solid #cdded2;border-radius:99px;flex:none;padding:7px 10px;font-size:9px;font-weight:900}.lesson-settings-form{gap:0;padding:18px 24px 20px;display:grid}.lesson-settings-fields{align-items:start;gap:12px;display:grid}.lesson-settings-fields .field{min-width:0}.lesson-settings-primary{grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(240px,1fr);margin-bottom:15px}.lesson-option-disclosure{border-top:1px solid var(--line)}.lesson-option-disclosure summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:13px 2px;list-style:none;display:flex}.lesson-option-disclosure summary::-webkit-details-marker{display:none}.lesson-option-disclosure summary>span{gap:3px;display:grid}.lesson-option-disclosure summary strong{font-size:12px}.lesson-option-disclosure summary small{color:var(--muted);font-size:9px;font-weight:500}.lesson-option-disclosure summary>b{color:var(--gold);font-size:17px;line-height:1;transition:transform .15s}.lesson-option-disclosure[open] summary>b{transform:rotate(180deg)}.lesson-option-disclosure summary:hover strong,.lesson-option-disclosure summary:focus-visible strong{color:var(--green)}.lesson-option-body{gap:14px;padding:0 0 16px;display:grid}.lesson-option-body>.field{max-width:400px}.lesson-option-body .run-timing-summary{margin-top:0}.lesson-playback-fields{grid-template-columns:minmax(230px,1fr) minmax(390px,1.45fr);align-items:end}.lesson-settings-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;display:grid}.lesson-settings-controls .field{min-width:0}.lesson-settings-controls .switch-row{min-height:44px;margin:0}.lesson-settings-notes .field{margin:0}.lesson-settings-notes textarea{min-height:58px}.lesson-settings-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:4px;padding-top:16px;display:flex}.lesson-playlist-workspace{padding:0}.lesson-playlist-workspace>.panel-heading{align-items:center}.playlist-heading-actions{flex:none;align-items:center;gap:10px;display:flex}.lesson-playlist-workspace>.preview-strip{border-top:0;border-bottom:1px solid var(--line)}.lesson-playlist-workspace>.playlist-select-all{margin:0 24px;padding:12px 0 0}.lesson-sequence-tabs{scrollbar-width:thin;gap:8px;padding:14px 24px 0;display:flex;overflow-x:auto}.sequence-tab{min-width:150px;color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d2ddd5;border-radius:999px;flex:1 0 170px;padding:9px 13px;font-size:11px;font-weight:800;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}.sequence-tab:hover,.sequence-tab:focus-visible{border-color:currentColor;box-shadow:0 3px 10px #183a2714}.sequence-tab.active{color:#fff;border-color:#0000;box-shadow:0 3px 10px #183a2726}.sequence-tab.section-preRoll{color:#9b6a05}.sequence-tab.section-preRoll.active{color:#fff;background:#c99016}.sequence-tab.section-countdown{color:#704c9c}.sequence-tab.section-countdown.active{color:#fff;background:#8864b3}.sequence-tab.section-lesson{color:#24724b}.sequence-tab.section-lesson.active{color:#fff;background:#2d8b5a}.sequence-tab.section-postLesson{color:#a95737}.sequence-tab.section-postLesson.active{color:#fff;background:#c76c45}.sequence-tab.section-total{color:var(--deep)}.sequence-tab.section-total.active{color:#fff;background:var(--deep)}.lesson-playlist-track.section-preRoll>.playlist-item{border-left-color:#c99016}.lesson-playlist-track.section-countdown>.playlist-item{border-left-color:#8864b3}.lesson-playlist-track.section-lesson>.playlist-item{border-left-color:#2d8b5a}.lesson-playlist-track.section-postLesson>.playlist-item{border-left-color:#c76c45}.lesson-playlist-track{scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-color:#c5d2c9 transparent;align-items:stretch;gap:12px;padding:14px 24px 22px;display:flex;overflow-x:auto}.lesson-playlist-track>.playlist-item{scroll-snap-align:start;background:#fcfcf9;border-left-width:3px;flex:0 0 252px;grid-template-rows:auto auto;grid-template-columns:18px 22px minmax(0,1fr) 22px;align-items:start;gap:8px;min-width:0;min-height:226px;padding:10px;display:grid;position:relative}.lesson-playlist-track .media-thumb{border-radius:7px;grid-area:1/1/auto/-1;width:100%;height:112px}.lesson-playlist-track .item-main{grid-area:2/3;grid-template-rows:auto auto 1fr;align-self:stretch;min-width:0;display:grid}.lesson-playlist-track .item-main>div:first-child{min-width:0}.lesson-playlist-track .delete-button{grid-area:2/4;padding-top:3px}.cue-visual-thumb img{object-fit:cover;width:100%;height:100%}.cue-meta{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.cue-card-footer{align-items:end;min-width:0;display:flex}.cue-action-dock{justify-content:space-between;gap:6px;width:100%;margin-top:8px}.cue-action-dock>button{border-radius:7px;width:29px;height:29px}.cue-action-dock>button .cue-icon{width:15px;height:15px}.cue-duration{color:#121212;text-align:center;white-space:nowrap;background:#fff;border:1px solid #e16749;border-radius:4px;min-width:0;margin:0 auto;padding:2px 5px;font-size:16px;font-weight:950;line-height:1}.still-duration-options{grid-column:1/-1;grid-template-columns:minmax(150px,1fr) repeat(2,minmax(0,1fr));align-items:end;gap:9px;display:grid}.still-duration-options>.check-line{align-self:end;min-height:39px}.lesson-playlist-track .media-select{grid-area:1/1;padding-top:3px}.lesson-playlist-track .order-controls{grid-area:1/2}.lesson-playlist-track .media-thumb{flex-basis:auto;grid-area:1/3;width:58px;height:58px}.lesson-playlist-track .item-main{grid-area:1/4;width:auto;min-width:0}.lesson-playlist-track .item-main>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.lesson-playlist-track .item-main strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;max-width:100%;overflow:hidden}.lesson-playlist-track .timeline-edit{text-align:left;width:100%;margin-bottom:10px}.lesson-playlist-track .simple-cue-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lesson-playlist-track .simple-cue-controls .field{min-width:0}.lesson-playlist-track .item-main>.field{margin-top:10px}.lesson-playlist-track .item-main>.field textarea{min-height:52px}.lesson-playlist-track .item-advanced{margin-top:11px}.lesson-playlist-track .advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-playlist-track .delete-button{grid-area:1/5;align-self:start;padding:0 2px}.cue-action-dock{align-items:center;gap:7px;margin-top:12px;display:flex}.cue-action-dock>button{width:36px;height:36px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cbd5ce;border-radius:9px;place-items:center;padding:0;transition:border-color .12s,color .12s,background .12s,transform .12s;display:grid;position:relative}.cue-action-dock>button:hover,.cue-action-dock>button:focus-visible,.cue-action-dock>button.active{border-color:var(--green);color:#fff;background:var(--green);transform:translateY(-1px)}.cue-action-dock>button>i{background:var(--gold);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.lesson-playlist-track>.playlist-item .media-select{grid-area:2/1;padding-top:5px}.lesson-playlist-track>.playlist-item .order-controls{grid-area:2/2}.lesson-playlist-track>.playlist-item .media-thumb{border-radius:7px;grid-area:1/1/auto/-1;width:100%;height:112px}.lesson-playlist-track>.playlist-item .item-main{grid-area:2/3;grid-template-rows:auto auto 1fr;align-self:stretch;min-width:0;display:grid}.lesson-playlist-track>.playlist-item .delete-button{grid-area:2/4;align-self:start;padding-top:3px}.lesson-playlist-track>.playlist-item .cue-action-dock{gap:6px;width:100%;margin-top:8px}.lesson-playlist-track>.playlist-item .cue-action-dock>button{border-radius:7px;width:29px;height:29px}.lesson-playlist-track>.playlist-item .cue-action-dock>button .cue-icon{width:15px;height:15px}.cue-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cue-popover{z-index:1200;width:min(360px,100vw - 24px);max-height:min(620px,72vh);color:var(--ink);background:#fff;border:1px solid #c9d5cd;border-radius:14px;padding:14px;position:fixed;overflow:auto;box-shadow:0 18px 48px #10251c33,0 3px 12px #10251c1a}.cue-advanced-popover{width:min(560px,100vw - 24px)}.cue-popover>header{z-index:2;border-bottom:1px solid var(--line);background:#fbfcf9;justify-content:space-between;align-items:center;gap:12px;margin:-14px -14px 14px;padding:13px 14px;display:flex;position:sticky;top:-14px}.cue-popover>header>div,.cue-popover>header span{align-items:center;gap:8px;display:flex}.cue-popover>header span{flex-direction:column;align-items:flex-start;gap:2px}.cue-popover>header strong{color:var(--deep);font-size:12px}.cue-popover>header small{max-width:370px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.cue-popover>header>button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:0 0 30px;place-items:center;padding:0;display:grid}.cue-popover>header>button:hover,.cue-popover>header>button:focus-visible{color:var(--deep);background:#edf2ed}.cue-notes-popover textarea{resize:vertical;min-height:116px}.cue-tool-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.cue-tool-row>button,.cue-tool-row>label{min-height:50px;color:var(--green);text-align:left;cursor:pointer;background:#f8faf7;border:1px solid #d5ddd7;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid;position:relative}.cue-tool-row>button:hover,.cue-tool-row>label:hover{background:#eef7f0;border-color:#86aa91}.cue-tool-row>label:has(input:checked){background:#eef7f0;border-color:#86aa91}.cue-tool-row input{opacity:0;pointer-events:none;position:absolute}.cue-tool-row span{gap:2px;min-width:0;display:grid}.cue-tool-row strong,.cue-tool-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cue-tool-row strong{color:var(--ink);font-size:8px}.cue-tool-row small{color:var(--muted);font-size:7px}.cue-advanced-popover .simple-cue-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;padding-bottom:14px}.cue-advanced-popover .item-advanced{border-top:0;margin-top:14px;padding-top:0}.cue-advanced-popover .item-advanced summary{font-size:10px;list-style:none}.cue-advanced-popover .item-advanced summary::-webkit-details-marker{display:none}.cue-advanced-popover .advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-playlist-track.is-library-dragging{background:#f4faf5}.lesson-playlist-track.is-library-dragging>.playlist-item{opacity:.78}.lesson-playlist-track>.playlist-item.drop-before,.lesson-playlist-track>.playlist-item.drop-after{opacity:1}.lesson-playlist-track>.playlist-item.drop-before:before,.lesson-playlist-track>.playlist-item.drop-after:after{z-index:4;background:var(--gold);content:"";border-radius:99px;width:4px;position:absolute;top:-5px;bottom:-5px;box-shadow:0 0 0 3px #fff8}.lesson-playlist-track>.playlist-item.drop-before:before{left:-9px}.lesson-playlist-track>.playlist-item.drop-after:after{right:-9px}.lesson-empty-drop-target{border:2px dashed #0000;transition:border-color .12s,background .12s}.lesson-empty-drop-target.is-library-dragging{background:#f4faf5}.lesson-empty-drop-target.is-drop-ready{border-color:var(--gold);background:#fff9ed}.lesson-library{border-top:1px solid var(--line);background:#fbfcf9;padding:16px 24px 22px}.lesson-library-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.lesson-library-heading>div{gap:3px;display:grid}.lesson-library-heading h3{color:var(--deep);margin:1px 0 0;font-family:Georgia,Times New Roman,serif;font-size:18px}.lesson-library-heading small{color:var(--muted);font-size:9px}.lesson-library-track{scrollbar-color:#c5d2c9 transparent;gap:10px;padding:2px 1px 5px;display:flex;overflow-x:auto}.lesson-library-add,.lesson-library-card{min-height:125px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dfda;border-radius:9px;flex:0 0 156px;align-content:start;gap:6px;padding:8px;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.lesson-library-add{color:var(--green);text-align:center;background:#f4faf5;border-style:dashed;align-content:center;place-items:center}.lesson-library-add>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.lesson-library-add strong,.lesson-library-add small,.lesson-library-card strong,.lesson-library-card small{display:block}.lesson-library-add strong,.lesson-library-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.lesson-library-add small,.lesson-library-card small{color:var(--muted);font-size:8px;line-height:1.3}.lesson-library-card:hover,.lesson-library-add:hover{border-color:#8eb39b;transform:translateY(-1px);box-shadow:0 5px 14px #183a2714}.lesson-library-card[draggable=true]{cursor:grab}.lesson-library-card[draggable=true]:active{cursor:grabbing}.lesson-library-card.is-dragging{border-color:var(--gold);opacity:.55;transform:scale(.98)}.lesson-library-thumb{color:#fff;background:var(--deep);border-radius:6px;place-items:center;height:65px;display:grid;overflow:hidden}.lesson-library-thumb img{object-fit:cover;width:100%;height:100%}.lesson-library-thumb b{font-size:24px;font-weight:500}@media (width<=1040px){.lesson-settings-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-settings-primary>.field:last-child{grid-column:1/-1}.lesson-playback-fields{grid-template-columns:1fr}}@media (width<=760px){.lesson-settings-heading,.lesson-playlist-workspace>.panel-heading,.lesson-library-heading{flex-direction:column;align-items:stretch}.lesson-settings-heading,.lesson-playlist-workspace>.panel-heading{padding:17px 16px 14px}.lesson-settings-form,.lesson-library{padding-left:16px;padding-right:16px}.lesson-settings-primary,.lesson-playback-fields,.lesson-settings-controls{grid-template-columns:1fr}.lesson-settings-primary>.field:last-child{grid-column:auto}.playlist-heading-actions{flex-direction:column;align-items:stretch}.playlist-heading-actions .button{width:100%}.lesson-playlist-workspace>.playlist-select-all{margin-left:16px;margin-right:16px}.lesson-playlist-track{padding-left:16px;padding-right:16px}.lesson-playlist-track>.playlist-item{flex-basis:min(292px,100vw - 48px)}.cue-tool-row,.cue-advanced-popover .simple-cue-controls,.cue-advanced-popover .advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.still-duration-options{grid-template-columns:1fr}.still-duration-options>.check-line{min-height:auto}}