.screen-stage{margin:2rem 0 0;border:1px solid #cfd4d7;border-radius:16px;overflow:hidden;background:#e8ebec;box-shadow:0 18px 36px #10202a12}.screen-top{display:flex;align-items:center;gap:6px;padding:12px 15px;background:#f8f9f9;border-bottom:1px solid #d5dadc}.screen-dot{width:8px;height:8px;border-radius:50%;background:#c7ccce}.screen-url{margin-left:14px;flex:1;max-width:260px;border:1px solid #d9dddf;border-radius:999px;background:#fff;color:#8a9195;padding:5px 12px;font-size:.65rem}.screen-body{display:grid;grid-template-columns:180px 1fr;min-height:300px}.screen-sidebar{display:flex;flex-direction:column;gap:13px;padding:22px 17px;background:#232729;color:#d9dddf;font-size:.75rem}.screen-sidebar strong{margin-bottom:11px;font-size:1rem;color:#fff}.screen-sidebar span{padding:7px 8px;border-radius:7px}.screen-sidebar .screen-active{background:#4d565a;color:#fff}.screen-panel{padding:27px 30px;background:#fff}.screen-kicker{font-size:.62rem;letter-spacing:.13em;color:#737b7f;font-weight:800}.screen-panel h4{margin:12px 0 5px;font-size:1.35rem;letter-spacing:-.035em}.screen-muted{margin:0 0 18px;color:#7b8387;font-size:.74rem}.screen-field,.screen-upload,.screen-instructions{display:flex;flex-direction:column;gap:6px;border:1px solid #d9dfe1;border-radius:9px;padding:12px 14px;margin-top:10px;background:#fafbfb}.screen-field span,.screen-upload span,.screen-instructions span{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#788084;font-weight:800}.screen-field b,.screen-upload b,.screen-instructions b{font-size:.77rem;font-weight:500;color:#252b2d}.screen-upload{border-style:dashed;background:#f4f6f6}.screen-upload small{color:#7b8387;font-size:.68rem}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px}.screen-actions button,.connector-row button{border:0;border-radius:7px;background:#202426;color:#fff;padding:8px 12px;font:600 .7rem Inter,Arial,sans-serif}.screen-callout{color:#6f7a7e;font-size:.58rem;letter-spacing:.08em;font-weight:800}.click-path{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px 15px;border-left:3px solid #24292b;background:#f0f1f1;color:#62696d;font-size:.78rem}.click-path span{white-space:nowrap;color:#7b8387;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.click-path strong{font-weight:500;color:#252b2d}.connector-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e2e5e6}.connector-row b{display:block;font-size:.78rem}.connector-row small{display:block;color:#7a8387;font-size:.65rem;margin-top:2px}.connector-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;font-size:.68rem;font-weight:800}.connector-logo.gmail{background:#c24e45}.connector-logo.calendar{background:#3f75aa}.connector-logo.drive{background:#4c9b73}
@media(max-width:720px){.screen-body{grid-template-columns:1fr}.screen-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px}.screen-sidebar strong{grid-column:1/-1;margin:0}.screen-panel{padding:22px 18px}.screen-grid{grid-template-columns:1fr}.click-path{align-items:flex-start;flex-direction:column;gap:4px}}