/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.block{display:block}.hidden{display:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{color-scheme:light;--bg:#f5f6f4;--surface:#fff;--text:#1b2924;--muted:#52645c;--line:#c2cdc6;--accent:#216447;--on-accent:#fff;--tint:#e6efe8;--danger:#b12e35;--on-danger:#fff;--sidebar:#edf1ed;--focus:#347c57;--radius:12px;color:var(--text);background:var(--bg);accent-color:var(--accent);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.55}:root[data-theme=dark]{color-scheme:dark;--bg:#131a17;--surface:#1c2620;--text:#edf4ef;--muted:#b3c3b8;--line:#52665a;--accent:#8ad0a8;--on-accent:#14251a;--tint:#2c4234;--danger:#ffabb0;--on-danger:#3d1317;--sidebar:#17201b;--focus:#8ad0a8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:700;line-height:1.35}h2{font-size:1.15rem;font-weight:650;line-height:1.4}h3{font-size:1rem;font-weight:650}p{max-width:70ch}strong{font-weight:650}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input{caret-color:var(--accent)}input::placeholder{color:var(--muted);opacity:1}.button{white-space:normal;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-size:.9rem;font-weight:600;line-height:1.35;transition:background .16s,color .16s;display:inline-flex}.button-outline{background:var(--surface);border:1px solid var(--line);color:var(--text)}.button-outline:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--tint)}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover:not(:disabled){filter:brightness(1.08)}.button-ghost{color:var(--text);background:0 0}.button-danger{background:var(--danger);color:var(--on-danger)}.button-danger:hover:not(:disabled){filter:brightness(.92)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.end{justify-content:flex-end}.muted,.hint{color:var(--muted)}.hint{font-size:.85rem;line-height:1.65}.success{color:var(--accent)}.danger-text{color:var(--danger)}.skip{background:var(--accent);color:var(--on-accent);z-index:100;padding:12px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;height:100dvh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;line-height:1.25;display:flex}.brand>svg{color:var(--accent)}.brand strong{margin-top:3px;font-size:.82rem;font-weight:500;display:block}.nav-label{color:var(--muted);margin:32px 12px 12px;font-size:.75rem}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.nav-item{min-height:44px;color:var(--muted);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:10px 13px;font-size:.9rem;display:flex}.nav-item:hover{background:var(--tint);color:var(--text)}.nav-item.active{background:var(--tint);color:var(--accent);font-weight:650}.sidebar footer{flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding:22px 10px 0;font-size:.78rem;display:flex}.sidebar footer .muted{width:100%;padding-left:13px}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);height:76px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 36px;font-size:.85rem;display:flex}.topbar strong{color:var(--text);font-weight:500}.mobile-menu{display:none}.workspace main{flex:1;width:100%;min-width:0;max-width:1640px;margin:0 auto;padding:36px 40px 90px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.page-heading p{color:var(--muted);margin-top:8px;font-size:.95rem}.workspace-footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 40px;font-size:.78rem}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 16px;display:flex}.section-title:first-child{margin-top:0}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.camera-view{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.video-host{aspect-ratio:16/9;background:#080e0b;justify-content:center;align-items:center;min-width:0;display:flex}.video-host>kkt-live{width:100%;height:100%;display:block}kkt-live video{object-fit:contain;width:100%;height:100%;display:block}.video-host:fullscreen{aspect-ratio:auto;background:#000}.camera-caption{justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.camera-caption span{color:var(--muted);margin-top:3px;font-size:.8rem;display:block}.camera-caption .row{flex-wrap:nowrap}.camera-caption .button{min-width:44px;padding:8px}.health-strip{border-block:1px solid var(--line);align-items:center;gap:16px;margin:22px 0;padding:22px 0;display:flex}.health-strip>svg{color:var(--accent);width:28px;height:28px}.health-strip strong,.health-strip span{display:block}.health-strip span{color:var(--muted);margin-top:3px;font-size:.85rem}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:28px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:3px solid #0000;padding:13px 2px;font-size:.95rem}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text);font-weight:650}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.toolbar p{margin-top:6px}.count{border:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.8rem;display:inline-flex}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.photo{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;display:block;overflow:hidden}.photo.selected{outline:2px solid var(--accent);outline-offset:1px;background:var(--tint)}label.photo{cursor:pointer}.photo-image{aspect-ratio:4/3;background:var(--sidebar);position:relative;overflow:hidden}.photo-image img{object-fit:cover;width:100%;height:100%}.photo-image input[type=checkbox]{cursor:pointer;width:25px;height:25px;margin:0;position:absolute;inset:12px auto auto 12px;box-shadow:0 1px 5px #0006}.photo-meta{overflow-wrap:anywhere;flex-direction:column;gap:3px;padding:12px 14px;font-size:.78rem;display:flex}.photo-meta strong{font-size:.88rem}.photo-meta span{color:var(--muted)}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:28px 0;font-size:.85rem;display:flex}.selection-bar{background:var(--surface);border:1px solid var(--line);z-index:10;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:14px 18px;display:flex;position:sticky;bottom:18px;box-shadow:0 8px 24px #0002}.person-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.person-tabs span{opacity:.85;font-size:.8rem}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:12px;margin:20px 0;padding:64px 20px}.empty>svg{width:36px;height:36px;margin:0 auto 16px}.empty h2{color:var(--text);margin-bottom:10px}.empty p{max-width:48ch;margin:auto}.notice{background:var(--tint);overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;max-width:none;margin:18px 0;padding:16px 20px;font-size:.9rem;display:flex}.notice.error{background:var(--surface);color:var(--danger);border:1px solid var(--danger)}.loading{color:var(--muted);align-items:center;gap:12px;min-height:160px;padding:48px 16px;display:flex}.loading svg{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}label{flex-direction:column;gap:7px;font-size:.9rem;font-weight:500;display:flex}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.check{flex-direction:row;align-items:center;gap:10px;min-height:44px;font-weight:400}.form-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:20px;max-width:720px;margin:16px 0;padding:26px;display:flex}.form-panel>p{color:var(--muted);font-size:.9rem}.form-panel>.button{align-self:flex-start}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.split>section{min-width:0}.split>section>h2{margin:24px 0 16px}.upload-area{border:1px dashed var(--line);text-align:center;background:var(--bg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:170px;padding:28px 20px;position:relative}.upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.upload-area span{color:var(--muted);font-size:.8rem}.upload-area:focus-within{outline:3px solid var(--focus)}.import-form .photo-grid{margin-top:28px}.list{border-top:1px solid var(--line);margin:22px 0}.list-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;padding:18px 0;display:flex}.list-row>div{min-width:0}.list-row>div>span{margin-top:4px;display:block}.list-row>span{overflow-wrap:anywhere;font-size:.9rem}.camera-editor{border-bottom:1px solid var(--line);grid-template-columns:28px 2fr 1.2fr .7fr auto;align-items:center;gap:16px;padding:22px 0;display:grid}.camera-editor .hint{grid-column:2/-1}.filterbar{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:20px 0 28px;display:flex}.filterbar label{flex:1;min-width:150px}.history{margin-top:32px}.history>video{background:#080e0b;border-radius:12px;width:100%;max-height:70dvh;margin:20px 0}.event-row{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;align-items:center;gap:16px;padding:18px 2px;display:flex}.event-row:hover{background:var(--tint)}.event-row>span:nth-child(2){flex:1;min-width:0}.event-row strong,.event-row .muted{display:block}.event-row .muted{margin-top:4px;font-size:.8rem}.event-row>span:last-child{flex-shrink:0;align-items:center;gap:8px;font-size:.8rem;display:flex}.event-icon{background:var(--tint);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.detail-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:24px;padding:20px}.detail-panel>video,.detail-panel>img{object-fit:contain;background:#080e0b;width:100%;max-height:60dvh;margin:20px 0}.permission-list>div{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;display:flex}.permission-list strong{width:100%}.invitation{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;margin:24px 0;padding:24px;display:flex}.invitation svg{background:#fff;max-width:100%;height:auto}.device-row>div:nth-child(2){flex:1}.code-small{font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:1.4rem}.dialog-overlay{z-index:80;background:#0008;position:fixed;top:0;right:0;bottom:0;left:0}.dialog{background:var(--surface);color:var(--text);z-index:81;border-radius:14px;width:min(480px,100vw - 32px);padding:28px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 16px 60px #0004}.dialog h2{margin-bottom:16px;font-size:1.3rem}.dialog p{color:var(--muted);margin-bottom:26px}.auth-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{color:#f3f7f3;background:#173d2c;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;padding:12%;display:flex}.auth-story>svg{color:#a6d1b6}.auth-story h1{letter-spacing:-.025em;font-size:2.65rem;line-height:1.4}.auth-story p{color:#cadbce;line-height:1.9}.auth-line{background:#a6d1b6;width:64px;height:3px}.auth-form{flex-direction:column;place-self:center;gap:22px;width:min(100%,500px);padding:48px;display:flex}.auth-form h2{margin-top:20px;font-size:1.65rem}.auth-form form{flex-direction:column;gap:20px;display:flex}.auth-form .button{min-height:50px}.pair-code{font-variant-numeric:tabular-nums;letter-spacing:.14em;text-align:center;background:var(--tint);border-radius:12px;padding:18px;font-size:3rem;font-weight:700}.elder header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.elder main{max-width:1200px;margin:auto;padding:32px 24px}.elder h1{font-size:2rem}.elder main>.muted{margin:12px 0 28px;font-size:1.15rem}.elder .camera-caption strong{font-size:1.25rem}.elder .button{min-height:52px;font-size:1rem}@media(min-width:1600px){.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.workspace main{padding:28px 24px 80px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:0 24px}.sidebar{padding-inline:12px}.split{gap:24px}.camera-editor{grid-template-columns:24px 1fr 1fr}.camera-editor .hint{grid-column:1/-1}}@media(max-width:850px){.app-shell{display:block}.sidebar{z-index:40;width:250px;height:calc(100dvh - 76px);display:none;position:fixed;inset:76px auto 0 0;box-shadow:12px 0 24px #0002}.sidebar.open{display:flex}.sidebar .brand{display:none}.sidebar .nav-label{margin-top:0}.mobile-menu{display:inline-flex}.live-grid{gap:16px}.workspace main{padding:28px 24px 80px}.split{grid-template-columns:1fr}.auth-story{padding:12% 10%}.auth-story h1{font-size:2rem}.auth-form{padding:32px}.form-panel{max-width:none}}@media(max-width:560px){.topbar{height:64px;padding:0 12px}.topbar>.row{gap:2px}.topbar{font-size:.78rem}.sidebar{height:calc(100dvh - 64px);top:64px}.desktop-text{display:none}.workspace main{padding:24px 16px 80px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:26px}.page-heading>.button{min-width:44px;padding:10px}.page-heading>.button span{display:none}.page-heading p{max-width:28ch;font-size:.86rem}.page-heading h1{font-size:1.5rem}.live-grid{grid-template-columns:1fr}.tabs{gap:22px;margin-bottom:24px}.tabs button{font-size:.87rem}.toolbar{flex-wrap:wrap;align-items:flex-start}.toolbar>.button,.toolbar>.row{width:100%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-meta{padding:10px;font-size:.7rem}.photo-meta strong{font-size:.8rem}.photo-image input[type=checkbox]{inset:8px auto auto 8px}.pagination{gap:10px}.pagination .button{padding:10px;font-size:.8rem}.selection-bar{flex-wrap:wrap;gap:12px;padding:12px;font-size:.85rem;bottom:10px}.selection-bar>.row{justify-content:flex-end;width:100%}.selection-bar .button{min-height:44px;font-size:.82rem}.notice{padding:14px;font-size:.84rem}.form-panel{gap:18px;padding:20px}.split{gap:16px}.filterbar{gap:12px}.filterbar label{min-width:calc(50% - 8px)}.filterbar .button{width:100%}.event-row{gap:10px}.event-row>span:last-child{font-size:0}.event-row>span:last-child svg{width:18px}.device-row{flex-wrap:wrap;gap:14px}.device-row>.row{margin-left:auto}.camera-editor{grid-template-columns:1fr 1fr;gap:12px}.camera-editor>svg{display:none}.camera-editor>label:first-of-type,.camera-editor>.button,.camera-editor .hint{grid-column:1/-1}.list-row{align-items:flex-start;gap:14px}.list-row>strong{flex:1}.list-row>span{flex:1;font-size:.85rem}.workspace-footer{padding:20px 16px;font-size:.7rem}.auth-page{flex-direction:column;display:flex}.auth-story{gap:12px;padding:28px 28px 32px}.auth-story>svg{width:28px;height:28px}.auth-story h1{font-size:1.65rem}.auth-story h1 br,.auth-story p,.auth-line{display:none}.auth-form{place-self:auto;gap:18px;width:100%;padding:28px}.auth-form>.brand{display:none}.auth-form h2{margin-top:0}.auth-form .hint{font-size:.78rem}.pair-code{font-size:2.6rem}.elder header{padding:16px}.elder main{padding:24px 16px}.elder h1{font-size:1.7rem}.empty{padding:44px 20px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.overview-grid{grid-template-columns:minmax(0,1fr) 300px;gap:32px;display:grid}.overview-grid .live-grid{grid-template-columns:minmax(0,1fr)}.status-pane{border-left:1px solid var(--line);padding:4px 0 0 24px}.status-pane>.hint{margin-top:8px}.status-pane .list{margin-top:16px}.status-pane .notice{padding:14px;font-size:.82rem}.status-pane .health-strip{padding-block:18px}.config-diff{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-width:100%;padding:16px;font-size:.78rem;line-height:1.7;overflow:auto}details summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.9rem}@media(max-width:1180px){.overview-grid{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.status-pane{padding-left:20px}}@media(max-width:1000px){.overview-grid{grid-template-columns:minmax(0,1fr)}.status-pane{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.status-pane .list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.status-pane .notice{max-width:70ch}}@media(max-width:560px){.status-pane .list{gap:0 16px}.status-pane .list-row strong{flex:0}.status-pane .list-row span{font-size:.8rem}}.status-pane .list-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.playback>video{background:#080e0b;border-radius:12px;width:100%;max-height:70dvh;margin:20px 0}.overview-grid>*,.overview-grid .live-grid,.camera-view,.status-pane{min-width:0;max-width:100%}.status-pane .list-row>span,.status-pane .health-strip>div{overflow-wrap:anywhere;min-width:0}.camera-controls{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;padding:16px 18px;display:flex}.ptz-pad{grid-template-columns:repeat(3,minmax(64px,1fr));gap:8px;width:100%;max-width:320px;display:grid}.ptz-pad .button{flex-direction:column;gap:2px;min-height:52px;padding:8px}.ptz-pad span{font-size:.8rem}.ptz-up{grid-area:1/2}.ptz-left{grid-area:2/1}.ptz-stop{grid-area:2/2}.ptz-right{grid-area:2/3}.ptz-down{grid-area:3/2}.recording-list{margin:20px 0}.recording-row{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;align-items:center;gap:16px;padding:18px 4px;display:flex}.recording-row>span:nth-child(2){flex:1;min-width:0}.recording-row strong,.recording-row .muted{display:block}.recording-row .muted{font-size:.85rem}.recording-row>span:last-child{align-items:center;gap:6px;font-size:.9rem;display:flex}.recording-row:hover,.recording-row.selected{background:var(--tint)}.event-snapshot{margin:20px 0}.event-snapshot figcaption{margin-bottom:10px;font-weight:650}.event-snapshot img{object-fit:contain;background:#080e0b;border-radius:12px;width:100%;max-height:55dvh}.playback-tools{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.detail-panel{overflow-wrap:anywhere;scroll-margin-top:20px}.detail-panel>h3{margin-top:24px}.history .row{margin-top:16px}@media(max-width:560px){.recording-row{gap:10px}.recording-row strong{font-size:.92rem}.recording-row>span:last-child{font-size:.82rem}.playback-tools .button{flex:1;padding:10px 8px;font-size:.82rem}.detail-panel{padding:14px}.camera-controls{padding:16px}}.media-frame{background:#080e0b;width:100%;min-width:0}.media-content{width:100%;height:100%}.camera-rotation-180 video,.camera-rotation-180 img{transform:rotate(180deg)}body.media-expanded{overflow:hidden}.landscape-expanded{z-index:200;color:#edf4ef;background:#080e0b;flex-direction:column;width:100dvw;max-width:none;height:100dvh;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.landscape-expanded:fullscreen{z-index:200;color:#edf4ef;background:#080e0b;flex-direction:column;width:100dvw;max-width:none;height:100dvh;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.landscape-expanded>.media-content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.landscape-expanded .video-host{aspect-ratio:auto;width:100%;height:100%}.landscape-expanded video{object-fit:contain;width:100%;height:100%;border-radius:0!important;max-height:none!important;margin:0!important}.landscape-toolbar{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));color:#edf4ef;background:#17201b;flex-shrink:0;align-items:center;gap:8px;min-height:60px;display:flex}.landscape-toolbar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.landscape-toolbar .button{color:#edf4ef;background:#1c2620;border-color:#52665a;min-height:44px;padding:8px 12px}.landscape-tools{background:var(--surface);width:min(280px,46%);max-height:calc(100% - 84px);color:var(--text);border:1px solid var(--line);border-radius:12px;position:absolute;bottom:72px;right:12px;overflow:auto}.landscape-tools .camera-controls{border:0;padding:10px}.landscape-tools .ptz-pad{grid-template-columns:repeat(3,minmax(44px,1fr));gap:4px}.landscape-tools .ptz-pad .button{min-height:44px;padding:4px}.landscape-tools .hint{font-size:.75rem}.landscape-expanded video::-webkit-media-controls-fullscreen-button{display:none}@media(orientation:portrait){.landscape-expanded{width:100dvh;height:100dvw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.landscape-expanded:fullscreen{width:100dvh;height:100dvw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}@media(max-height:440px)and (orientation:landscape){.landscape-toolbar{min-height:52px;padding-block:4px}.landscape-tools{max-height:calc(100% - 70px);bottom:60px}}.camera-settings{border-bottom:1px solid var(--line);padding:24px 0}.camera-settings .toolbar{margin-top:0}.camera-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.camera-direction{border:0;border-block:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr);gap:16px 24px;margin:24px 0;padding:20px 0;display:grid}.camera-direction legend{padding-right:16px;font-weight:650}.camera-direction>.hint{grid-column:1/-1}.camera-save{margin-top:20px}.camera-source{margin-top:22px}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:20px 0;display:grid}.metadata-grid>div{border-bottom:1px solid var(--line);min-width:0;padding:14px 0}.metadata-grid dt{color:var(--muted);margin-bottom:5px;font-size:.82rem}.metadata-grid dd{overflow-wrap:anywhere;margin:0;font-size:.95rem}.event-detail{margin:0 0 28px}.event-detail:focus{outline:none}.event-detail:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.playback>.media-frame{border-radius:12px;margin:20px 0;overflow:hidden}.playback .media-content>video{object-fit:contain;width:100%;max-height:70dvh;display:block}.playback>.landscape-expanded{border-radius:0;margin:0}.landscape-expanded .media-content>video{max-height:none}.event-facts{margin-top:0}@media(max-width:560px){.camera-field-grid{grid-template-columns:minmax(0,1fr)}.camera-settings{padding-block:20px}.camera-direction{grid-template-columns:minmax(0,1fr);gap:14px}.metadata-grid{gap:0 16px}.metadata-grid dd{font-size:.88rem}.camera-settings .camera-save>.button{width:100%}.event-detail .toolbar>.button{width:auto}.landscape-toolbar{font-size:.85rem}}.media-frame video::-webkit-media-controls-fullscreen-button{display:none}.event-summary{margin-bottom:16px}.event-detail .event-snapshot{margin-top:12px}.camera-caption>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}