:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef1f5;--panel:#1a1e24;--line:#30363e;--muted:#9aa5b3;--accent:#b7f782;--accent-rgb:183, 247, 130;--danger:#ffb4a5;--danger-surface:#7f2315;--banner-height:36px;background:#101216;font:14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:460px;margin:auto;padding:14px}header,.row{justify-content:space-between;align-items:center;gap:8px;display:flex}h1{letter-spacing:-.4px;margin:0;font-size:17px}small,.muted{color:var(--muted);font-size:11px}button,input,select{font:inherit}button{border:1px solid var(--line);color:inherit;cursor:pointer;touch-action:none;background:#252b33;border-radius:10px;min-height:40px;padding:8px 12px}button:hover{background:#323c47}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:default}button.active,button:active{background:var(--accent);color:#15200d;border-color:var(--accent)}.icon{flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:34px;padding:4px 9px;display:inline-flex}.icon.capture:not(:disabled){color:#c8ecb1;background:#243024;border-color:#405739}.preview{aspect-ratio:16/9;border:1px solid var(--line);background:#050608;border-radius:12px;margin-top:12px;position:relative;overflow:hidden}video{object-fit:contain;width:100%;height:100%;display:block}.badge{letter-spacing:1px;pointer-events:none;background:#101216cc;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;top:9px;left:9px}.badge.live{color:var(--accent)}.badge.error{color:var(--danger);background:#101216}.video-action{background:#15181fbb;min-height:28px;font-size:11px;position:absolute;bottom:8px;right:8px}.video-action.icon{min-width:32px;min-height:32px;padding:5px}.notice{min-height:34px;color:var(--muted);padding:9px 2px;font-size:12px;line-height:1.4}body:has(.notice.error){padding-top:var(--banner-height)}.notice.error{z-index:40;min-height:var(--banner-height);background:var(--danger-surface);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:9px 14px;font-size:13px;position:fixed;top:0;left:0;right:0;overflow:hidden}.control{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 100px;gap:18px;padding:12px;display:grid}.pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.pad button{padding:0;font-size:30px}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:2/2}.zoom{flex-direction:column;gap:6px;display:flex}.zoom button{flex:1;padding:0;font-size:26px}.speed{align-items:center;gap:10px;margin:12px 2px 17px;display:flex}.speed input{width:100%;accent-color:var(--accent)}.speed output{text-align:right;min-width:38px;font-size:11px}.presets-header{margin-bottom:10px}.presets-header button{min-height:30px;font-size:11px}.presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset{background:var(--panel);flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:64px;padding:9px 11px;display:flex}.preset b{font-size:21px;font-weight:550}.preset span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.footer{color:var(--muted);justify-content:space-between;margin:12px 0 2px;font-size:10px;display:flex}dialog{color:inherit;background:#1a1e24;border:1px solid #48515d;border-radius:15px;width:min(400px,100% - 28px);padding:20px}dialog::backdrop{background:#000a}dialog h2{margin:0 0 14px;font-size:18px}label{color:#bfc8d4;margin:12px 0 5px;font-size:12px;display:block}input,select{width:100%;color:inherit;background:#101216;border:1px solid #47515f;border-radius:8px;padding:10px}input[type=range]{padding:0}dialog p{color:#afb9c6;font-size:12px;line-height:1.5}.actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.primary{background:var(--accent);color:#15200d;border-color:var(--accent)}.dialog-status{color:var(--danger);font-size:12px}.danger{border-color:var(--danger-surface);color:var(--danger)}.danger:hover:not(:disabled){background:var(--danger-surface);color:#fff}.hint{color:var(--muted);font-size:11px;line-height:1.5}.hint.warning{color:var(--danger)}.link-row{gap:6px;display:flex}.link-row input{font-size:11px}.link-row button{flex:none;font-size:11px}[hidden]{display:none!important}main{grid-template-columns:minmax(0,1fr) 250px;gap:12px 16px;max-width:1060px;padding:14px;display:grid}header,.footer{grid-column:1/-1}.monitor{grid-column:1;min-width:0}.places{grid-column:2;min-width:0}.preview{margin:0}.presets-header{margin:0 0 10px}.presets{flex-direction:column;gap:15px;display:flex}.preset-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.preset{text-align:center;min-height:40px;padding:8px 5px;font-size:12px;display:block}.footer{margin:0}.drawer{z-index:20;border-left:1px solid var(--line);visibility:hidden;background:#1a1e24;width:min(340px,100%);padding:20px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer .control{border:0;grid-template-columns:1fr 76px;gap:12px;padding:10px 0}.drawer-backdrop{z-index:19;background:#0007;position:fixed;inset:0}.notice{min-height:0}@media (width<=620px){main{grid-template-columns:minmax(0,1fr) 190px;gap:10px;padding:10px}.presets{gap:11px}.preset{min-height:36px;padding:7px 2px;font-size:11px}.badge{padding:4px;font-size:8px;top:5px;left:5px}.video-action{bottom:4px;right:4px}.video-action.icon{min-width:28px;min-height:28px;padding:4px}.notice{font-size:11px}}@media (width<=400px){main{grid-template-columns:minmax(0,1fr) 158px;gap:8px}header small{font-size:8px}h1{font-size:15px}.preset-buttons{gap:3px}.preset{font-size:10px}.footer{font-size:9px}}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}main{grid-template-columns:minmax(0,1fr) 176px;align-items:start;gap:12px;max-width:1060px;padding:10px}.monitor{grid-row:1}.places{grid-row:1;overflow:hidden}.places>.row{justify-content:flex-end;gap:6px;margin-bottom:12px}.preset-group{grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;display:grid}.preset{border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:6px;display:flex}.glyph{flex-shrink:0;width:22px;height:22px;display:inline-flex}.glyph svg{width:100%;height:100%}.drawer-slot{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid;overflow:hidden}.drawer-slot.open{grid-template-rows:1fr}.drawer{visibility:hidden;background:0 0;border:0;border-radius:10px;width:100%;min-height:0;padding:0;position:relative;inset:auto;overflow:hidden;transform:translate(100%)}.drawer.open{visibility:visible;transform:translate(0)}.drawer>.row{border-top:1px solid var(--line);justify-content:flex-end;margin-top:14px;padding-top:10px}.drawer #drawerClose{min-height:28px;padding:3px 8px}.drawer .control{background:0 0;flex-direction:column;gap:10px;padding:4px 0;display:flex}.drawer .pad{grid-template-rows:repeat(2,46px);gap:4px}.drawer .pad button{min-height:46px}.drawer .zoom{grid-template-columns:1fr 1fr;align-items:center;display:grid}.drawer .zoom button{min-height:46px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=450px){main{grid-template-columns:minmax(0,1fr) 158px;gap:8px;padding:6px}.preset-group{grid-template-columns:minmax(0,1fr);gap:4px}.glyph{width:20px;height:20px}.preset{min-height:36px;padding:5px}.places>.row{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.drawer-slot,.drawer{transition:none}}main{align-items:stretch}.monitor{align-self:start}.places{flex-direction:column;min-height:178px;display:flex;position:relative}.places>.bottom-tools{flex-shrink:0;order:5;margin:auto 0 0;padding-top:12px}.presets{flex-shrink:0}.drawer-slot{pointer-events:none;position:absolute;inset:142px 0 50px}.drawer-slot.open{pointer-events:auto}.drawer.open{overflow-y:auto}.drawer>.row{margin-top:0}@media (width<=450px){.places{min-height:172px}.drawer-slot{top:134px}}.presets{gap:8px}.preset{border-radius:10px;min-height:60px;padding:8px 4px}.glyph{width:28px;height:28px}.drawer-slot{top:228px}@media (width<=450px){.presets{gap:12px}.preset-group{grid-template-columns:minmax(0,1fr);gap:6px}.preset{min-height:52px;padding:6px 2px}.glyph{width:25px;height:25px}.places{min-height:236px}.drawer-slot{top:194px}}main{grid-template-columns:minmax(0,1fr) clamp(230px,30vw,300px);gap:16px}.preset-group{grid-template-columns:minmax(0,1fr);gap:10px}.preset-buttons{gap:8px}.preset{aspect-ratio:1;width:100%;min-height:0;padding:8px}.glyph{aspect-ratio:1;width:66%;height:auto}.places{min-height:300px}.drawer-slot{z-index:10;visibility:hidden;pointer-events:none;grid-template-rows:1fr;transition:visibility .22s;inset:0}.drawer-slot.open{visibility:visible;pointer-events:auto}.drawer{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:10px;height:100%;padding:14px;display:flex;overflow-y:auto}.drawer>.row{border:0;margin:0;padding:0}.drawer .control{flex:1;min-height:0}.drawer .pad{flex:2;grid-template-rows:repeat(2,minmax(0,1fr))}.drawer .zoom{flex:1;align-items:stretch;min-height:0}.drawer .pad button,.drawer .zoom button{height:100%;min-height:0}.places:has(.drawer-slot.open){min-height:360px}:is(.places:has(.drawer-slot.open)>.presets,.places:has(.drawer-slot.open)>.bottom-tools,.places:has(.drawer-slot.open)>.save-feedback){visibility:hidden}@media (width<=620px){main{grid-template-columns:minmax(0,1fr) 220px;gap:10px}.presets{gap:6px}.preset-group{grid-template-columns:minmax(0,1fr);gap:6px}.preset-buttons{gap:6px}.places{min-height:252px}}@media (width<=450px){main{grid-template-columns:minmax(0,1fr) 184px;gap:8px}.presets{gap:4px}.preset-group{grid-template-columns:minmax(0,1fr);gap:5px}.preset-buttons{gap:4px}.preset{min-height:0;padding:5px}.places{min-height:226px}.drawer{padding:10px}}@media (prefers-reduced-motion:reduce){.drawer-slot{transition:none}}.preset{position:relative}.key-hint{color:var(--muted);pointer-events:none;font:10px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;bottom:4px;right:6px}.preset.selected{border-color:var(--accent);color:var(--accent);background:linear-gradient(135deg, rgba(var(--accent-rgb), .38), rgba(var(--accent-rgb), .12) 55%, rgba(var(--accent-rgb), .02)), #22331c;box-shadow:inset 0 1px 0 rgba(var(--accent-rgb), .4), 0 0 0 1px rgba(var(--accent-rgb), .45), 0 10px 22px -12px rgba(var(--accent-rgb), .6)}.preset.selected.adjusted{background:linear-gradient(135deg, rgba(var(--accent-rgb), .13), rgba(var(--accent-rgb), .03) 58%, rgba(var(--accent-rgb), 0)), #1f2a1c;box-shadow:inset 0 1px 0 rgba(var(--accent-rgb), .14);border-style:dashed}.preset.selected .glyph{color:#fff}.preset.selected .key-hint{color:var(--accent)}html[lang=ru] .badge,html[lang=pl] .badge{letter-spacing:.3px;font-size:9px}.save-feedback,dialog{overflow-wrap:anywhere}.framing-grid{z-index:2;pointer-events:none;color:#fff;filter:drop-shadow(0 1px 1px #000b);width:100%;height:100%;position:absolute;inset:0}.framing-grid path{fill:none;stroke:currentColor;stroke-width:1px;stroke-opacity:.7;vector-effect:non-scaling-stroke}.grid-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#253520}.preview .badge,.preview .video-action{z-index:3}.detection-overlay{z-index:2;pointer-events:none;width:100%;height:100%;color:var(--accent);filter:drop-shadow(0 1px 1px #000b);position:absolute;inset:0}.detection-overlay rect{fill:none;stroke:currentColor;stroke-width:2px}.detection-overlay path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-opacity:.8}.auto-frame.running{color:var(--accent);border-color:var(--accent);background:#253520}.bottom-tools{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.bottom-tools .icon{min-width:0;padding-inline:4px}.save-feedback{flex-shrink:0;order:6;margin:8px 0 0;font-size:10px}.save-feedback:empty{display:none}.transfer{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.transfer button{min-height:32px;padding:6px 10px;font-size:12px}.transfer button+button{margin-left:6px}.version-row{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}