.connection-workspace-preview{color:#123d30;background:#f1f8f4;border:1px solid #d5e6dd;border-radius:20px;margin:40px 0;padding:32px;scroll-margin-top:100px}.connection-workspace-preview .cwp-intro{max-width:780px}.connection-workspace-preview .cwp-eyebrow{letter-spacing:.09em;color:#087f63;margin:0 0 12px;font-size:12px;font-weight:750}.connection-workspace-preview .cwp-intro h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(25px,3vw,34px);font-weight:750;line-height:1.25}.connection-workspace-preview .cwp-intro>p:not(.cwp-eyebrow){color:#536e62;margin:12px 0;font-size:14px;line-height:1.8}.connection-workspace-preview .cwp-intro .cwp-simulation{background:#fff;border:1px solid #d3e2d9;border-radius:9px;padding:13px 16px}.connection-workspace-preview .cwp-simulation strong{color:#214e3d;font-weight:700;display:block}.connection-workspace-preview .cwp-workspace{background:#fff;border:1px solid #d4e0d8;border-radius:14px;min-width:0;margin-top:24px;padding:26px;box-shadow:0 8px 24px #173b2b06}.connection-workspace-preview .cwp-workspace-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.connection-workspace-preview .cwp-local-label{letter-spacing:.08em;color:#6b8075;font-size:11px;font-weight:750}.connection-workspace-preview .cwp-state{color:#586d61;white-space:nowrap;background:#f0f3f1;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:650}.connection-workspace-preview .cwp-state-running{color:#156344;background:#e3f4ea}.connection-workspace-preview .cwp-state-expired{color:#7b5928;background:#f7efdf}.connection-workspace-preview .cwp-time{border-bottom:1px solid #e3eae5;padding:23px 0}.connection-workspace-preview .cwp-time>span{color:#5d7567;font-size:12px;display:block}.connection-workspace-preview .cwp-time>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#113f2f;margin:7px 0;font-size:48px;font-weight:750;line-height:1.2;display:block}.connection-workspace-preview .cwp-time>small{color:#687d72;font-size:12px;line-height:1.7;display:block}.connection-workspace-preview .cwp-fields{grid-template-columns:minmax(0,1fr) minmax(140px,.5fr);gap:16px;margin-top:23px;display:grid}.connection-workspace-preview .cwp-field{min-width:0}.connection-workspace-preview .cwp-field>label{color:#486756;margin-bottom:8px;font-size:12px;font-weight:650;display:block}.connection-workspace-preview .cwp-field-control{background:#f7faf8;border:1px solid #ccdcd2;border-radius:8px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.connection-workspace-preview .cwp-field-control>input{color:#214c37;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:12px;font-family:ui-monospace,monospace;font-size:14px}.connection-workspace-preview .cwp-field-control>button{cursor:pointer;color:#087459;background:#fff;border:0;border-left:1px solid #ccdcd2;flex-shrink:0;min-height:44px;padding:0 13px;font-size:12px;font-weight:650}.connection-workspace-preview .cwp-explanation,.connection-workspace-preview .cwp-expired p{color:#5d7467;margin:18px 0 0;font-size:13px;line-height:1.8}.connection-workspace-preview .cwp-expired{border-left:3px solid #c7b48f;margin:22px 0 0;padding-left:15px}.connection-workspace-preview .cwp-expired h3{color:#4c533e;margin:0;font-size:16px;font-weight:700;line-height:1.5}.connection-workspace-preview .cwp-expired p{margin:5px 0 0}.connection-workspace-preview .cwp-actions{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.connection-workspace-preview .cwp-actions>button{cursor:pointer;white-space:normal;border:1px solid #cbded1;border-radius:8px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:650;line-height:1.5}.connection-workspace-preview .cwp-actions>.cwp-primary{color:#fff;background:#103e30;border-color:#103e30}.connection-workspace-preview .cwp-actions>.cwp-primary:hover{background:#07553e}.connection-workspace-preview .cwp-actions>.cwp-secondary{color:#325e46;background:#fff}.connection-workspace-preview .cwp-actions>.cwp-secondary:hover,.connection-workspace-preview .cwp-field-control>button:hover{background:#edf6f0}:is(.connection-workspace-preview button:focus-visible,.connection-workspace-preview input:focus-visible){outline-offset:3px;outline:2px solid #087f63}.connection-workspace-preview .cwp-field-control:focus-within{outline-offset:2px;outline:2px solid #087f63}.connection-workspace-preview .cwp-status{color:#32654b;overflow-wrap:anywhere;min-height:21px;margin:14px 0 0;font-size:12px;line-height:1.7}.connection-workspace-preview .cwp-real-service-note{color:#61766a;max-width:830px;margin:18px 0 0;font-size:12px;line-height:1.8}@media (max-width:600px){.connection-workspace-preview{border-radius:15px;margin:30px 0;padding:23px 18px}.connection-workspace-preview .cwp-workspace{padding:20px 16px}.connection-workspace-preview .cwp-intro>p:not(.cwp-eyebrow){font-size:13px}.connection-workspace-preview .cwp-fields{grid-template-columns:minmax(0,1fr);gap:16px}.connection-workspace-preview .cwp-time>strong{font-size:43px}.connection-workspace-preview .cwp-actions{gap:8px}.connection-workspace-preview .cwp-actions>button{padding:10px 12px;font-size:12px}}@media (max-width:360px){.connection-workspace-preview .cwp-actions{flex-direction:column}.connection-workspace-preview .cwp-actions>button{width:100%}}