:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#1d302a;background:#f4f5f0;font-synthesis:none;font-size:14px;--green:#284f43;--muted:#73817a;--line:#dce2d8}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:0 32px}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:23px;font-weight:700}.logo{background:#284f43;color:#f1f8d6;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:30px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:3px}.connection{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:20px}.connection.online{color:var(--green);background:#e6efdf}.pairing{max-width:510px;margin:70px auto 60px}.eyebrow{letter-spacing:2.5px;color:#7a8a67;font-size:10px;font-weight:650}h1{font-size:43px;line-height:1.4;font-weight:550;letter-spacing:-1.5px;margin:16px 0}.intro{line-height:1.9;color:var(--muted);margin-bottom:32px}.card,.input-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 32px #20351c04}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:25px}.card-heading h2,.input-heading h2{font-size:15px;margin:0;font-weight:600}.step{color:#8c9c73;font-size:12px}.badge{margin-left:auto;font-size:10px;background:#eef3e9;padding:5px 8px;border-radius:5px;color:#5a7450}label{display:block;font-size:12px;color:#52665a;margin-bottom:8px}input,textarea{font:inherit;color:inherit;width:100%;border:1px solid var(--line);background:#fbfcf8;border-radius:9px;padding:13px;outline:none;resize:vertical}input{margin-bottom:20px}input:focus,textarea:focus{border-color:#759e7f;box-shadow:0 0 0 3px #759e7f16}#code{font-size:18px;letter-spacing:3px}#code::placeholder{font-size:13px;letter-spacing:.5px}button{font:inherit;border:0;cursor:pointer;border-radius:9px;min-height:43px;padding:10px 16px;transition:background .15s}button:focus-visible{outline:3px solid #92b49b;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:#f5f9ee}.primary:hover:not(:disabled){background:#1b3d33}.primary.active{background:#a45f3c}.secondary{background:#e9ede4;color:#435643}.card>.primary{width:100%;display:flex;justify-content:space-between;align-items:center}.hint{font-size:11px;color:#8b958d;line-height:1.8;margin:14px 0 0}.features{display:flex;justify-content:center;gap:24px;font-size:11px;color:#8a9684;margin-top:25px}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;color:#919b8d;font-size:10px;letter-spacing:.5px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-top:34px}.workspace-heading h1{font-size:29px;margin:8px 0 24px;letter-spacing:-.6px}.quiet{background:none;color:#7c8a7c;font-size:12px;padding:7px;min-height:32px}.mode-tabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.selected{border-bottom:2px solid var(--green);padding:12px 0;font-weight:600}.integration{color:#8c9886;font-size:11px}.desktop-note{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0}.screen-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.screen-bar,.screen-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;color:#87917f;font-size:11px}.screen-bar i{display:inline-block;width:6px;height:6px;background:#88a76d;border-radius:100%;margin-right:5px}.screen-area{background:#11221f;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:auto}.screen-area img{display:block;width:100%;height:auto;cursor:default;user-select:none}.screen-area.controlling img{cursor:crosshair}.screen-area img[hidden]{display:none}#screenEmpty{padding:70px 10px;color:#99afa3;font-size:13px}.screen-footer{padding:11px 16px;font-size:10px}.control-row{display:flex;align-items:center;gap:10px;margin:17px 0 25px}.control-row>span{font-size:11px;color:#8d9983;margin-left:auto}.input-card{padding:19px}.input-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.input-heading span{font-size:10px;color:#939c8c}textarea{line-height:1.7;font-size:13px}.compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.compose-footer>span{font-size:10px;color:#9aa58f}.compose-footer .primary{min-height:36px;font-size:12px}.keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.keys button{background:#e9ede4;color:#576b57;font-size:12px;flex:1;white-space:nowrap;min-height:42px;min-width:95px}.footnote{font-size:11px;color:#94a08d;line-height:1.8;margin:22px 0 35px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);width:max-content;background:#263e33;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #0002;font-size:13px;z-index:5}#notice.error{background:#874c38}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 20px}header{height:83px}.pairing{margin:43px auto 45px}h1{font-size:35px}.intro{font-size:13px}.card{padding:21px}.features{gap:16px;font-size:10px}.workspace-heading{margin-top:27px}.workspace-heading h1{font-size:25px}.workspace-heading .quiet{font-size:11px}.control-row{flex-wrap:wrap}.input-heading{gap:9px}.input-heading span{font-size:9px}.screen-area{min-height:130px}.screen-footer{font-size:9px;padding:10px}footer{font-size:9px}.keys button{min-width:75px;padding:9px}.control-row>span{font-size:10px}.input-card{padding:15px}}