@import url('data:text/css,');
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7eae7;background:#101512;font-synthesis:none;font-size:14px;--bg:#101512;--panel:#171d19;--line:#2a332c;--muted:#8e9b91;--green:#c8ee8b;--dark:#202a22}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{transition:background .18s,color .18s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.app{display:flex;min-height:100dvh}.sidebar{width:238px;flex:none;border-right:1px solid var(--line);padding:35px 20px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#141a16}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 37px}.brand>span{font-size:14px;letter-spacing:2px;font-weight:750}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:3px;margin-top:4px}.workspace-label,.locations-label{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#738177;margin:10px 13px 17px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;border-radius:8px;margin:4px 0;background:none;text-align:left;color:#9aa79e}.nav-item span{font-size:19px;width:22px}.nav-item.active{color:var(--green);background:#283625}.nav-item i{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.locations-label{display:flex;justify-content:space-between;margin-top:43px}.locations-label>span{letter-spacing:0}.location{width:100%;border:1px solid #344031;background:#1c251c;color:#e6ece3;display:flex;align-items:center;text-align:left;gap:10px;padding:14px;border-radius:9px}.location>span{color:var(--green);font-size:22px}.location b{font-size:13px;font-weight:550}.location small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.location i{height:6px;width:6px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:24px 0 0;display:flex;gap:10px;align-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#37432f;border:1px solid #516141;border-radius:50%;color:var(--green);font-weight:600}.sidebar-bottom strong{font-size:12px;font-weight:550}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sidebar-bottom button{margin-left:auto}.icon-button{border:1px solid var(--line);background:none;color:#b4c0b6;border-radius:7px;min-width:34px;height:34px;font-size:19px}.main{margin-left:238px;width:calc(100% - 238px);padding:0 38px;max-width:2200px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 12px;color:#4f5d53}.breadcrumb b{font-weight:500;color:#c3cec5}.topbar-right{display:flex;align-items:center;gap:23px}.private-badge{color:#a3b896;padding:5px 10px;background:#1d291e;border:1px solid #2d3b2c;border-radius:5px;font-size:10px}time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.heading{padding:32px 0 26px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;color:#a6b293;font-weight:600;letter-spacing:2px;margin:0 0 11px}h1{font-size:34px;font-weight:550;letter-spacing:-1.4px;margin:0;display:flex;align-items:center;gap:14px}.title-dot{height:7px;width:7px;background:var(--green);border-radius:50%}.heading p:last-child{color:var(--muted);font-size:12px;margin:10px 0 0}.secondary{border:1px solid #364237;background:#1b231d;color:#becbbe;padding:10px 13px;border-radius:7px;font-size:12px}.primary{background:var(--green);border:1px solid var(--green);color:#1c2b17;padding:12px 17px;border-radius:7px;font-size:12px;font-weight:650}.primary span{margin-left:16px;font-size:10px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;align-items:center}.tab{color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:12px 0 15px;font-size:12px}.tab.active{color:var(--green);border-color:var(--green)}.camera-count{margin-left:auto;color:#79877d;font-size:11px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.viewer-column{min-width:0}.player{position:relative;background:#080d09;border:1px solid #303a31;border-radius:11px;overflow:hidden;aspect-ratio:16/11;display:flex;align-items:center;justify-content:center}.player video{width:100%;height:100%;object-fit:contain;display:block}.player-top{position:absolute;left:18px;right:18px;top:17px;display:flex;align-items:center;gap:10px;z-index:2;pointer-events:none;font-size:11px;text-shadow:0 1px 5px #000}.live-pill{background:#1d2a1be6;border:1px solid #3b5230;color:var(--green);padding:5px 8px;border-radius:4px;letter-spacing:1px;font-size:9px;font-weight:650;display:flex;align-items:center;gap:5px}.live-pill i{width:5px;height:5px;background:var(--green);border-radius:50%}.player-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 24px;background:radial-gradient(ellipse at center,#1c281b66,transparent 70%),#0d130f;text-align:center;z-index:1}.camera-symbol{width:72px;height:72px;border:1px solid #344132;border-radius:20px;background:#1c281b;color:#9ebc85;display:grid;place-items:center;margin-bottom:12px}.player-message h2{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:12px 0 8px}.player-message p{font-size:12px;color:var(--muted);max-width:340px;line-height:1.7;margin:0 0 23px}.player-message.connecting .camera-symbol{animation:pulse 1.7s ease infinite}.player-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none;color:#93a38f;font-size:10px}.player.playing .player-bottom{display:none}.player.playing .player-top{opacity:.75}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.dot.muted{background:#68786b}.player-label{font-size:9px;letter-spacing:1.7px}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px}.viewer-toolbar strong{display:block;font-size:13px;font-weight:550}.viewer-toolbar span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.toolbar-actions{display:flex;gap:9px;align-items:center}.camera-panel{background:#161d18;border:1px solid var(--line);border-radius:10px;overflow:hidden;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:13px;font-weight:550;margin:0}.panel-heading>span{font-size:10px;color:#839286}.camera-list{padding:8px;max-height:563px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c4e3c transparent}.camera-item{width:100%;border:1px solid transparent;color:#d1dbd0;display:flex;align-items:center;gap:12px;padding:12px 9px;background:none;text-align:left;border-radius:7px;margin:3px 0}.camera-item.selected{border-color:#4c613c;background:#263022}.camera-number{height:34px;width:41px;display:grid;place-items:center;border:1px solid #384338;background:#202a21;color:#a8ba99;font-size:12px;border-radius:6px;font-variant-numeric:tabular-nums}.camera-item.selected .camera-number{color:var(--green);border-color:#53673d;background:#354329}.camera-item b{font-size:12px;font-weight:500}.camera-item small{display:block;margin-top:5px;font-size:10px;color:#7e9081}.camera-item.selected small{color:#b7ce9c}.camera-item .camera-arrow{margin-left:auto;color:#819873}.view-note{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:10px;align-items:center;color:#7a897b;font-size:10px}.view-note p{margin:0;line-height:1.7}.view-note>span:first-child{color:#9aa987;font-size:15px}.small-label{margin-left:auto;font-size:8px;letter-spacing:1px;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:22px 0;margin-top:36px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#5f7063}.footer span:last-child{letter-spacing:0}.notice{padding:13px 15px;background:#302b1b;border:1px solid #53472a;color:#ddc992;font-size:12px;border-radius:8px;line-height:1.6;margin:0 0 14px}.playback-panel{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#1b231c;border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:22px}.playback-panel p{margin:5px 0 0;color:var(--muted);font-size:11px}.playback-panel label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#a8b5a7}.playback-panel input{color-scheme:dark;background:#101712;color:#e2e8dc;border:1px solid #3b4939;border-radius:6px;padding:9px;font:12px inherit}.playback-panel small{width:100%;color:#788b78;font-size:10px}.playback-panel button{margin-top:15px}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:#1d291e;position:relative;overflow:hidden;min-height:100dvh;padding:50px 60px;display:flex;flex-direction:column}.login-grid{position:absolute;inset:0;background-image:linear-gradient(#33402b55 1px,transparent 1px),linear-gradient(90deg,#33402b55 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(transparent,#000)}.reticle{position:absolute;right:-110px;top:18%;height:440px;width:440px;border-radius:50%;border:1px solid #536e3e;opacity:.25;box-shadow:0 0 0 55px #789c4a11,0 0 0 110px #789c4a11,0 0 0 165px #789c4a08}.reticle span{position:absolute;inset:90px;border:1px dashed #90b85a;border-radius:50%}.login-brand{display:flex;gap:13px;align-items:center;position:relative;font-size:14px;letter-spacing:2px}.login-brand span{font-weight:400;color:#a6b198}.login-copy{margin:auto 0;position:relative;padding:100px 0}.login-copy h1{font-size:clamp(40px,4.5vw,70px);line-height:1.12;font-weight:450;letter-spacing:-3px;color:#ebf3dd}.login-copy>.eyebrow{color:#bbd991;margin-bottom:24px;font-size:9px}.login-copy p:last-child{font-size:13px;line-height:1.8;color:#a0af96;margin-top:28px}.login-foot{font-size:9px;letter-spacing:2px;color:#73826b;position:relative}.login-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:350px;max-width:calc(100% - 48px);margin:auto}.lock-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3d4c35;border-radius:12px;background:#263121;color:var(--green);font-size:25px;margin-bottom:35px}.login-form h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0 0 16px}.login-form>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin:0}.google-button{margin-top:32px;background:#f1f3eb;color:#1a2418;border-radius:7px;display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px;font-size:12px;font-weight:600}.login-form .login-error{color:#e5a79a!important;min-height:25px;margin-top:10px!important}.private-note{font-size:10px;color:#7c8d79;border-top:1px solid var(--line);width:100%;padding-top:23px;margin-top:20px}.private-note .dot{width:5px;height:5px}.login-form>.eyebrow{color:#819472;font-size:9px} @keyframes pulse{50%{opacity:.4;transform:scale(.95)}}@media(min-width:1600px){.watch-layout{grid-template-columns:minmax(0,1fr) 280px}.player{aspect-ratio:16/10}.camera-list{max-height:680px}}@media(max-width:1150px){.sidebar{width:200px;padding-inline:14px}.main{margin-left:200px;width:calc(100% - 200px);padding:0 24px}.watch-layout{gap:16px;grid-template-columns:minmax(0,1fr) 200px}.small-label{display:none}.topbar-right time{display:none}}@media(max-width:900px){.sidebar{width:76px;padding:25px 12px}.brand{padding:0 7px 25px}.brand>span,.workspace-label,.locations-label,.sidebar-bottom>div:not(.avatar),.sidebar-bottom>button{display:none}.brand img{width:32px;height:32px}.nav-item{font-size:0;padding:13px;justify-content:center}.nav-item span{font-size:21px}.nav-item i{display:none}#locations{margin-top:25px}.location{padding:12px;justify-content:center}.location div,.location i{display:none}.sidebar-bottom{justify-content:center}.main{margin-left:76px;width:calc(100% - 76px)}.watch-layout{grid-template-columns:minmax(0,1fr)}.camera-panel{margin-top:5px}.camera-list{display:grid;grid-template-columns:repeat(4,1fr);max-height:260px}.camera-item{padding:8px;gap:8px}.camera-item .camera-arrow{display:none}.camera-number{width:28px;height:30px;font-size:10px;flex:none}.camera-item b{font-size:11px}.camera-item small{font-size:9px}.player{aspect-ratio:16/10}.login-art{padding:40px}.login-copy h1{font-size:47px}.login-form h2{font-size:25px}}@media(max-width:600px){.sidebar{position:static;width:100%;padding:16px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);height:68px}.app{display:block}.brand{padding:0;gap:10px}.brand>span{display:block;font-size:11px}.brand small{display:none}.brand img{width:28px;height:28px}.sidebar nav,.sidebar #locations{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0;border:0}.sidebar-bottom>button{display:block}.avatar{width:30px;height:30px;font-size:11px}.main{margin:0;width:100%;padding:0 18px}.topbar{height:55px}.topbar-right{gap:0}.breadcrumb{font-size:10px}.heading{padding:25px 0 18px;align-items:flex-end}.heading h1{font-size:28px}.heading .eyebrow{font-size:8px}.heading p:last-child{font-size:11px;max-width:230px;line-height:1.6}.heading-actions .secondary{font-size:0;width:34px;height:34px;padding:0}.heading-actions .secondary:before{content:'↻';font-size:20px}.tabs{margin-bottom:18px}.player{aspect-ratio:4/3}.player-top{top:13px;left:13px;font-size:10px}.player-bottom{bottom:12px;left:13px;right:13px;font-size:9px}.player-label{font-size:8px}.camera-symbol{height:50px;width:50px;border-radius:14px}.camera-symbol svg{width:28px}.player-message{padding:45px 16px}.player-message h2{font-size:16px;margin-top:7px}.player-message p{font-size:11px;margin-bottom:16px}.player-message .primary{padding:10px 13px;font-size:11px}.viewer-toolbar{padding:15px 1px}.camera-list{grid-template-columns:repeat(2,1fr);max-height:330px}.camera-panel{margin-top:2px}.view-note{padding:12px 0}.view-note p{font-size:9px}.footer{margin-top:23px;font-size:8px}.playback-panel{padding:15px;gap:12px}.playback-panel>div{width:100%}.playback-panel label{flex:1;min-width:140px}.playback-panel input{width:100%}.playback-panel button{width:100%;margin:0}.login-page{display:block}.login-art{min-height:250px;height:37dvh;padding:26px}.login-copy{padding:24px 0;margin:auto 0 0}.login-copy h1{font-size:36px;letter-spacing:-1.7px}.login-copy p:last-child,.login-foot{display:none}.login-copy>.eyebrow{font-size:8px;margin-bottom:12px}.login-brand{font-size:11px}.login-brand img{width:28px;height:28px}.reticle{height:260px;width:260px;top:70px}.login-form{padding:35px 0 28px}.lock-icon{display:none}.login-form h2{font-size:25px}.google-button{margin-top:24px}.private-note{margin-top:4px}}
/* Live grid */
.grid-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.grid-options,.grid-pages{display:flex;align-items:center;gap:8px}.grid-options>span,.grid-pages>span{font-size:12px;color:var(--muted,#8b9b8f)}.grid-bar button{border:1px solid #34402f;background:#192219;color:#dce7d7;border-radius:8px;padding:9px 14px;cursor:pointer}.grid-bar button.active{background:#c8f774;color:#152013}.grid-bar button:disabled{opacity:.35;cursor:default}.grid-section{display:none}.grid-view .grid-section{display:block}.grid-view .watch-layout{display:none}.grid-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:#a7b49e}.grid-info>div{display:flex;gap:8px}.camera-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:12px}.grid-tile{position:relative;aspect-ratio:4/3;background:#070c08;border:1px solid #303b2c;border-radius:10px;overflow:hidden;min-width:0}.grid-tile video{width:100%;height:100%;object-fit:contain}.tile-open{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer;z-index:1}.tile-open:focus-visible{outline:3px solid #c8f774;outline-offset:-4px}.grid-tile>b{position:absolute;left:8px;top:8px;font-size:12px;background:#0a100bd9;padding:5px 8px;border-radius:5px;pointer-events:none}.tile-status{position:absolute;bottom:8px;left:8px;right:8px;font-size:11px;color:#c5d2bd;background:#0a100bd9;padding:5px;border-radius:4px;pointer-events:none}.grid-tile.playing .tile-status{color:#c8f774}.tile-retry{position:absolute;z-index:2;top:45%;left:50%;transform:translateX(-50%);padding:8px;border:1px solid #79896b;border-radius:6px;background:#1d2b17;color:#e5efdd;cursor:pointer}.grid-hint{font-size:12px;color:#899981;margin-top:14px} [hidden]{display:none!important}
@media(max-width:650px){.grid-bar{flex-wrap:wrap}.grid-pages{margin-left:auto}.camera-grid{gap:5px}.grid-tile>b{font-size:10px;left:3px;top:3px;padding:3px}.tile-status{font-size:9px;left:3px;right:3px;bottom:3px;padding:2px}.tile-retry{font-size:10px;padding:3px}.grid-info .secondary{padding:7px;font-size:11px}}
.tile-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-retry{white-space:nowrap}
/* Edge-to-edge CCTV wall. Controls overlay the video and reserve no space. */
body.app{display:block;background:#000;height:100dvh;min-height:0;overflow:hidden}
.app .main{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;display:grid;place-items:center;background:#000}
.app .topbar,.app .heading,.app .tabs,.app .footer,.app .view-note,.app .grid-hint,.app .grid-info,.app .viewer-toolbar{display:none}
.app .grid-section{width:100%;height:100%;align-items:center;justify-content:center}
.app.grid-view .grid-section{display:flex}
.app .camera-grid{width:min(100vw,177.777778dvh);grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:0;margin:0;padding:0}
.app .grid-tile{aspect-ratio:16/9;border:0;border-radius:0;margin:0;background:#000}
.app .grid-tile video{object-fit:contain;display:block}
.app .watch-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:0}
.app.grid-view .watch-layout{display:none}
.app .viewer-column{width:min(100vw,177.777778dvh)}
.app .player{width:100%;aspect-ratio:16/9;border:0;border-radius:0;background:#000}
.app .sidebar{display:none;position:fixed;z-index:40;inset:64px auto 16px 12px;width:280px;height:auto;max-width:calc(100vw - 24px);padding:18px;background:#101713f2;backdrop-filter:blur(18px);border:1px solid #354336;border-radius:14px;overflow:auto}
.app.menu-open .sidebar{display:flex;flex-direction:column;align-items:stretch}
.app .sidebar .brand{padding:0 0 12px}.app .sidebar .brand>span{display:block}.app .sidebar .brand small{display:block}
.app .sidebar nav,.app .sidebar #locations{display:block}.app .sidebar #locations{margin-top:0}
.app .sidebar .nav-item{font-size:13px;justify-content:flex-start;padding:10px}
.app .sidebar .locations-label{display:flex;margin-top:18px}.app .sidebar .workspace-label{display:none}
.app .sidebar .location{justify-content:flex-start}.app .sidebar .location div,.app .sidebar .location i{display:block}
.app .sidebar .sidebar-bottom{display:flex;justify-content:flex-start;margin:15px 0 0;padding-top:12px}
.app .sidebar .sidebar-bottom>div,.app .sidebar .sidebar-bottom>button{display:block}
.app .camera-panel{margin-top:16px;max-height:40dvh;overflow:auto}.app .camera-list{display:block;max-height:none}.app .camera-item{padding:8px}
.wall-top,.app .grid-bar,.wall-focus-controls{position:fixed;z-index:30;display:flex;align-items:center;gap:8px;background:#101713d9;backdrop-filter:blur(14px);border:1px solid #40513a88;border-radius:12px;padding:7px;box-shadow:0 4px 24px #0005}
.wall-top{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;justify-content:space-between;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;pointer-events:none}
.wall-top>div{display:flex;align-items:center;gap:8px;background:#101713df;backdrop-filter:blur(14px);padding:6px;border:1px solid #40513a88;border-radius:12px;pointer-events:auto}
.wall-top button,.wall-focus-controls button{background:#1b271b;border:1px solid #3b4b35;border-radius:7px;color:#dfead7;min-height:36px;padding:7px 12px;font-size:12px}
.wall-top .wall-title{font-size:12px;margin:0 8px;color:#d2dfc8}.wall-top button.active{color:#c8ee8b}
.app .grid-bar{bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:center;gap:10px}
.app .grid-bar button{padding:8px 12px}.app .grid-options,.app .grid-pages{gap:6px}
.wall-focus-controls{bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}
.app .playback-panel{position:fixed;z-index:30;top:68px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;margin:0;background:#101713ef;backdrop-filter:blur(14px)}
.app .notice{position:fixed;z-index:35;bottom:78px;left:50%;transform:translateX(-50%);max-width:90vw}
.app .player-top{top:10px}.app .player-message{padding:25px}.app .camera-symbol{width:44px;height:44px;margin-bottom:0}
.app.controls-hidden .wall-top,.app.controls-hidden .grid-bar,.app.controls-hidden .wall-focus-controls,.app.controls-hidden .playback-panel,.app.controls-hidden .sidebar{display:none!important}
.wall-reveal{position:fixed;z-index:50;right:12px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid #58694d;border-radius:50%;width:38px;height:38px;background:#101713b3;color:#d7e6c8;font-size:20px;display:none}
.app.controls-hidden .wall-reveal{display:block}
.app.controls-hidden .grid-tile>b,.app.controls-hidden .tile-status,.app.controls-hidden .player-top{opacity:0}
@media(max-width:600px){.wall-top .wall-title{display:none}.wall-top{left:8px;right:8px;gap:5px}.wall-top button{padding:6px 9px;font-size:11px}.app .grid-options>span{display:none}.app .grid-bar{gap:5px;padding:5px}.app .grid-bar button{padding:7px 10px}.app .grid-pages{margin-left:0}.app .grid-pages>span{font-size:10px}.app .playback-panel{width:calc(100vw - 24px);padding:12px}.app .playback-panel>div,.app .playback-panel small{display:none}.app .player-message h2{font-size:13px;margin:4px}.app .player-message p{font-size:10px;margin-bottom:8px}.app .player-message .camera-symbol{display:none}}
.app:not(.grid-view) .grid-bar{bottom:64px}
/* Display the complete recorder picture at the requested 16:9 ratio. */
.app .grid-tile video,.app .player video{width:100%;height:100%;object-fit:fill}