:root{--bg:#fff;--surface:#fff;--surface-2:#f8f8f9;--line:#e9e9ee;--line-2:#d9d9e2;--text:#0f0f12;--muted:#6b7280;--faint:#9aa0b2;--accent:#111113;--accent2:#111113;--accent3:#111113;--ok:#15803d;--ok-bg:#15803d14;--warn:#b45309;--warn-bg:#b4530914;--bad:#be123c;--bad-bg:#be123c12;--r-lg:16px;--r-md:12px;--r-sm:8px;--r-pill:999px;--shadow:none;--shadow-sm:none}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-system,system-ui,-apple-system,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#111827}button{font:inherit;min-height:44px}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #111827}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;padding:14px 20px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:-.04em;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.brand-name{letter-spacing:-.02em;font-size:14px;font-weight:700}.brand-sub{color:var(--faint);margin-top:1px;font-size:12px}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav button,.btn{border:1px solid var(--line-2);background:var(--surface);color:var(--text);border-radius:var(--r-pill);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.nav button[aria-current=page],.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.nav button:hover:not(:disabled),.btn:hover:not(:disabled){border-color:#111827}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn--ghost{background:0 0}.btn--sm{min-height:38px;padding:7px 11px;font-size:12.5px}.btn--block{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.btn__arrow{opacity:.9;flex:0 0 14px;width:14px;height:14px}.wrap{max-width:1040px;margin:0 auto;padding:14px 20px 32px}@media (width<=640px){.topbar{padding:12px 14px}.wrap{padding:10px 12px 20px}.card{border-radius:14px;padding:12px}.preview{min-height:220px}.preview--live{min-height:320px}.row{gap:8px}.btn{flex:auto}.btn--sm{flex:none}.badge{font-size:11px}}@media (width<=360px){.card{padding:12px}.wrap{padding:8px 10px 20px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;position:relative;overflow:hidden}.card h2{letter-spacing:-.02em;align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:650;display:flex}.card h2 .ico{border:1px solid var(--line);background:#f3f4f6;border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.card p.small{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:11px;font-weight:650}.drop{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;gap:10px;padding:12px;transition:all .12s;display:grid}.drop.drag{background:#f9fafb;border-color:#111827}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-file{display:none}.preview{aspect-ratio:4/3;border-radius:var(--r-md);border:1px solid var(--line);width:100%;color:var(--muted);background:#f9fafb;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.preview img,.preview video{object-fit:cover;width:100%;height:100%;display:block}.preview--live{aspect-ratio:3/4;border-color:#111827;min-height:360px}.preview--live video{object-fit:cover}@media (width<=640px){.preview--live{aspect-ratio:9/12;min-height:420px}}@media (orientation:landscape) and (height<=500px){.topbar{padding:8px 14px}.wrap{padding:8px 12px 12px}.preview{aspect-ratio:16/9;min-height:200px}.preview--live{aspect-ratio:16/9;min-height:220px}}.preview-empty{text-align:center;place-items:center;gap:8px;padding:20px;display:grid}.preview-empty .pm-ico{border:1px solid var(--line);width:44px;height:44px;color:var(--faint);background:#f3f4f6;border-radius:10px;place-items:center;display:grid}.preview-empty .pm-ico svg{width:20px;height:20px}.preview-empty b{color:var(--text);font-size:13px;font-weight:650}.preview-empty span{color:var(--muted);max-width:30ch;font-size:12.5px;line-height:1.5}.overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.live-badge{z-index:2;color:#fff;letter-spacing:.02em;background:#0f0f12;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.live-badge i{background:#fff;border-radius:50%;width:7px;height:7px}.badge{border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--muted);background:#fff;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge--ok{color:#166534;background:var(--ok-bg);border-color:#15803d47}.badge--warn{color:#92400e;background:var(--warn-bg);border-color:#b4530947}.badge--bad{color:#9f1239;background:var(--bad-bg);border-color:#be123c47}.status{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.status--loading{background:#f9fafb;border-color:#e5e7eb}.status--ok{background:var(--ok-bg);border-color:#15803d38}.status--warn{background:var(--warn-bg);border-color:#b4530938}.status--bad{background:var(--bad-bg);border-color:#be123c38}.status--live{background:#f9fafb;border-color:#e5e7eb}.status .dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.status--loading .dot{background:#111827}.status--ok .dot{background:var(--ok)}.status--warn .dot{background:var(--warn)}.status--bad .dot{background:var(--bad)}.status--live .dot{background:#111827}.conf-track{border-radius:var(--r-pill);border:1px solid var(--line);background:#f3f4f6;height:6px;overflow:hidden}.conf-fill{border-radius:var(--r-pill);height:100%;transition:width .55s}.conf-fill--high{background:#111827}.conf-fill--mid{background:#6b7280}.conf-fill--low{background:#9ca3af}.conf-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.conf-row b{font-variant-numeric:tabular-nums;color:var(--text)}.meter-wrap{gap:10px;display:grid}.meter{border-radius:var(--r-pill);border:1px solid var(--line);background:#f3f4f6;height:14px;position:relative;overflow:hidden}.meter>i{background:#111827;width:0%;height:100%;transition:width .9s;display:block}.meter.meter--indet:after{content:"";background:linear-gradient(90deg,#0000,#0000000f,#0000) 0 0/200% 100%;animation:1.1s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.percent{letter-spacing:-.03em;font-size:40px;font-weight:750;line-height:1}.caption{color:var(--muted);min-height:1.4em;font-size:13.5px}.notice{border:1px solid var(--line-2);background:#fff;border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.5}.notice--ok{background:var(--ok-bg);border-color:#15803d38}.notice--warn{background:var(--warn-bg);border-color:#b4530938}.footer{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;margin-top:16px;padding:12px;font-size:12.5px;line-height:1.6}.preview:fullscreen,.preview--live:fullscreen{aspect-ratio:auto;border:none;border-radius:0;width:100vw;max-width:100vw;height:100vh}.preview:fullscreen video,.preview--live:fullscreen video{object-fit:contain;background:#000}.drop:fullscreen{border:none;border-radius:0;padding:8px}.btn--fs{min-height:38px;padding:6px 10px}.kbd{border:1px solid var(--line-2);color:var(--muted);background:#f9fafb;border-radius:6px;padding:2px 6px;font-size:11px}.hr{background:var(--line);border:0;height:1px;margin:12px 0}.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}.result{border:1px solid var(--line);background:#fff;border-radius:10px;gap:6px;padding:12px 14px;display:grid}.result--ok{background:var(--ok-bg);border-color:#15803d38}.result--warn{background:var(--warn-bg);border-color:#b4530938}.result--bad{background:var(--bad-bg);border-color:#be123c38}.result__title{font-size:14px;font-weight:700}.result__meta{color:var(--muted);font-size:12.5px;line-height:1.5}.result__bar{border-radius:var(--r-pill);border:1px solid var(--line);background:#f3f4f6;height:6px;margin-top:4px;overflow:hidden}.result__bar>i{border-radius:var(--r-pill);background:#111827;height:100%;transition:width .5s;display:block}.spinner{border-radius:var(--r-pill);vertical-align:middle;border:2px solid #e5e7eb;border-top-color:#111827;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}