:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f4;--surface:#fff;--surface-2:#f0f2ef;--surface-hover:#f3f5f2;--border:#e3e6e1;--border-strong:#d2d7d0;--text:#19211d;--text-2:#4f5a54;--text-3:#7d877f;--accent:#1f5c43;--accent-hover:#184c37;--accent-soft:#e5f0ea;--accent-text:#1c5640;--on-accent:#fff;--attention:#a2610c;--attention-soft:#fcf1de;--attention-border:#f0d8ad;--danger:#b4372f;--danger-soft:#fbeceb;--good:#2f8a5b;--chart-bar:#3ea173;--chart-bar-today:#1f5c43;--shadow-sm:0 1px 2px #141e190d;--shadow:0 1px 2px #141e190a, 0 4px 16px #141e190d;--shadow-lg:0 12px 40px #141e1929;--radius:12px;--radius-sm:8px;--sidebar:248px;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "tnum";font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#101412;--surface:#171c19;--surface-2:#1e2420;--surface-hover:#1f2622;--border:#29312c;--border-strong:#36403a;--text:#e7ece8;--text-2:#b0bab3;--text-3:#808b84;--accent:#3f9a70;--accent-hover:#4aab7e;--accent-soft:#1b3127;--accent-text:#7fcca5;--on-accent:#08130d;--attention:#e9a64a;--attention-soft:#2e2414;--attention-border:#4b3a1c;--danger:#ef7c73;--danger-soft:#341b19;--good:#57c08a;--chart-bar:#2f9a66;--chart-bar-today:#67c193;--shadow-sm:none;--shadow:0 1px 0 #ffffff05;--shadow-lg:0 16px 48px #00000080}}:root[data-theme=dark]{--bg:#101412;--surface:#171c19;--surface-2:#1e2420;--surface-hover:#1f2622;--border:#29312c;--border-strong:#36403a;--text:#e7ece8;--text-2:#b0bab3;--text-3:#808b84;--accent:#3f9a70;--accent-hover:#4aab7e;--accent-soft:#1b3127;--accent-text:#7fcca5;--on-accent:#08130d;--attention:#e9a64a;--attention-soft:#2e2414;--attention-border:#4b3a1c;--danger:#ef7c73;--danger-soft:#341b19;--good:#57c08a;--chart-bar:#2f9a66;--chart-bar-today:#67c193;--shadow-sm:none;--shadow:0 1px 0 #ffffff05;--shadow-lg:0 16px 48px #00000080}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,p,dl,dd,figure{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:9px;place-items:center;padding-bottom:3px;font:600 25px/1 Georgia,serif;display:grid}.brand-name{letter-spacing:-.6px;font-size:19px;font-weight:650}.brand-name span{color:var(--text-3);letter-spacing:0;margin-left:5px;font-size:14px;font-weight:400}.boot{opacity:.6;place-items:center;min-height:100vh;display:grid}.button{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13.5px;font-weight:550;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.button.secondary:hover:not(:disabled){background:var(--surface-hover)}.button.ghost{color:var(--text-2)}.button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.ghost.danger{color:var(--danger);background:0 0}.button.ghost.danger:hover{background:var(--danger-soft)}.button.small{height:30px;padding:0 10px;font-size:12.5px}.button.large{height:44px;font-size:15px}.icon-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-3);place-items:center;display:inline-grid}.icon-button:hover,.icon-button.active{background:var(--surface-2);color:var(--text)}.icon-button.subtle{opacity:0;width:24px;height:24px;margin-left:4px;transition:opacity .15s}.link{color:var(--accent-text);align-items:center;gap:5px;font-size:13px;font-weight:550;display:inline-flex}.link:hover{text-decoration:underline}.login{grid-template-columns:minmax(380px,520px) 1fr;min-height:100vh;display:grid}.login-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:40px 56px;display:flex}.login-form{gap:22px;margin:auto 0;padding:40px 0;display:grid}.login-form h1{letter-spacing:-.8px;font-size:30px;font-weight:650}.login-form p{color:var(--text-2);margin-top:8px}.login-panel footer{color:var(--text-3);font-size:12px}.field{gap:7px;font-size:13px;font-weight:550;display:grid}.input-with-action{display:flex;position:relative}.input-with-action input{padding-right:44px}.input-with-action .icon-button{position:absolute;top:5px;right:5px}input[type=password],input[type=text],.rename input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:42px;padding:0 12px;font-size:15px;font-weight:400;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[aria-invalid=true]{border-color:var(--danger)}.form-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.login-art{background:radial-gradient(circle at 30% 20%, #3f9a7038, transparent 45%), radial-gradient(circle at 75% 80%, #1f5c4340, transparent 50%), var(--bg);position:relative;overflow:hidden}.art-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-2);border-radius:14px;align-items:center;gap:12px;padding:16px 20px;font-weight:550;display:flex;position:absolute}.art-card svg{color:var(--accent-text)}.art-card.one{top:24%;left:18%}.art-card.two{top:45%;left:42%}.art-card.three{top:66%;left:22%}.shell{min-height:100vh}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;gap:28px;padding:22px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-link{padding:4px 10px}.nav{gap:2px;display:grid}.nav-item{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-2);text-align:left;align-items:center;gap:11px;padding:0 12px;font-weight:550;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-badge{text-align:center;background:var(--surface-2);min-width:22px;color:var(--text-3);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11.5px;font-weight:600}.nav-item.active .nav-badge{background:var(--surface);color:var(--accent-text)}.nav-badge.attention{background:var(--attention);color:#fff}.sidebar-footer{border-top:1px solid var(--border);gap:6px;margin-top:auto;padding-top:14px;display:grid}.connection{color:var(--text-3);align-items:center;gap:9px;padding:6px 12px;font-size:12px;display:flex}.pulse{background:var(--good);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.pulse:after{content:"";background:inherit;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:0}.connection.lost .pulse{background:var(--attention)}.connection.lost .pulse:after{animation:none}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.logout{color:var(--text-3)}.main{margin-left:var(--sidebar);min-width:0}.page{gap:24px;max-width:1440px;margin:0 auto;padding:36px 40px 64px;display:grid}.main.wide .page{max-width:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{letter-spacing:-.7px;font-size:26px;font-weight:650}.page-header p{color:var(--text-3);margin-top:4px}.banner{align-items:center;gap:10px;padding:11px 40px;font-size:13px;display:flex}.banner.warning{background:var(--attention-soft);color:var(--attention);border-bottom:1px solid var(--attention-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px}.card-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.card-header h2{letter-spacing:-.2px;font-size:15px;font-weight:620}.card-header>span{color:var(--text-3);font-size:12.5px}.muted-block{color:var(--text-3);padding:12px 0}.callout{border-radius:var(--radius);background:var(--attention-soft);border:1px solid var(--attention-border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.callout-icon{background:var(--surface);width:40px;height:40px;color:var(--attention);border-radius:10px;place-items:center;display:grid}.callout-text{flex:1;min-width:220px;display:grid}.callout-text span{color:var(--text-2);font-size:13px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);align-content:start;gap:4px;padding:18px 20px;display:grid}.stat-label{color:var(--text-3);align-items:center;gap:8px;font-size:12.5px;font-weight:550;display:flex}.stat-value{letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.25}.stat-note{color:var(--text-3);font-size:12.5px}.stat.attention{border-color:var(--attention-border)}.stat.attention .stat-note{color:var(--attention);font-weight:550}.meter{background:var(--surface-2);border-radius:4px;height:4px;margin-top:8px;display:block;overflow:hidden}.meter span{background:var(--accent);border-radius:4px;height:100%;display:block}.meter span.warning{background:var(--attention)}.meter span.critical{background:var(--danger)}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px;display:grid}.chart{gap:8px;display:grid}.chart-plot{height:180px;margin-left:28px;position:relative}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid span{border-top:1px dashed var(--border);height:0;position:relative}.chart-grid span:last-child{border-top:1px solid var(--border-strong)}.chart-grid em{color:var(--text-3);font-size:11px;font-style:normal;position:absolute;top:-8px;right:calc(100% + 8px)}.chart-bars{grid-template-columns:repeat(14,1fr);gap:2px;display:grid;position:absolute;inset:0}.chart-col{outline-offset:0;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.chart-col:hover,.chart-col:focus-visible{background:var(--surface-2);border-radius:6px}.chart-bar{background:var(--chart-bar);border-radius:4px 4px 0 0;width:min(60%,26px);min-height:0;transition:height .4s}.chart-col.today .chart-bar{background:var(--chart-bar-today)}.chart-tip{z-index:2;background:var(--text);color:var(--surface);white-space:nowrap;text-align:center;border-radius:8px;padding:6px 10px;font-size:12px;display:none;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%,4px)}.chart-tip strong{font-size:14px;display:block}.chart-col:hover .chart-tip,.chart-col:focus-visible .chart-tip{display:block}.chart-axis{color:var(--text-3);text-align:center;grid-template-columns:repeat(14,1fr);margin-left:28px;font-size:11px;display:grid}.chart-axis span:last-child{color:var(--text-2);font-weight:600}.mini-devices{margin:0;padding:0;list-style:none;display:grid}.mini-devices li{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.mini-devices li:first-child{border-top:0;padding-top:0}.mini-devices li>div{flex:1;min-width:0;display:grid}.mini-devices strong{text-overflow:ellipsis;white-space:nowrap;font-weight:580;overflow:hidden}.mini-devices span{color:var(--text-3);font-size:12.5px}.mini-count{text-align:right;font-weight:600;color:var(--text)!important;font-size:14px!important}.mini-count small{color:var(--text-3);font-size:11px;font-weight:400;display:block}.dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.online{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 20%, transparent)}.dot.pending{background:var(--attention)}.dot.blocked{background:var(--danger)}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.segmented button{width:34px;height:28px;color:var(--text-3);border-radius:7px;place-items:center;display:grid}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--border-strong);background:var(--surface);height:32px;color:var(--text-2);border-radius:99px;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:550;display:inline-flex}.chip span{color:var(--text-3);font-size:12px;font-weight:500}.chip:hover{background:var(--surface-hover)}.chip.active{background:var(--text);border-color:var(--text);color:var(--surface)}.chip.active span{color:var(--surface);opacity:.7}.day{gap:12px;display:grid}.day-header{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:baseline;gap:10px;padding:10px 0;font-size:15px;font-weight:620;display:flex;position:sticky;top:0}.day-header span{color:var(--text-3);font-size:12.5px;font-weight:500}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.photo-grid.compact{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.photo-grid.recent{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photo{text-align:left;border-radius:var(--radius);gap:8px;display:grid}.photo-frame{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:block;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s,transform .3s;display:block}.photo-frame img.loaded{opacity:1}.photo:hover .photo-frame img{transform:scale(1.03)}.photo:hover .photo-frame{border-color:var(--border-strong)}.photo.fresh .photo-frame{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.photo-mpx,.photo-new{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;bottom:8px}.photo-mpx{color:#fff;background:#00000080;right:8px}.photo-new{background:var(--accent);color:var(--on-accent);left:8px}.photo-meta{padding:0 2px;display:grid}.photo-meta strong{font-size:13.5px;font-weight:600}.photo-meta span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.load-more{justify-content:center;padding:8px 0;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.photo-skeleton{aspect-ratio:3/4}.row-skeleton{height:52px;margin-bottom:10px}.chart-skeleton{height:200px}.stat-skeleton{width:60%;height:37px;display:block}.empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);justify-items:center;gap:10px;padding:56px 24px;display:grid}.empty-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-text);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.empty h3{font-size:16px;font-weight:620}.empty p{color:var(--text-3);max-width:420px;margin-bottom:6px}.section{gap:12px;display:grid}.section-title{align-items:center;gap:10px;font-size:15px;font-weight:620;display:flex}.section-title .count{background:var(--surface-2);color:var(--text-3);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:600}.section-title.attention .pulse{background:var(--attention)}.pending-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px;display:grid}.pending-card{border-color:var(--attention-border);box-shadow:0 0 0 3px var(--attention-soft);gap:16px;display:grid}.pending-card .facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 28px}.pending-card .hint{color:var(--text-3);font-size:12.5px}.pending-card .actions{gap:8px;display:flex}.device-ident{align-items:center;gap:12px;min-width:0;display:flex}.device-ident>div{min-width:0}.device-ident h3{align-items:center;font-size:14.5px;font-weight:600;display:flex}.device-ident p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.device-icon{background:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.pending .device-icon,.pending-card .device-icon{background:var(--attention-soft);color:var(--attention)}.facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 20px;display:grid}.facts dt{color:var(--text-3);font-size:12px}.facts dd{overflow-wrap:anywhere;font-weight:550}.device-code{white-space:nowrap;background:var(--surface-2);border-radius:5px;padding:2px 6px}.device-table{padding:0}.device-row{border-top:1px solid var(--border);grid-template-columns:minmax(220px,1fr) 140px 190px 170px 270px;align-items:center;gap:16px;padding:14px 20px;display:grid}.device-row:first-child{border-top:0}.device-row:hover .icon-button.subtle,.icon-button.subtle:focus-visible{opacity:1}.device-row.blocked .device-ident{opacity:.65}.device-cell.actions{justify-content:flex-end;gap:4px;display:flex}.photos-cell{display:grid}.photos-cell strong{font-weight:580}.photos-cell span{color:var(--text-3);font-size:12px}.device-details{border-radius:var(--radius-sm);background:var(--surface-2);grid-column:1/-1;gap:12px;padding:14px 16px;display:grid}.device-details summary{cursor:pointer;color:var(--text-2);font-size:13px;font-weight:550}.device-details pre{border-radius:var(--radius-sm);background:var(--surface);max-height:320px;margin:10px 0 0;padding:12px;font-size:11.5px;overflow:auto}.rename{flex:1;align-items:center;gap:6px;display:flex}.rename input{height:32px;font-size:14px}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.approved{background:var(--accent-soft);color:var(--accent-text)}.badge.pending{background:var(--attention-soft);color:var(--attention)}.badge.blocked{background:var(--danger-soft);color:var(--danger)}.activity{color:var(--text-3);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.activity .dot{background:var(--border-strong)}.activity.online{color:var(--text)}.activity.online .dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 20%, transparent)}.confirm{border:1px solid var(--border);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:14px;padding:24px}.confirm::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f0c73}.confirm h2{font-size:17px;font-weight:640}.confirm-body{color:var(--text-2);margin-top:8px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.toasts{z-index:100;gap:8px;display:grid;position:fixed;bottom:20px;right:20px}.toast{background:var(--text);max-width:380px;color:var(--surface);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;animation:.2s ease-out toast-in;display:flex}.toast.error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.viewer{z-index:50;color:#eef1ef;background:#0b0d0c;grid-template-rows:auto 1fr;grid-template-columns:1fr;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.viewer.with-info{grid-template-columns:1fr 320px}@keyframes fade{0%{opacity:0}}.viewer-bar{border-bottom:1px solid #1f2522;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px 10px 20px;display:flex}.viewer-title{min-width:0;display:grid}.viewer-title strong{font-weight:600}.viewer-title span{color:#8f9a93;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.viewer-actions{gap:4px;display:flex}.viewer-button{border-radius:var(--radius-sm);color:#cfd6d1;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.viewer-button.icon{justify-content:center;width:36px;padding:0}.viewer-button:hover,.viewer-button.active{color:#fff;background:#1e2421}.viewer-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-stage img{object-fit:contain;cursor:zoom-in;opacity:0;-webkit-user-select:none;user-select:none;width:calc(100% - 144px);height:calc(100% - 40px);transition:opacity .2s;position:absolute;inset:20px 72px}.viewer-stage img.loaded{opacity:1}.viewer-stage.zoomed{display:block;overflow:auto}.viewer-stage.zoomed img{cursor:zoom-out;width:auto;max-width:none;height:auto;position:static}.viewer-nav{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff29}.viewer-nav.prev{left:14px}.viewer-nav.next{right:14px}.viewer-stage.zoomed .viewer-nav{position:fixed}.viewer.with-info .viewer-stage.zoomed .viewer-nav.next{right:334px}.spinner{border:3px solid #2a312d;border-top-color:#8fd1ae;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;position:absolute}.viewer-stage.zoomed .spinner{position:fixed;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.viewer-info{background:#111412;border-left:1px solid #1f2522;flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.viewer-info h2{color:#8f9a93;text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}.viewer-info dl{gap:14px;display:grid}.viewer-info dt{color:#8f9a93;font-size:12px}.viewer-info dd{overflow-wrap:anywhere;font-weight:550}.viewer-info dd small{color:#8f9a93;font-size:12px;font-weight:400;display:block}.viewer-info code{color:#cfd6d1;font-size:11.5px}.viewer-info-actions{gap:6px;display:grid}.viewer-info .button.secondary{color:#eef1ef;background:#1b201d;border-color:#2b322e}.viewer-info .button.secondary:hover{background:#232a26}.viewer-info .button.ghost{color:#cfd6d1}.viewer-info .button.ghost:hover{color:#fff;background:#1b201d}.viewer-hint{color:#6f7a73;margin-top:auto;font-size:12px;line-height:2}kbd{text-align:center;color:#b7c0ba;border:1px solid #2d3430;border-radius:4px;min-width:20px;margin-right:3px;padding:0 5px;font:11px/18px ui-monospace,monospace;display:inline-block}@media (width<=1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.device-row{grid-template-columns:minmax(200px,1fr) 140px 190px}.device-row .photos-cell{display:none}.device-cell.actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=860px){.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{border:0;padding:28px 24px}.sidebar{width:auto;height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--border);flex-direction:row;gap:0;inset:auto 0 0}.brand-link,.connection{display:none}.nav{flex:1;display:flex}.sidebar-footer{border:0;margin:0;padding:0;display:flex}.nav-item{flex-direction:column;flex:1;justify-content:center;gap:2px;height:52px;padding:0 4px;font-size:11px;position:relative}.nav-badge{min-width:18px;margin:0;padding:0 5px;font-size:10px;position:absolute;top:3px;left:calc(50% + 6px)}.nav-item:not(.active) .nav-badge:not(.attention){display:none}.main{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.page{gap:18px;padding:22px 16px 32px}.banner{padding:10px 16px}.stats{gap:10px}.stat{padding:14px}.stat-value{font-size:24px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.photo-grid.compact{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px}.pending-list{grid-template-columns:1fr}.device-row{grid-template-columns:auto 1fr;gap:10px 14px;padding:14px 16px}.device-row .device-ident,.device-row .device-details,.device-cell.actions{grid-column:1/-1}.device-row .photos-cell{grid-column:1/-1;align-items:baseline;gap:8px;display:flex}.pending-card .facts{grid-template-columns:repeat(2,auto)}.icon-button.subtle{opacity:1}.viewer.with-info{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.viewer-info{border-top:1px solid #1f2522;border-left:0;max-height:40vh}.viewer-hint,.viewer-button span{display:none}.viewer-stage img{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}.viewer-nav{width:40px;height:40px}.viewer-nav.prev{left:6px}.viewer-nav.next,.viewer.with-info .viewer-stage.zoomed .viewer-nav.next{right:6px}.toasts{left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.theme-switch{justify-self:start;margin:0 6px 4px}.theme-switch button{width:34px}.theme-switch.with-labels{margin:0}.theme-switch.with-labels button{align-items:center;gap:7px;width:auto;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.settings{max-width:880px}.setting-card{gap:16px;display:grid}.setting-head{align-items:flex-start;gap:14px;display:flex}.setting-head>div{flex:1}.setting-head h2{font-size:15px;font-weight:620}.setting-head p{color:var(--text-3);margin-top:2px;font-size:13px}.setting-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-2);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.setting-icon.danger{background:var(--danger-soft);color:var(--danger)}.setting-body{flex-wrap:wrap;align-items:center;gap:12px;padding-left:50px;display:flex}.setting-status{color:var(--text-3);align-items:center;gap:8px;padding-left:50px;font-size:13px;display:flex}.setting-status.on{color:var(--text-2)}.setting-status.on .dot{background:var(--good)}.inline-field{color:var(--text-2);align-items:center;gap:10px;display:inline-flex}.inline-field input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);text-align:center;width:80px;height:36px;padding:0 10px;font-size:14px;font-weight:600}.inline-field input[aria-invalid=true]{border-color:var(--danger)}.switch{cursor:pointer;flex-shrink:0;margin-top:4px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.switch span[aria-hidden]{background:var(--border-strong);border-radius:99px;width:42px;height:24px;transition:background .15s;position:relative}.switch span[aria-hidden]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled+span{opacity:.5}.switch:has(input:disabled){cursor:default}.viewer-button.danger:hover{color:#ff9b93;background:#3a1d1b}@media (width<=860px){.sidebar .theme-switch,.sidebar .logout{display:none}.setting-body,.setting-status{padding-left:0}.theme-switch.with-labels button span{display:none}}.main.wide .banner{margin:0}.inbox{flex-direction:column;min-width:0;height:100vh;font-size:15px;display:flex}.inbox-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.inbox-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.inbox-tab{height:48px;color:var(--text-2);white-space:nowrap;border-radius:12px;align-items:center;gap:9px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.inbox-tab:hover{background:var(--surface-2)}.inbox-tab.active{background:var(--text);color:var(--surface)}.inbox-tab .count{background:var(--surface-2);min-width:26px;color:var(--text-2);text-align:center;border-radius:99px;padding:2px 8px;font-size:13px}.inbox-tab.active .count{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.inbox-tab.alert .count{background:var(--danger);color:#fff}.inbox-status{flex-shrink:0;gap:8px;display:flex}.inbox-body{flex:1;grid-template-columns:minmax(360px,440px) 1fr;min-height:0;display:grid}.item-list{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.item-list>*{flex-shrink:0}.item-list-empty{place-items:center;padding:48px;display:grid}.item-list .empty{margin:12px}.item-row{text-align:left;border:2px solid #0000;border-radius:14px;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;width:100%;min-height:96px;padding:10px 12px;transition:background .12s;display:grid}.item-row:hover{background:var(--surface-2)}.item-row.selected{background:var(--accent-soft);border-color:var(--accent)}.item-row.incoming{opacity:.8}.item-row.confirmed .item-text strong{color:var(--text-2)}.item-text{gap:3px;min-width:0;display:grid}.item-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.item-text>span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.item-meta>span{align-items:center;gap:4px;display:inline-flex}.item-time{color:var(--text-3);white-space:nowrap;align-self:start;font-size:12px}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12.5px;font-weight:650;display:inline-flex}.pill.processing{background:var(--surface-2);color:var(--text-2)}.pill.attention{background:var(--danger-soft);color:var(--danger)}.pill.ready{background:var(--accent-soft);color:var(--accent-text)}.pill.confirmed{background:var(--surface-2);color:var(--text-3)}.spinner.small{border-width:3px;width:22px;height:22px;position:static}.spinner.tiny{border-width:2px;border-color:var(--border-strong);border-top-color:var(--accent);width:12px;height:12px;display:inline-block;position:static}.spinner:not(.small):not(.tiny){border-color:var(--border-strong);border-top-color:var(--accent);position:static}.tags{flex-wrap:wrap;gap:6px;display:inline-flex}.tag{background:var(--surface-2);height:28px;color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.tag.small{height:22px;padding:0 7px;font-size:11.5px}.tag.scan{color:#1d4f91;background:#e3edfb}.tag.archive{background:var(--attention-soft);color:var(--attention)}.tag.danger{background:var(--danger-soft);color:var(--danger)}:root[data-theme=dark] .tag.scan{color:#8fb7f0;background:#18273c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag.scan{color:#8fb7f0;background:#18273c}}.doc-image{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.doc-image.thumb{width:96px;height:72px}.doc-image img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.doc-image img.loaded{opacity:1}.doc-image.thumb img{object-fit:cover}.doc-image.full{aspect-ratio:auto;cursor:zoom-in;width:100%;min-height:240px;max-height:62vh}.doc-image.full img{height:auto;max-height:62vh}.doc-image.processing img,.doc-image.pending img{filter:saturate(.6)brightness(.9)}.doc-overlay{color:#fff;text-shadow:0 1px 2px #00000080;background:#00000052;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex;position:absolute;inset:0}.doc-overlay.failed{background:color-mix(in srgb, var(--danger) 55%, transparent)}.doc-image.thumb .doc-overlay{font-size:0}.doc-flag{background:var(--attention);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.doc-label{color:#fff;background:#000000a6;border-radius:8px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:6px;left:6px}.doc-missing{width:100%;height:100%;color:var(--text-3);place-items:center;display:grid}.item-detail{background:var(--bg);min-width:0;overflow-y:auto;container-type:inline-size}.detail>*,.detail-grid>*,.form-panel>*,.form-block>*{min-width:0}.detail-empty{height:100%;color:var(--text-3);place-items:center;gap:12px;display:grid}.detail{gap:18px;max-width:1500px;padding:22px 28px 40px;display:grid}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.detail-title{gap:8px;min-width:0;display:grid}.detail-title h1{letter-spacing:-.6px;font-size:28px;font-weight:700;line-height:1.2}.detail-kicker{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;display:flex}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.issues{gap:6px;margin:0;padding:0;list-style:none;display:grid}.issues li{border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:10px 14px;font-weight:550;display:flex}.issues li.error{background:var(--danger-soft);color:var(--danger)}.issues li.warning{background:var(--attention-soft);color:var(--attention)}.issues li.info{background:var(--surface-2);color:var(--text-2)}.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr);align-items:start;gap:20px;display:grid}.envelope-panel,.form-panel,.content-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px}.envelope-panel{gap:10px;display:grid;position:sticky;top:0}.panel-tabs{gap:6px;display:flex}.panel-tabs button{height:40px;color:var(--text-2);background:var(--surface-2);border-radius:10px;padding:0 16px;font-weight:600}.panel-tabs button.active{background:var(--text);color:var(--surface)}.panel-hint{color:var(--text-3);font-size:12.5px}.form-panel{gap:18px;display:grid}.form-block{gap:10px;display:grid}.form-block h2,.content-panel h2{text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.edited{text-transform:none;letter-spacing:0;background:var(--surface-2);border-radius:99px;padding:1px 8px;font-size:11.5px;font-weight:600}.client-card{text-align:left;border:1.5px solid var(--border-strong);background:var(--surface);border-radius:12px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;display:flex}.client-card.empty{border-style:dashed;border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.client-card .change{color:var(--accent-text);margin-left:auto;font-weight:650}.pick-main{flex:1;gap:2px;min-width:0;display:grid}.pick-main strong{text-overflow:ellipsis;font-size:16px;font-weight:650;overflow:hidden}.pick-main span{color:var(--text-3);font-size:13px}.candidate-chips{flex-wrap:wrap;gap:8px;display:flex}.chip.big{height:44px;padding:0 16px;font-size:14px}.chip.known{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-text);justify-self:start}.date-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.touch-input{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:16px}.touch-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.touch-input.date{width:auto;min-width:190px}.touch-input.search{min-height:54px;font-size:17px}textarea.touch-input{resize:vertical}.field-grid{grid-template-columns:1fr 140px;gap:10px;display:grid}.touch-field{color:var(--text-3);gap:4px;font-size:12.5px;font-weight:600;display:grid}.touch-field.wide{grid-column:1/-1}.field-grid .touch-field:nth-last-child(2){grid-column:auto}.raw-lines{color:var(--text-3);font-size:12.5px;font-style:italic}.toggle{background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-weight:600;display:inline-flex}.toggle input{width:22px;height:22px;accent-color:var(--accent)}.muted{color:var(--text-3)}.small{font-size:12.5px}.save-bar{background:var(--attention-soft);border-top:1px solid var(--attention-border);border-radius:0 0 16px 16px;align-items:center;gap:10px;margin:0 -16px -16px;padding:12px;display:flex;position:sticky;bottom:0}.save-bar span{color:var(--attention);margin-right:auto;font-weight:650}.content-panel{gap:14px;display:grid}.page-strip{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.page-strip .doc-image{cursor:pointer;flex-shrink:0;width:150px;height:200px}.page-strip .doc-image img{object-fit:cover}.touch-button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;font-weight:650;transition:background .12s;display:inline-flex}.touch-button small{opacity:.75;font-size:12px;font-weight:500;display:block}.touch-button.primary{background:var(--accent);color:var(--on-accent)}.touch-button.primary:hover:not(:disabled){background:var(--accent-hover)}.touch-button.secondary{background:var(--surface);border:1.5px solid var(--border-strong)}.touch-button.ghost{color:var(--text-2)}.touch-button.ghost:hover:not(:disabled),.touch-button.ghost.active{background:var(--surface-2);color:var(--text)}.touch-button.danger{color:var(--danger)}.touch-button.large{min-height:56px;padding:0 28px;font-size:17px}.touch-icon{width:48px;height:48px;color:var(--text-2);border-radius:12px;place-items:center;display:grid}.touch-icon:hover{background:var(--surface-2)}.sheet{border:1px solid var(--border);background:var(--surface);width:min(720px,100vw - 32px);max-height:min(86vh,900px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:18px;padding:0;overflow:hidden}.sheet[open]{flex-direction:column;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0f0c73}.sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 14px 14px 22px;display:flex}.sheet-header h2{font-size:19px;font-weight:700}.sheet-body{gap:12px;padding:18px 22px 22px;display:grid;overflow-y:auto}.sheet-hint{color:var(--text-3);font-size:13.5px}.pick-list{gap:6px;display:grid}.pick{text-align:left;border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:14px;width:100%;min-height:64px;padding:10px 14px;display:flex}.pick:hover{background:var(--surface-2)}.pick.selected{border-color:var(--accent);background:var(--accent-soft)}.pick .score{color:var(--text-3);font-size:13px;font-weight:650}.doc-viewer,.crop-editor{z-index:60;color:#eef1ef;background:#0b0d0c;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.doc-viewer{grid-template-rows:auto 1fr auto auto}.crop-bar{border-bottom:1px solid #1f2522;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 24px;display:flex}.crop-bar>div:first-child{display:grid}.crop-bar strong{font-size:18px}.crop-bar span{color:#8f9a93;font-size:13.5px}.crop-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.doc-viewer .touch-button.ghost,.crop-editor .touch-button.ghost{color:#cfd6d1}.doc-viewer .touch-button.ghost:hover:not(:disabled),.crop-editor .touch-button.ghost:hover:not(:disabled),.doc-viewer .touch-button.ghost.active{color:#fff;background:#1e2421}.doc-viewer .touch-button.danger{color:#ff9b93}.doc-viewer .touch-icon,.crop-editor .touch-icon{color:#cfd6d1}.doc-viewer .touch-icon:hover{background:#1e2421}.crop-rotation{text-align:center;min-width:44px;font-weight:650;color:#cfd6d1!important}.doc-viewer-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.doc-viewer-stage img{object-fit:contain;width:calc(100% - 32px);height:calc(100% - 32px);position:absolute;inset:16px}.doc-viewer-stage .doc-overlay{z-index:1;font-size:16px}.doc-viewer-notes{border-top:1px solid #1f2522;flex-wrap:wrap;gap:8px;padding:10px 24px;display:flex}.doc-viewer-notes span{color:#f0c071;background:#2c2414;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;display:inline-flex}.doc-viewer-notes span.error{color:#ff9b93;background:#3a1d1b}.doc-viewer-actions{border-top:1px solid #1f2522;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;display:flex}.doc-viewer-actions .spacer{flex:1}.crop-stage{place-items:center;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.crop-canvas{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.crop-canvas img{width:100%;height:100%;position:absolute;inset:0}.crop-canvas svg{touch-action:none;position:absolute;inset:0;overflow:visible}.crop-shade{fill:#0000008c}.crop-outline{fill:none;stroke:#8fd1ae;stroke-width:2.5px}.crop-handle{cursor:grab;touch-action:none}.crop-handle circle:not(.hit){fill:#8fd1ae;stroke:#0b0d0c;stroke-width:3px}.crop-handle .hit{fill:#8fd1ae2e;stroke:#8fd1ae99;stroke-width:2px}.crop-handle.active .hit{fill:#8fd1ae52}.loupe{pointer-events:none;background-repeat:no-repeat;border:3px solid #8fd1ae;border-radius:50%;width:150px;height:150px;position:absolute;box-shadow:0 8px 24px #0009}.loupe:after{content:"";border:2px solid #ff6b5e;border-radius:50%;width:14px;height:14px;margin:-7px;position:absolute;top:50%;left:50%}.crop-error{color:#ff9b93}.crop-footer{border-top:1px solid #1f2522;justify-content:flex-end;gap:12px;padding:14px 20px;display:flex}.crop-footer .touch-button{text-align:left;flex-direction:row;min-height:64px;padding:0 24px}.crop-footer .touch-button.secondary{color:#eef1ef;background:#1b201d;border-color:#2b322e}.unassigned{align-content:start;gap:16px;padding:24px;display:grid;overflow-y:auto}.unassigned-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.unassigned-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;gap:12px;padding:14px;display:grid}.unassigned-card .doc-image.full{min-height:220px;max-height:320px}.unassigned-card .doc-image.full img{max-height:320px}.unassigned-info{gap:2px;display:grid}.unassigned-info span{color:var(--text-3);font-size:13px}.unassigned-actions{gap:8px;display:grid}.sync-status{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sync-status>div{gap:2px;display:grid}.sync-status span{color:var(--text-3);font-size:13px}.error-text{color:var(--danger)!important}.client-list{padding:4px 0}.client-row{border-top:1px solid var(--border);align-items:center;gap:16px;padding:12px 20px;display:flex}.client-row:first-child{border-top:0}.setting-card .sync-status{margin-left:50px}@container (width<=1000px){.detail-grid{grid-template-columns:1fr}.envelope-panel{position:static}}@media (width<=860px){.desktop-only{display:none!important}.inbox{height:auto;min-height:100vh}.inbox-body{grid-template-columns:1fr}.item-list{border-right:0;border-bottom:1px solid var(--border);max-height:45vh}.detail{padding:16px}.setting-card .sync-status{margin-left:0}}.lab .page-header{align-items:center}.lab-actions{flex-wrap:wrap;gap:8px;display:flex}.lab-captures{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.lab-capture{background:var(--surface-2);border:2px solid #0000;border-radius:10px;flex-shrink:0;width:84px;height:84px;overflow:hidden}.lab-capture img{object-fit:cover;width:100%;height:100%}.lab-capture.active{border-color:var(--accent)}.lab-grid{grid-template-columns:360px 1fr;align-items:start;gap:16px;display:grid}.lab-params{gap:18px;max-height:calc(100vh - 260px);display:grid;position:sticky;top:16px;overflow-y:auto}.lab-group{gap:12px;display:grid}.lab-group h2{text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);font-size:12px;font-weight:700}.lab-param{border-radius:10px;gap:4px;padding:8px 10px;display:grid}.lab-param.modified{background:var(--accent-soft)}.lab-param-head{justify-content:space-between;gap:8px;font-size:13px;display:flex}.lab-param-head span{color:var(--accent-text);font-weight:650}.lab-param small{color:var(--text-3);font-size:11.5px}.lab-param input[type=range]{width:100%;accent-color:var(--accent);height:28px}.lab-param input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.lab-results{gap:16px;min-width:0;display:grid}.lab-summary{flex-wrap:wrap;gap:8px 20px;font-size:13.5px;display:flex}.lab-stages{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.lab-stage{gap:10px;padding:12px;display:grid}.lab-stage img{object-fit:contain;background:var(--surface-2);border-radius:8px;width:100%;max-height:420px}.lab-stage figcaption{gap:6px;font-size:13px;display:grid}.lab-stage dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;margin:0;display:grid}.lab-stage dl div{justify-content:space-between;gap:6px;font-size:12px;display:flex}.lab-stage dt{color:var(--text-3);text-overflow:ellipsis;overflow:hidden}.lab-stage dd{font-weight:600}@media (width<=1100px){.lab-grid{grid-template-columns:1fr}.lab-params{max-height:none;position:static}}