@import url('data:text/css,');:root{--bg:#07100d;--side:#091512;--panel:#0e1b17;--panel2:#12221d;--line:#20332d;--text:#effaf5;--muted:#81958d;--green:#36e39a;--green2:#12ba76;--lime:#b9f45d;--red:#ff6b72;--orange:#ffbd66;--blue:#6fa7ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.boot{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.logo-mark{width:46px;height:46px;margin:auto;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#168b60);color:#03110b;border-radius:14px;font-weight:900;box-shadow:0 12px 40px #36e39a33}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-visual{padding:38px 7vw;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,#1b62452c,transparent 38%),linear-gradient(145deg,#091410,#050a08);position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000 30%,transparent)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.6px;position:relative;z-index:1}.brand .logo-mark{margin:0;width:32px;height:32px;border-radius:9px}.brand em{font-style:normal;color:var(--green)}.hero{margin:auto 0;max-width:650px;position:relative;z-index:1}.eyebrow{font-size:10px;color:var(--green);font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(43px,5vw,74px);line-height:1.02;letter-spacing:-4px;margin:20px 0}.hero h1 span{color:var(--green)}.hero p{color:#879a92;line-height:1.7;max-width:540px}.proof{display:flex;gap:25px;margin-top:34px}.proof span{display:grid}.proof b{font-size:19px}.proof small{font-size:9px;text-transform:uppercase;color:#70847b;letter-spacing:1px}.auth-panel{background:#0b1613;display:grid;place-items:center;padding:30px}.auth-box{width:min(390px,100%)}.auth-box h2{font-size:28px;letter-spacing:-1px;margin:24px 0 8px}.auth-box>p{color:var(--muted);font-size:13px;margin:0 0 28px}.online{font-size:9px;color:var(--green);border:1px solid #36e39a2b;background:#36e39a0d;padding:6px 10px;border-radius:20px}.field{display:grid;gap:8px;margin-bottom:15px;color:#c6d4ce;font-size:11px;font-weight:650}.field input,.field textarea,.field select{width:100%;background:#08110e;border:1px solid #243831;color:white;border-radius:9px;padding:12px 13px;outline:none}.field textarea{resize:vertical;min-height:100px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #36e39a12}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:720;font-size:11px;color:white;background:#182720}.btn.primary{background:linear-gradient(135deg,#39e79f,#19b979);color:#06130e;box-shadow:0 8px 28px #2ed59130}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.wide{width:100%;padding:13px}.btn.ghost{border-color:#293d36;background:#111f1a;color:#c6d2cd}.btn.danger{background:#ff6b7214;color:#ff7c83;border-color:#ff6b7225}.switch{border:0;background:none;color:var(--green);width:100%;margin-top:17px;font-size:11px}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:21px 14px;border-right:1px solid var(--line);background:var(--side);display:flex;flex-direction:column}.workspace{margin:25px 0 18px;display:flex;align-items:center;gap:10px;padding:10px;background:#10201a;border:1px solid #21362e;border-radius:10px}.workspace .avatar{width:30px;height:30px;border-radius:8px;background:#183b2d;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:11px}.workspace span{display:grid}.workspace b{font-size:10px}.workspace small{font-size:8px;color:var(--muted)}nav{display:grid;gap:4px}nav>small{font-size:8px;color:#53665e;letter-spacing:1.4px;padding:15px 10px 7px;font-weight:800}nav button{border:0;background:none;color:#82958d;padding:10px 11px;border-radius:8px;text-align:left;font-size:11px;display:flex;align-items:center;gap:11px}nav button i{font-style:normal;font-size:14px;width:18px;text-align:center}nav button:hover,nav button.active{background:#14251f;color:#f2faf6}.upgrade{margin-top:auto;background:linear-gradient(145deg,#132920,#0d1e18);border:1px solid #234735;border-radius:11px;padding:14px}.upgrade b{font-size:11px}.upgrade p{font-size:9px;color:var(--muted);line-height:1.5}.upgrade .meter{height:4px;border-radius:5px;background:#22362e;overflow:hidden;margin:10px 0}.upgrade .meter i{display:block;height:100%;width:35%;background:var(--green)}.profile{display:flex;align-items:center;gap:9px;margin-top:14px;padding:9px}.profile .avatar{width:28px;height:28px;border-radius:50%;background:#53482d;display:grid;place-items:center;font-size:9px}.profile span{display:grid;min-width:0;flex:1}.profile b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:8px;color:var(--muted)}.profile button{border:0;background:none;color:#789087}.main{min-width:0}.topbar{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:#07100de8;backdrop-filter:blur(12px);z-index:5}.crumb{font-size:11px;color:#667b72}.crumb b{color:#d7e5df;margin-left:7px}.top-actions{display:flex;align-items:center;gap:10px}.live{font-size:9px;color:var(--green);background:#36e39a0b;border:1px solid #36e39a20;border-radius:20px;padding:6px 9px}.content{max-width:1220px;margin:auto;padding:43px 40px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:20px}.page-head h1{font-size:26px;letter-spacing:-1px;margin:0 0 6px}.page-head p{margin:0;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat,.card{background:linear-gradient(145deg,#0f1d18,#0c1714);border:1px solid var(--line);border-radius:12px}.stat{padding:17px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px}.stat-top i{font-style:normal;color:var(--green)}.stat strong{font-size:25px;display:block;margin:10px 0 3px}.stat small{color:#657970;font-size:9px}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.card-head h3{font-size:11px;margin:0;letter-spacing:.2px}.card-head span{font-size:9px;color:var(--muted)}.card-body{padding:18px}.audit-row,.history-row,.tool-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #1c3028}.audit-row:last-child,.history-row:last-child{border:0}.score{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--green);font-size:10px;font-weight:800}.audit-row span,.history-row span{display:grid;gap:3px;min-width:0;flex:1}.audit-row b,.history-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-row small,.history-row small{font-size:8px;color:var(--muted)}.badge{padding:5px 8px;border-radius:20px;font-size:8px;background:#36e39a10;color:var(--green)}.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool{padding:14px;border:1px solid #1f352c;border-radius:10px;background:#0c1814;cursor:pointer}.tool:hover{border-color:#3c6855;transform:translateY(-1px)}.tool i{font-style:normal;color:var(--green);font-size:18px}.tool b{display:block;font-size:10px;margin:10px 0 4px}.tool small{font-size:8px;color:var(--muted)}.audit-hero{background:radial-gradient(circle at 80% 10%,#2b8b6133,transparent 30%),linear-gradient(145deg,#10231c,#0c1915);border:1px solid #244436;border-radius:15px;padding:30px;margin-bottom:20px}.audit-hero h2{font-size:22px;letter-spacing:-.7px;margin:0 0 8px}.audit-hero p{font-size:11px;color:var(--muted)}.audit-form{display:flex;gap:9px;margin-top:20px}.audit-form input{flex:1;background:#07110d;border:1px solid #284439;border-radius:9px;color:white;padding:13px;outline:none}.audit-form select{background:#07110d;border:1px solid #284439;color:white;border-radius:9px;padding:0 12px}.loading{padding:45px;text-align:center;color:var(--muted);font-size:11px}.spinner{width:32px;height:32px;border:3px solid #1f3a2f;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.result-top{display:grid;grid-template-columns:180px 1fr;gap:18px;margin-bottom:15px}.big-score{display:grid;place-content:center;text-align:center;min-height:165px}.big-score strong{font-size:45px;color:var(--green)}.big-score small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.issue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.issue-stat{display:grid;place-content:center;text-align:center}.issue-stat b{font-size:23px}.issue-stat small{font-size:8px;color:var(--muted);text-transform:uppercase}.issues-table{width:100%;border-collapse:collapse}.issues-table th,.issues-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #1b2f27;font-size:9px}.issues-table th{color:#687d74;text-transform:uppercase;letter-spacing:.7px}.sev{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:8px}.sev.error{background:var(--red)}.sev.warning{background:var(--orange)}.sev.notice{background:var(--blue)}.studio{display:grid;grid-template-columns:330px 1fr;gap:14px;align-items:start}.studio-form{padding:19px;position:sticky;top:85px}.output{min-height:560px}.output-empty{min-height:500px;display:grid;place-content:center;text-align:center;color:#6f847b}.output-empty i{font-style:normal;font-size:35px;color:var(--green)}.output-empty h3{font-size:14px;color:#bdd0c8}.article{padding:28px;white-space:pre-wrap;font-family:Georgia,serif;line-height:1.75;color:#dce9e3;font-size:13px}.article-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line)}.article-toolbar small{color:var(--muted);font-size:9px}#toast{position:fixed;z-index:99;right:22px;bottom:22px;background:#eff8f3;color:#0c1b15;padding:12px 16px;border-radius:9px;font-size:10px;font-weight:750;box-shadow:0 20px 60px #0008;transform:translateY(80px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}.error-text{color:#ff7c83;font-size:10px}.empty{padding:40px;text-align:center;color:var(--muted);font-size:10px}.mobile-menu{display:none}.tabbar{display:flex;gap:7px;margin-bottom:14px;overflow:auto;padding-bottom:3px}.tabbar button{white-space:nowrap;border:1px solid var(--line);background:#0c1915;color:var(--muted);border-radius:9px;padding:10px 14px;font-size:10px}.tabbar button.active,.tabbar button:hover{background:#173126;color:var(--green);border-color:#2d5c48}.tool-form{padding:20px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.raw-output{margin:0;padding:20px;max-height:520px;overflow:auto;color:#b9cec5;background:#07110d;font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.compare-images>div{display:grid;gap:7px;color:var(--muted);font-size:9px}.compare-images img{width:100%;height:260px;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#23352f 0 25%,#17251f 0 50%) 50%/20px 20px}.conversion-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 18px}.conversion-stats span{display:grid;gap:3px;padding:12px;background:#0a1612;border:1px solid var(--line);border-radius:9px}.conversion-stats b{font-size:13px}.conversion-stats small{font-size:8px;color:var(--muted);text-transform:uppercase}.image-result>a{display:inline-block;text-decoration:none}.result-image{display:block;max-width:100%;max-height:500px;margin:0 auto 20px;border-radius:10px;background:repeating-conic-gradient(#23352f 0 25%,#17251f 0 50%) 50%/20px 20px}.muted-copy{color:var(--muted);font-size:11px;line-height:1.6}.card-body h2{font-size:20px;word-break:break-all}.article-toolbar span{display:flex;gap:6px}.article-toolbar .btn{padding:7px 9px}@media(max-width:850px){.auth{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.shell{display:block}.sidebar{position:fixed;z-index:20;width:238px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:block;border:0;background:none;color:white}.topbar{padding:0 17px}.content{padding:28px 17px}.stats{grid-template-columns:1fr 1fr}.grid-2,.studio,.result-top{grid-template-columns:1fr}.studio-form{position:static}.audit-form{flex-direction:column}.page-head{align-items:flex-start}.issue-stats{grid-template-columns:repeat(3,1fr)}.compare-images{grid-template-columns:1fr}.conversion-stats{grid-template-columns:1fr 1fr}}