:root{color-scheme:dark;--bg:#060914;--panel:#0d1424cc;--line:#22304a;--text:#f4f7ff;--muted:#8e9bb3;--cyan:#3ce6d0;--blue:#4678ff;--red:#ff526b;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#16264b 0,#090d19 34%,var(--bg) 68%);color:var(--text)}button,input,select{font:inherit}.ambient{position:fixed;width:38vw;height:38vw;border-radius:50%;filter:blur(130px);opacity:.12;pointer-events:none}.ambient-a{background:#137eff;top:-20vw;left:-12vw}.ambient-b{background:#00f0b5;right:-20vw;bottom:-20vw}.shell{position:relative;max-width:1480px;margin:auto;padding:34px}.hidden{display:none!important}.auth-card{width:min(460px,calc(100vw - 40px));margin:12vh auto;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#121b2fdd,#090e19ee);box-shadow:0 30px 90px #0008}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--cyan),#2494ff);color:#041018;font-weight:1000;font-size:30px;box-shadow:0 12px 40px #27d6c944}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:22px}.eyebrow{margin:22px 0 8px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em}.auth-card h1{font-size:38px;letter-spacing:-.04em;margin:0}.muted{color:var(--muted)}label{display:grid;gap:8px;color:#b8c4d9;font-size:13px;font-weight:700}.auth-card form{display:grid;gap:18px;margin-top:30px}input,select{width:100%;border:1px solid #2a3853;border-radius:13px;background:#080e1a;color:#fff;padding:14px 15px;outline:none;transition:.2s}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #32ddc51c}button{border:0;cursor:pointer;transition:.2s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.4;transform:none}.primary{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:14px 18px;background:linear-gradient(120deg,var(--cyan),#15a4da);color:#041118;font-weight:900}.secondary,.ghost,.danger,.icon-button{border:1px solid #30405e;border-radius:12px;background:#121b2c;color:#e8efff;padding:11px 15px;font-weight:800}.danger{border-color:#713044;color:#ff8293;background:#27101a}.error{min-height:18px;color:#ff7a8d;font-size:13px;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:12px}.status{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #2b3852;border-radius:99px;color:#aeb9cc;font-size:11px;font-weight:900;letter-spacing:.1em}.status i{width:8px;height:8px;border-radius:50%;background:#6c7890}.status.live i{background:#24e49e;box-shadow:0 0 15px #24e49e}.status.stale i{background:#ffbd45}.grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(600px,1.35fr);gap:20px}.panel{border:1px solid #1e2b43;border-radius:var(--radius);background:linear-gradient(150deg,#0e1728ed,#090f1bed);box-shadow:0 22px 55px #0004;padding:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.section-heading .eyebrow{margin:0 0 5px}.section-heading h2{margin:0;font-size:21px;letter-spacing:-.02em}.input-action{display:flex;gap:9px}.input-action .primary{flex:0 0 98px}.divider{display:flex;align-items:center;gap:12px;color:#61708b;font-size:9px;font-weight:900;letter-spacing:.15em;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:#202c41;flex:1}.match-list{display:grid;gap:9px;max-height:285px;overflow:auto;padding-right:4px}.match-card{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:14px;border:1px solid #202d44;border-radius:14px;background:#0a111e;color:#fff}.match-card:hover{border-color:#3c597f;background:#0e192b}.match-card strong,.match-card span{display:block}.match-card span{color:#8190aa;font-size:11px;margin-top:4px}.match-card i{font-style:normal;color:var(--cyan);font-size:11px}.skeleton{height:63px;border-radius:14px;background:linear-gradient(90deg,#111a2a 25%,#18243a 50%,#111a2a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.preview-panel{grid-row:span 2}.resolution,.auto-badge{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted);border:1px solid #293751;border-radius:8px;padding:8px 10px}.auto-badge{color:var(--cyan);border-color:#226258;background:#0a2925}.preview-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(45deg,#0a0e17,#0a0e17 10px,#0d121c 10px,#0d121c 20px);border:1px solid #26334a}.preview-frame iframe{width:100%;height:100%;border:0}.preview-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:7px;color:#8794ab}.preview-empty span{font-size:30px;color:#2c3e5e}.preview-empty strong{color:#c7d0df}.preview-empty small{font-size:11px}.url-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid #202e45;border-radius:14px;background:#080e19}.url-row>div{min-width:0;flex:1}.url-row span,.url-row code{display:block}.url-row span{color:#65748e;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.url-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c5da;font-size:11px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggles{display:grid;gap:10px;margin:18px 0}.toggles label{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #1b2940;border-radius:13px;background:#0a111e;cursor:pointer}.toggles input{display:none}.toggles label>span{width:38px;height:22px;border-radius:99px;background:#28354b;position:relative}.toggles label>span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:3px;left:3px;background:#8793a8;transition:.2s}.toggles input:checked+span{background:#146f63}.toggles input:checked+span:after{left:19px;background:var(--cyan)}.toggles strong,.toggles small{display:block}.toggles small{color:#78869e;margin-top:2px}.wide{width:100%}.score-summary{display:grid;grid-template-columns:2fr repeat(3,1fr);border:1px solid #22314a;border-radius:15px;overflow:hidden}.score-summary>div{padding:15px;border-right:1px solid #22314a}.score-summary>div:last-child{border:0}.score-summary span,.score-summary strong{display:block}.score-summary span{color:#7b8ba6;font-size:9px;font-weight:900;letter-spacing:.12em}.score-summary strong{font-size:24px;margin-top:4px}.metric strong{font-size:16px}.match-status{color:#98a7bd;font-size:13px}.automatic-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#71809a;font-size:10px}.automatic-list b{padding:5px 8px;border-radius:7px;background:#111d30;color:#adc0df}.toast{position:fixed;right:25px;bottom:25px;padding:14px 18px;border:1px solid #2b5260;border-radius:12px;background:#10232b;box-shadow:0 15px 45px #0008;transform:translateY(30px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:980px){.shell{padding:18px}.grid{grid-template-columns:1fr}.preview-panel{grid-row:auto}.options{grid-template-columns:1fr}}@media(max-width:560px){.topbar{align-items:flex-start}.brand span,.ghost{display:none}.panel{padding:18px}.score-summary{grid-template-columns:1fr 1fr}.score-summary>div{border-bottom:1px solid #22314a}.input-action{display:grid}.input-action .primary{width:100%}}