:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f4f7f7;--surface: #ffffff;--surface-2: #eef5f4;--text: #172224;--muted: #647174;--line: #d8e2e2;--accent: #0f666d;--accent-strong: #094c52;--warn: #9c5b00;--danger: #b42318;--ok: #0c7a43;--shadow: 0 18px 50px rgba(23, 34, 36, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.app-header{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:24px;padding:22px 32px;background:#fff;border-bottom:1px solid var(--line)}.app-label{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:30px;line-height:1.05}h2{font-size:20px;line-height:1.25}p{color:var(--muted)}.header-status{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:13px}.header-status span{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.header-actions,.panel-title-row{display:flex;align-items:center;gap:10px}.btn,.icon-btn{min-height:38px;border-radius:8px;border:1px solid var(--line);padding:0 14px;color:var(--text);background:#fff;font-size:14px;font-weight:750}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong)}.btn.secondary:hover,.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.workspace{width:min(1480px,calc(100vw - 32px));margin:24px auto 48px}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab-button{min-height:44px;padding:0 18px;border:0;border-bottom:3px solid transparent;color:var(--muted);background:transparent;font-size:15px;font-weight:800}.tab-button.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.main-panel{padding:22px}.side-panel{position:sticky;top:18px;padding:20px}.panel-title-row{justify-content:space-between;margin-bottom:18px}.panel-title-row p{margin:6px 0 0;font-size:14px}.camera-list{display:grid;gap:14px}.camera-card{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fbfdfd}.camera-card-header{display:grid;grid-template-columns:minmax(180px,360px) auto;gap:12px;align-items:end;margin-bottom:14px}.form-grid,.resolution-grid,.result-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.resolution-grid{grid-template-columns:minmax(190px,1.5fr) minmax(110px,1fr) minmax(110px,1fr);margin:12px 0}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:12px;font-weight:800}.field input,.field select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:#fff;font-size:14px}.field input:focus,.field select:focus{outline:3px solid rgba(15,102,109,.16);border-color:var(--accent)}.result-grid{margin-top:14px}.metric{min-height:74px;display:grid;align-content:center;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric span{color:var(--muted);font-size:12px;font-weight:800}.metric strong{font-size:20px;line-height:1.1}.metric.dori[data-level="4"] strong{color:var(--ok)}.metric.dori[data-level="0"] strong{color:var(--danger)}.comparison-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.comparison-row span{padding:6px 9px;border-radius:8px;background:var(--surface-2);color:var(--accent-strong);font-size:12px;font-weight:800}.warnings{margin:12px 0 0;padding:10px 12px 10px 28px;border:1px solid #f1d19b;border-radius:8px;color:var(--warn);background:#fff8ec;font-size:13px}.threshold-list{display:grid;gap:9px;margin:16px 0}.threshold-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.threshold-row strong{color:var(--text);white-space:nowrap}.summary-box,.total-storage{display:grid;gap:6px;padding:16px;border-radius:8px;background:var(--accent-strong);color:#fff}.summary-box span,.total-storage span,.total-storage em{color:#ffffffbd;font-style:normal}.summary-box strong,.total-storage strong{font-size:28px}.hint{margin:16px 0 0;font-size:13px;line-height:1.55}@media(max-width:1120px){.app-header{grid-template-columns:1fr;align-items:start}.header-status,.header-actions{justify-content:flex-start}.content-grid{grid-template-columns:1fr}.side-panel{position:static}}@media(max-width:760px){.workspace{width:min(100% - 20px,1480px);margin-top:14px}.app-header{padding:18px}.header-actions,.tabs{overflow-x:auto;padding-bottom:4px}.main-panel,.side-panel{padding:14px}.panel-title-row,.camera-card-header{grid-template-columns:1fr;display:grid}.form-grid,.resolution-grid,.result-grid{grid-template-columns:1fr}h1{font-size:26px}}