:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#0f1117;color-scheme:dark;--bg:#0f1117;--panel:#171a22;--raised:#1d212b;--line:#292d38;--muted:#a3aaba;--green:#649c17;--bright:#78b51d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app{min-height:100vh;display:flex}.sidebar{width:240px;flex:0 0 240px;background:var(--panel);border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:flex-start;gap:13px;padding:0 10px 36px}.brand-name{display:block;font-size:20px;font-weight:700;line-height:1.18;letter-spacing:.3px}.brand-subtitle{display:block;margin-top:12px;font-size:8px;color:var(--muted);letter-spacing:1.3px;white-space:nowrap}.brand-mark{flex:0 0 28px;width:28px;height:28px;border:2px solid var(--bright);border-radius:7px;position:relative;margin-top:3px}.brand-mark:after{content:'';position:absolute;inset:6px;border:1px solid var(--bright);border-radius:50%}nav{display:flex;flex-direction:column;gap:6px}.nav-link{padding:13px 14px;color:#aeb4c1;font-size:13px;border-radius:8px;display:flex;gap:11px;align-items:center}.nav-link.active,.nav-link:hover{background:#242935;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--green)}.nav-link span{font-size:18px;color:#9ca6b7}.nav-link.active span{color:var(--bright)}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;border-top:1px solid var(--line)}.version{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#b0c992}.sidebar-bottom p{font-size:12px;line-height:1.7;color:var(--muted)}.main{flex:1;min-width:0;max-width:1480px;padding:36px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}h1{font-size:30px;letter-spacing:-.6px;margin:0}.topbar p{color:var(--muted);font-size:14px;margin:9px 0 0}.mode-badge{padding:9px 11px;border:1px solid #35472c;border-radius:6px;background:#1b241b;font-size:9px;letter-spacing:1px;white-space:nowrap;color:#b8d99a;display:flex;gap:7px;align-items:center}.mode-badge>span{width:5px;height:5px;background:var(--bright);border-radius:50%}.notice{display:flex;gap:13px;align-items:flex-start;background:#211f19;border:1px solid #443b27;border-radius:9px;padding:17px 20px;margin-bottom:24px}.notice-icon{border:1px solid #c7a86b;border-radius:50%;width:19px;height:19px;flex-shrink:0;text-align:center;font-size:12px;line-height:18px;color:#dcc18b}.notice strong{font-size:13px;color:#e8d2a8}.notice p{font-size:12px;line-height:1.65;color:#c3b79e;margin:5px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px;min-width:0;scroll-margin-top:24px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.step{border-radius:6px;background:#252e1c;color:#b8d99a;font-size:11px;font-weight:700;padding:8px;margin-top:1px}h2{font-size:18px;margin:0;letter-spacing:-.2px}.panel-heading p{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.5}label{display:block;font-size:12px;font-weight:600;color:#b9bfcc;margin:0 0 20px}input{width:100%;padding:12px 13px;margin-top:9px;background:var(--raised);color:white;border:1px solid #303641;border-radius:7px;outline:none;font-size:13px}input::placeholder{color:#8d94a3}input:focus{border-color:var(--green);box-shadow:0 0 0 2px #649c1726}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a0d658;outline-offset:4px}.upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:158px;background:#14181f;border:1px dashed #444c5b;border-radius:8px;padding:20px;text-align:center;cursor:pointer;margin-bottom:16px}.upload:hover,.upload:focus-within{border-color:var(--bright);background:#192019}.upload-icon{font-size:25px;width:38px;height:38px;line-height:36px;border:1px solid #3a4e27;border-radius:9px;color:var(--bright)}.upload strong{font-size:13px;color:#f4f6f9}.upload>span:last-of-type{font-size:11px;font-weight:400;color:var(--muted)}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.upload:has(input:disabled){opacity:.5}button{padding:11px 15px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#101708;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}button:hover{background:var(--bright);border-color:var(--bright)}button:disabled{opacity:.4;cursor:default}.secondary{background:#1d212b;border-color:#303641;color:#dce0e7}.secondary:hover{background:#282e3a;border-color:#454e5f}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.actions button span{padding-left:7px}.capture-help{font-size:11px;line-height:1.75;color:var(--muted);margin:15px 0 0}.status{font-size:11px;color:#b2b9c7;line-height:1.6;margin:15px 0 0;padding-top:15px;border-top:1px solid var(--line)}video,#media img{max-width:100%;max-height:260px;border:1px solid var(--line);border-radius:7px;margin:0 0 12px}#frames{display:flex;gap:7px;flex-wrap:wrap}#frames img{max-width:90px;max-height:64px;border:1px solid #3b4433;border-radius:5px;margin-top:12px}.report-scope{padding:16px;border-radius:7px;background:#1b1f29}.report-scope>span{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:8px}.report-scope strong{font-size:14px}.report-scope p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 0}.empty-report{padding:42px 15px;text-align:center}.empty-icon{font-size:28px;color:#74805f;display:block;margin-bottom:13px}.empty-report h3{font-size:14px;font-weight:600;margin:0 0 10px}.empty-report p{font-size:12px;line-height:1.7;color:var(--muted);max-width:220px;margin:auto}#result>strong{font-size:20px;line-height:1.4;display:block;margin:25px 0 10px;font-weight:600;color:#e8d2a8}#result>p{font-size:12px;line-height:1.8;color:#b4bccb}.metric{border-bottom:1px solid var(--line);padding:12px 0}details{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}summary{font-size:11px;color:var(--muted);cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6;max-height:400px;overflow:auto;color:#b8d99a}.guide{margin-top:24px}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.4px;margin:0 0 10px}.site-badge{font-size:10px;border:1px solid #35472c;background:#1c2519;color:#b8d99a;padding:8px 10px;border-radius:6px;white-space:nowrap}.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:decimal-leading-zero;padding:0 0 0 23px;margin:26px 0 20px}.guide li{padding-left:4px;color:var(--bright);font-size:12px}.guide li strong{display:block;font-size:12px;color:#e9edf4;margin-bottom:8px}.guide li span{display:block;font-size:11px;color:var(--muted);line-height:1.8}.browser-note{border-top:1px solid var(--line);padding-top:16px;font-size:11px;line-height:1.75;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0 0;font-size:10px;color:var(--muted)}.footer-version{color:#b8d99a;margin-left:5px}.hosting-note{font-size:10px;color:#8d94a3;text-align:right;margin:10px 0 0}@media(min-width:1700px){.main{margin:auto}}@media(max-width:1150px){.sidebar{width:210px;flex-basis:210px}.main{padding:28px}.workspace{grid-template-columns:minmax(0,1fr)}.topbar{align-items:flex-start}.mode-badge{font-size:8px}}@media(max-width:800px){.sidebar{width:auto;height:auto;position:static;flex-basis:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.app{display:block}.brand{padding:0;align-items:center}.brand-name{font-size:17px}.brand-name br{display:none}.brand-subtitle{font-size:8px;margin-top:5px}.brand-mark{margin:0}.sidebar nav{flex-direction:row;margin-top:18px;gap:5px;flex-wrap:wrap}.nav-link{padding:9px;font-size:10px;gap:6px}.nav-link span{font-size:13px}.sidebar-bottom{display:none}.main{padding:24px 20px}.topbar{display:block;margin-bottom:22px}h1{font-size:26px}.topbar p{font-size:12px;line-height:1.6}.mode-badge{display:inline-flex;margin-top:15px}.notice{padding:15px}.panel{padding:20px}.guide-heading{align-items:flex-start;flex-direction:column;gap:14px}.guide ol{grid-template-columns:1fr;gap:20px;margin-top:23px}.guide li span{max-width:450px}footer{flex-direction:column;line-height:1.6;gap:7px}.hosting-note{text-align:left}.actions button{font-size:11px;padding:11px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
[hidden]{display:none!important}.account-panel{margin-bottom:24px}.account-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:20px 0}.account-form label{flex:1 1 220px;margin:0}.account-form button{min-height:41px}.account-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.account-summary strong{font-size:15px}.account-summary .site-badge{display:inline-block;margin-left:14px}.account-summary p{font-size:12px;color:#b8d99a;line-height:1.8}.account-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;color:var(--muted)}.account-row>span{flex:1 1 220px}.account-panel textarea{display:block;width:100%;background:var(--raised);color:#b8d99a;border:1px solid #303641;border-radius:7px;padding:12px;margin-top:9px;overflow-wrap:anywhere}.account-panel details{margin-top:18px}.account-panel details summary{font-size:12px}.proposed-plans{display:flex;gap:14px;margin-top:22px}.proposed-plans>div{flex:1;background:#1b1f29;border:1px solid var(--line);border-radius:7px;padding:14px}.proposed-plans strong{display:block;font-size:13px}.proposed-plans span{display:block;color:var(--muted);font-size:11px;margin-top:8px}#inspection-controls{border:0;padding:0;margin:0;min-width:0}#inspection-controls:disabled{opacity:.55}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.account-summary{flex-direction:column;gap:8px}.account-summary .site-badge{display:block;margin:12px 0}.proposed-plans{flex-direction:column}}
.trademark{font-size:.42em;line-height:0;vertical-align:super;font-weight:400;letter-spacing:0;margin-left:.18em}h1{font-size:clamp(22px,2.25vw,30px)}