@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#15171c;--surface:#202329;--surface2:#292d36;--line:#383e48;--text:#f4f6fc;--muted:#a5adbc;--accent:#8c77ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#1b1e24}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750}.brand img{width:125px;height:48px;object-fit:contain;object-position:left}.layout{display:flex;min-height:calc(100vh - 70px)}aside{width:252px;flex-shrink:0;border-right:1px solid var(--line);padding:24px 14px}aside a{display:block;padding:13px 16px;border-radius:14px;color:var(--muted);margin-bottom:6px}aside a.active,aside a:hover{background:#33314b;color:#fff}main{width:min(1050px,100%);padding:44px 44px;margin:0 auto}h1{font-size:32px;letter-spacing:-1px}h2{font-size:18px;margin:32px 0 18px}.muted,small{color:var(--muted)}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px;margin:16px 0}.device{display:flex;align-items:center;gap:22px;min-height:110px}.device .icon{width:58px;height:58px;background:#353947;border-radius:50%;display:grid;place-items:center;font-size:30px}.device .details{flex:1}.device h3{margin:0 0 10px;font-size:20px}.online{color:#6ed9a4}.offline{color:#9da5b5}.btn{border:0;border-radius:11px;padding:12px 18px;background:var(--accent);color:white;font-weight:650;display:inline-block}.btn.secondary{background:#343946}.btn.danger{background:#733744}.btn:disabled{opacity:.45}.actions{display:flex;gap:8px;flex-wrap:wrap}.hero{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:30px}.hero-inner{max-width:650px;text-align:center}.hero h1{font-size:52px}.hero p{line-height:1.7}.field{display:block;width:100%;border:1px solid #4b5260;border-radius:11px;background:#16191f;color:#fff;padding:14px;margin:10px 0 18px}.panel{max-width:480px;margin:40px auto}.message{min-height:22px;color:#ffb4b4}.viewer{height:calc(100vh - 70px);display:flex;flex-direction:column}.toolbar{padding:12px 18px;display:flex;align-items:center;gap:12px;background:#222630}.screen{flex:1;display:grid;place-items:center;overflow:hidden;background:#0b0d10}.screen img{max-width:100%;max-height:100%;object-fit:contain;outline:none}.screen img:focus{outline:2px solid #8275ee}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.settings-link{display:block}.settings-link:hover{border-color:#8c77ff}@media(max-width:700px){aside{width:170px}main{padding:22px 16px}.top{padding:0 15px}.hero h1{font-size:34px}.device{flex-wrap:wrap}.brand img{width:100px}}