@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #f7fbfc;--panel: #ffffff;--ink: #16212a;--muted: #5f7482;--line: #d8e4ea;--accent: #0d6e8c;--danger: #b33434;--ok: #2f8f4e}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 0 0,#e9f6fb,#f7fbfc 42%,#f7fbfc)}.app-shell{max-width:1800px;margin:0 auto;padding:18px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.title-wrap h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.55rem}.title-wrap p{margin:6px 0 0;color:var(--muted)}.controls{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr)) auto auto;gap:10px;align-items:end}.controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.85rem}.controls input{border:1px solid #bdd0da;border-radius:10px;padding:10px 12px;font-size:.95rem}button{border:1px solid var(--line);background:#f7f9fa;color:var(--ink);border-radius:10px;padding:10px 14px;font-size:.95rem;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:#fff4f4;border-color:#efcbcb;color:var(--danger)}.device-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.device-pill{padding:7px 11px;border-radius:999px;font-size:.86rem}.device-pill.active{background:#dcf0f8;border-color:#8bb8ca}.error-banner{background:#fff3f3;border:1px solid #efcaca;color:#8d2929;border-radius:10px;padding:10px 12px;margin-bottom:10px}.main-grid{display:grid;grid-template-columns:1.8fr minmax(360px,.8fr);gap:14px}.frame-panel,.side-panel,.features-section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.frame-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.9rem;margin-bottom:8px}.frame-stack{position:relative;background:#0f1720;border-radius:12px;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center}.frame-stack img{width:100%;height:auto;display:block}.frame-image{position:relative;z-index:1}.segmentation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.frame-placeholder{color:#d6dde4;font-size:1rem}.side-panel{display:grid;gap:10px;align-content:start}.info-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdff}.info-card h3{margin:0 0 8px;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1rem}.info-card p{margin:5px 0;font-size:.92rem}.features-section{margin-top:14px}.features-section h2{margin-top:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.18rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.feature-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfdff}.feature-card h3{margin:8px 0;font-size:.96rem}.feature-card p{margin:5px 0;font-size:.87rem;color:#2a3b47}.feature-header{display:flex;justify-content:space-between;align-items:center}.source{font-size:.78rem;padding:3px 8px;border-radius:999px;border:1px solid transparent}.source-gpu1{background:#e6f4fa;color:#0a5f7a;border-color:#afd3e3}.source-gpu2{background:#e7f5f2;color:#1f7d70;border-color:#abd7cf}.source-gpu3{background:#edf2f7;color:#304050;border-color:#ccd7e0}.source-gpu4{background:#fff1ec;color:#ad513a;border-color:#f0c6b9}.status{font-size:.78rem;font-weight:700}.status.ok{color:var(--ok)}.status.bad{color:var(--danger)}.muted{color:var(--muted)}@media (max-width: 1180px){.controls,.main-grid{grid-template-columns:1fr}.frame-stack{min-height:260px}}