.connection-panel{position:relative;z-index:1;width:100%;margin-top:20px;margin-bottom:20px;padding:22px;border:1px solid #435638;border-radius:20px;background:#19241c;color:#f3f5ed;box-sizing:border-box}
.connection-panel h2{font-size:clamp(22px,3vw,30px);line-height:1.15;margin:0 0 14px}.connection-panel p{line-height:1.45;max-width:76ch}
.connection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.connection-open,.connection-copy{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:11px 18px;border-radius:12px;border:1px solid #7eaa53;background:#c8f477;color:#142014;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.connection-open[hidden]{display:none}.connection-copy{background:transparent;color:#e1f3cb}.connection-status{min-height:1.45em;color:#c8f477}.connection-install a{color:#c8f477;text-underline-offset:4px}.connection-note{color:#adbaa8;font-size:14px}.connection-source{box-sizing:border-box;width:100%;min-height:80px;background:#101512;color:#f3f5ed;border:1px solid #7eaa53;border-radius:10px;padding:10px;font:inherit;word-break:break-all}
@media(max-width:480px){.connection-panel{padding:16px}.connection-actions>*{flex:1 1 130px}.connection-panel p{font-size:16px}.connection-panel .connection-note{font-size:13px}}