.control-layout{grid-template-columns:.8fr 1.5fr}.control-content{min-width:0}nav{display:flex;gap:20px;align-items:center;font-size:13px}.control-content .workspace{margin-bottom:20px}.items{margin-top:20px}.item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.item small{display:block;color:var(--muted);font:10px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.item button{flex-shrink:0}.quiet{background:var(--pale);color:var(--ink)}.inline-form{margin-top:24px}.inline-form label{margin-top:16px}select{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f9fcff;color:var(--ink);font:13px "Segoe UI",sans-serif}select:focus-visible{outline:3px solid #266bc44d;outline-offset:3px}.secret-box{margin-top:22px;padding:18px;background:var(--pale);border-radius:6px}.secret-box input{font-size:11px}.mono{font:11px ui-monospace,monospace;overflow-wrap:anywhere}#notice{min-height:20px;font-size:13px;color:var(--blue)}#notice[data-error=true]{color:#a23f3f}form .actions{margin-top:16px}.connection>form{margin-top:22px}.response-label{display:flex;justify-content:space-between;margin:22px 0 10px}.intro .route{margin-top:44px}#output{height:300px}.item a{color:var(--blue)}[hidden]{display:none!important}@media(max-width:900px){.control-layout{grid-template-columns:1fr}.intro h1{font-size:42px}.intro .route{max-width:420px}.item{flex-wrap:wrap}}

.oauth-button{display:block;text-align:center;padding:13px 18px;background:var(--ink);color:var(--white);border-radius:5px;margin:20px 0 12px;font-size:13px}.policy-select{max-width:170px;width:auto;font-size:11px}.item{flex-wrap:wrap}nav{flex-wrap:wrap}

.service-preview{width:100%;height:70vh;border:1px solid var(--line,#cbd5e1);background:white;margin-top:24px;}
#preview{grid-column:1/-1;min-width:0;}