*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f13;--panel:#191c23;--border:#ffffff15;--muted:#a3aab8;--blue:#92b2ff;--accent:#3b78ff}body{background:var(--bg);color:#f5f6fa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:15px;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a.button{cursor:pointer}button{color:inherit;border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:9px 15px}button:hover,a.button:hover{background:#ffffff12}button:disabled{opacity:.5;cursor:not-allowed}a:hover{color:#b7ccff}input{color:#fff;background:#10131a;border:1px solid #ffffff20;border-radius:10px;outline:none;width:100%;padding:14px 15px}input:focus{border-color:#82a7ff;box-shadow:0 0 0 3px #5389ff22}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:2px solid #9dbdff}main{max-width:1440px;margin:auto;padding:0 58px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:.03em;align-items:center;gap:12px;font-size:18px;display:flex}.brand-mark{color:#111820;background:linear-gradient(150deg,#edf2ff,#7c9fdb);border-radius:10px;place-items:center;width:36px;height:36px;font-size:23px;font-weight:800;display:grid}.brand b{color:#acb3c0;font-weight:500}.topbar nav{color:var(--muted);align-items:center;gap:25px;font-size:13px;display:flex}.login-layout{grid-template-columns:minmax(0,1.25fr) minmax(350px,.8fr);align-items:center;gap:85px;min-height:calc(100vh - 182px);padding:58px 0;display:grid}.eyebrow{color:var(--blue);letter-spacing:.22em;font-size:11px;font-weight:650}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin:20px 0 24px;font-size:64px;font-weight:650;line-height:1.18}h1 span{color:#9ba4b7}.lead{color:var(--muted);font-size:17px;line-height:1.9}.login-card{background:linear-gradient(135deg,#20242d,#15181e);border:1px solid #ffffff16;border-radius:24px;padding:40px;box-shadow:0 25px 75px #0004}.login-card h2{margin:14px 0 8px;font-size:25px}.login-card>p{color:var(--muted);font-size:14px}.login-card form{margin-top:30px}label{margin:17px 0 8px;font-size:13px;font-weight:550;display:block}.primary{background:var(--accent);border:1px solid #729fff44;padding:12px 20px;font-weight:600;box-shadow:0 8px 24px #1a58db18}.primary:hover{background:#4c84ff}.full{width:100%;margin:25px 0 20px}.help{text-align:center;color:#b1bdd3;font-size:13px;display:block}.card-note{color:#c4cbd6;border-top:1px solid var(--border);margin-top:30px;padding-top:22px;font-size:13px}.card-note small{color:#949cab;margin:5px 0 0 17px;font-size:12px;display:block}.dot{vertical-align:middle;background:#7bdbb2;border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block;box-shadow:0 0 10px #75deb34d}.scene-graphic{isolation:isolate;max-width:470px;height:215px;margin-top:35px;position:relative}.scene{border:1px solid #ffffff25;border-radius:13px;width:65%;height:170px;position:absolute;top:10px;overflow:hidden;box-shadow:0 12px 35px #0005}.scene>span:first-child:not(.scene-label){color:#b2bed1;font-size:11px;position:absolute;bottom:12px;right:15px}.scene-back{opacity:.65;background:linear-gradient(120deg,#292c36,#26333b);right:0;transform:rotate(9deg)}.scene-mid{opacity:.85;background:linear-gradient(150deg,#39445f,#182938);right:14%;transform:rotate(2deg)}.scene-front{background:radial-gradient(at 70% 15%,#a3a3ba55,#0000 50%),linear-gradient(155deg,#26384a,#171d2a 70%);top:21px;left:0;transform:rotate(-5deg)}.scene-horizon{background:linear-gradient(145deg,#101822,#384962);border-top:1px solid #8ba2b04a;position:absolute;inset:47% -30% -50%;transform:rotate(-13deg)}.scene-label{letter-spacing:.17em;color:#d9e2ee;font-size:9px;position:absolute;top:15px;left:16px}.play-icon{color:#ebf2ff;font-size:22px;position:absolute;top:43%;left:46%}.frame-line{border:1px solid #ffffff20;border-radius:4px;position:absolute;inset:12px}.scene-count{font-size:10px;position:absolute;bottom:15px;left:16px}.benefits{color:#a4adbb;gap:23px;font-size:12px;display:flex}.benefits span+span{border-left:1px solid #ffffff20;padding-left:23px}.error{background:#df5a5a12;border:1px solid #df5a5a45;border-radius:10px;font-size:13px;line-height:1.6;color:#ffb9b9!important;padding:12px!important}.loading{min-height:70vh;color:var(--muted);place-content:center;display:grid}footer{border-top:1px solid var(--border);color:#707b8c;justify-content:space-between;padding:22px 0;font-size:11px;display:flex}footer span:last-child{letter-spacing:.12em}.workspace{min-height:calc(100vh - 182px);padding:52px 0 65px}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.workspace h1{margin:12px 0;font-size:38px}.workspace-heading p{color:var(--muted);margin:0}.pill{color:#9ee7c9;background:#75deb30a;border:1px solid #75deb333;border-radius:30px;padding:7px 15px;font-size:12px}.workspace-grid{grid-template-columns:1.6fr 1fr;gap:25px;display:grid}.connection-card,.release-card{border:1px solid var(--border);background:linear-gradient(130deg,#1d212a,#16191f);border-radius:22px;padding:32px}.step{color:var(--blue);margin-bottom:22px;font-size:12px}.workspace h2{margin-bottom:14px;font-size:25px}.workspace p{color:var(--muted);font-size:14px}.pair-form{max-width:400px;margin:30px 0 20px}.pair-form>div{gap:10px;display:flex}.pair-form input{letter-spacing:.2em;min-width:0}.pair-form button{white-space:nowrap}.text-button{color:#b8ccff;background:0 0;border:0;padding:10px 0;font-size:13px}.setup{border-top:1px solid var(--border);color:#b2bbc9;padding-top:12px;font-size:13px}.setup ol{padding-left:20px}.setup li{margin-bottom:12px}.download-row{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.button{color:#d8e5ff;border:1px solid #ffffff25;border-radius:9px;padding:9px 13px}.setup p{font-size:12px}.release-number{border-bottom:1px solid var(--border);padding-bottom:20px;font-size:31px}.release-number span{color:var(--muted);font-size:11px;display:block}.release-card ul{color:#d0d5df;padding-left:18px;font-size:13px;line-height:2}.release-card p{font-size:13px}.text-link{color:var(--blue);font-size:12px}.data-note{color:#8f9aaa;gap:24px;margin-top:26px;padding:20px 4px;font-size:12px;display:flex}.data-note b{white-space:nowrap;color:#bac3d2;font-weight:500}.ready{color:#a8e7cd;background:#76d7ad08;border:1px solid #76d7ad33;border-radius:12px;margin:25px 0;padding:20px}.ready button{width:100%;margin-top:20px;display:block}.studio-shell{flex-direction:column;height:100vh;display:flex}.studio-bar{border-bottom:1px solid var(--border);background:#161a22;align-items:center;gap:20px;padding:7px 16px;font-size:12px;display:flex}.studio-bar button{padding:5px 12px}.studio-email{color:var(--muted);margin-left:auto}.studio-shell iframe{background:var(--bg);border:none;flex:1;width:100%}@media (min-width:1600px){main{max-width:1500px}.login-layout{gap:130px}}@media (max-width:1000px){main{padding:0 28px}.login-layout{grid-template-columns:1fr 1fr;gap:35px}h1{font-size:49px}.login-card{padding:28px}.benefits{flex-wrap:wrap;gap:8px}.benefits span+span{padding-left:10px}.workspace-grid{grid-template-columns:1fr}.scene-graphic{height:190px}.scene{height:145px}}@media (max-width:720px){main{padding:0 20px}.topbar{height:76px}.brand{font-size:15px}.login-layout{flex-direction:column;align-items:stretch;gap:25px;padding:35px 0;display:flex}.intro h1{font-size:43px}.lead{font-size:15px}.scene-graphic,.benefits{display:none}.login-card{border-radius:19px;padding:27px}.workspace{padding-top:30px}.workspace-heading{display:block}.workspace h1{font-size:28px}.pill{margin-top:16px;display:inline-block}.connection-card,.release-card{padding:24px}.workspace h2{font-size:22px}.data-note{display:block}.data-note span{margin-top:7px;display:block}.studio-email{display:none}footer{gap:20px}footer span:last-child{display:none}}