*{box-sizing:border-box}body{margin:0;background:#edf2f5;color:#172c3b;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{background:#102d3d;color:#fff;padding:52px 8%;display:flex;flex-direction:column;justify-content:space-between;gap:55px}.mark{font-size:30px;font-weight:800;color:#69ddc7;display:flex;align-items:center;gap:18px}.mark span{font-size:12px;letter-spacing:2px;color:#d4e6ed;border-left:1px solid #526c79;padding-left:18px}.tag{font-size:11px;letter-spacing:2px;color:#75dfcc}.brand h1{font-size:clamp(34px,4.5vw,64px);line-height:1.12;letter-spacing:-2px;font-weight:650;margin:22px 0}.brand p{max-width:380px;color:#b9ccd5;font-size:17px}.flow{display:flex;gap:15px;margin-top:40px;font-size:13px;align-items:center}.flow span{border:1px solid #426071;border-radius:7px;padding:9px 12px}.flow b{color:#69ddc7}.brand small{color:#91afbd;font-size:12px}.access{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:65px clamp(25px,6vw,100px)}.eyebrow{font-size:11px;letter-spacing:2px;color:#157c70;font-weight:750}h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:13px 0}p.sub{color:#647581;margin:0 0 30px}label{display:block;font-size:13px;font-weight:650;margin:19px 0 7px}input{width:100%;border:1px solid #cbd6de;border-radius:8px;padding:13px 14px;font:inherit;background:#fff;color:#172c3b}input:focus{outline:3px solid #a6e8da;border-color:#178c7a}input[readonly]{background:#f2f5f7;color:#5b6d78}.labelrow{display:flex;justify-content:space-between;align-items:baseline}.link{background:none;border:0;color:#197967;cursor:pointer;font:inherit;font-size:12px;padding:6px}.primary{width:100%;padding:14px;border:0;border-radius:8px;background:#126f62;color:white;font:inherit;font-weight:700;cursor:pointer;margin-top:25px}.primary:hover{background:#0e5a50}.primary:disabled{opacity:.6;cursor:wait}#message{font-size:14px;min-height:22px;color:#9f2929}details{font-size:13px;color:#61737e;border-top:1px solid #e1e8ed;padding-top:15px}summary{cursor:pointer;font-weight:600}footer{font-size:11px;color:#788a94;margin-top:40px}.profile,.notice{padding:17px;background:#f0f6f5;border:1px solid #d4e7e2;border-radius:8px;margin-top:22px}.profile p,.notice p{margin:5px 0;font-size:14px}.notice{background:#fff8e8;border-color:#eadcb7}ul{padding-left:20px;font-size:14px}h3{font-size:15px;margin-top:25px}#identity{word-break:break-word;font-size:14px;color:#61737e}[hidden]{display:none!important}@media(max-width:780px){main{grid-template-columns:1fr}.brand{padding:25px;gap:25px}.brand h1{font-size:34px;letter-spacing:-1px}.brand h1 br{display:none}.brand h1 br:after{content:' '}.brand p,.flow,.brand small{display:none}.access{padding:35px 25px}.brand h1{margin-bottom:0}.mark{font-size:24px}}

#workspace[hidden]{display:none}#workspace{position:fixed;inset:0;background:#f7faf9;z-index:20}.workspace-bar{height:48px;display:flex;align-items:center;gap:16px;padding:0 18px;background:#102f3e;color:#fff}.workspace-bar span{margin-left:auto;font-size:12px}.workspace-bar button{width:auto;padding:6px 16px;background:#fff;color:#123}#production-frame{border:0;width:100%;height:calc(100vh - 48px)}@media(max-width:600px){.workspace-bar span{display:none}}