:root{font-family:system-ui,-apple-system,sans-serif;color:#202c43;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}#entry{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}.brand{font-size:18px;letter-spacing:4px;margin-bottom:32px;font-weight:750}.brand span{font-weight:400;font-size:11px;letter-spacing:2px;color:#64776e}.card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid #dce3ef;border-radius:18px;box-shadow:0 16px 48px #263d2410}.eyebrow{color:#64748b;font-size:13px}h1{font-size:28px;margin:12px 0}form{display:grid;gap:18px;margin-top:26px}label{display:grid;gap:8px;font-size:13px}input{font:inherit;border:1px solid #cbd5e1;padding:12px;border-radius:8px;width:100%;background:#f8fafc}input:focus{outline:2px solid #2563eb;outline-offset:2px}button{font:inherit;cursor:pointer;padding:12px 18px;border:0;border-radius:8px;background:#1d4ed8;color:#fff}button:not(.text):hover:not(:disabled){background:#1e40af}button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.text{background:none;color:#1d4ed8;padding:6px 0;font-size:13px}#status{font-size:13px;line-height:1.6;min-height:22px;color:#64748b}#status.error{color:#a33326}#workspace{height:100dvh;display:flex;flex-direction:column}header{height:48px;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid #dce3ef;background:#fff}header strong{font-size:16px}header span{margin-left:auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header button{font-size:12px;padding:7px 12px}iframe{border:0;width:100%;flex:1;min-height:0;background:#fff}@media(max-width:480px){.card{padding:26px}header{gap:10px;padding:0 10px}}