.connected-workflow .connected-result{display:block;min-width:0}
.tool-specific-scene{min-height:330px;background:#fff;border:1px solid #d7e2f1;border-radius:18px;padding:25px;box-shadow:0 16px 35px #071a3d08;color:#071a3d}
.scene-instruction{border-left:3px solid #f26b27;padding-left:15px}.scene-instruction small,.scene-code>small,.scene-booking>small{font-size:12px;color:#526987}.scene-instruction p{font-size:17px;line-height:1.5;margin:7px 0 0;color:#003574}
.scene-transfer{display:block;font-size:12px;color:#647a99;margin:17px 0;text-align:center}
.scene-prototype{background:#f5f0e7;border:1px solid #ded9cf;border-radius:12px;padding:20px;color:#35443a}.scene-prototype>b{font-size:20px}.scene-prototype h3{font:400 30px/1.12 Georgia,serif;margin:15px 0}.scene-prototype>div{display:flex;gap:10px;font-size:12px}.scene-prototype>div span{padding:8px 13px;border-radius:6px;background:#fff}.scene-prototype>div span:last-child{background:#35443a;color:#fff}
.scene-code{background:#071a3d;border-radius:12px;padding:20px;margin:22px 0;color:#fff}.scene-code>small{color:#bbcbe5}.scene-code code{display:grid;gap:11px;margin-top:16px;font-size:13px;line-height:1.6;color:#addec8}
.scene-result{display:flex;align-items:flex-start;gap:14px;margin-top:20px}.scene-result>span{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#eef3fb;border-radius:50%;color:#29408e;font-size:19px}.scene-result b{font-size:16px;color:#003574;line-height:1.4}.scene-result p{font-size:14px;line-height:1.6;color:#526987;margin:5px 0 0}
.scene-repository{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e0e7f1}.scene-repository b{font-size:18px;color:#003574}.scene-repository small{font-size:12px;color:#647a99}.scene-commits{list-style:none;padding:0;margin:22px 0}.scene-commits li{display:flex;align-items:center;gap:18px;position:relative;padding:10px 0}.scene-commits li:not(:last-child):before{content:'';width:2px;background:#cedcf0;position:absolute;left:6px;top:27px;bottom:-11px}.scene-commits i{width:14px;height:14px;border-radius:50%;background:#29408e;z-index:1}.scene-commits b{font-size:16px;display:block;color:#003574}.scene-commits small{font-size:12px;display:block;margin-top:5px;color:#647a99}
.scene-deploy-steps{display:grid;gap:16px;padding:23px 0;font-size:15px;color:#29408e}.scene-live{border:1px solid #cadfd6;background:#f6fbf8;padding:18px;border-radius:12px}.scene-live b{font-size:17px;color:#003574}.scene-live p{font-size:14px;line-height:1.6;color:#526987;margin:10px 0 0}.scene-live-dot{display:inline-block;width:8px;height:8px;background:#3b8b67;border-radius:50%;margin-right:8px}.scene-disclosure{display:block;margin-top:16px;font-size:12px;color:#647a99}
.scene-booking{display:flex;flex-direction:column;gap:13px;padding:5px 0 23px}.scene-booking b{font-size:25px;color:#003574}.scene-booking>span{font-size:13px;color:#526987}.scene-data-table{border:1px solid #d8e2ef;border-radius:10px;overflow:hidden}.scene-data-table>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px;font-size:14px}.scene-data-table>div:first-child{background:#eef3fb;color:#003574}.scene-data-table>div:last-child{background:#f8fcfa;color:#345d4a}
@media(prefers-reduced-motion:no-preference){.tool-specific-scene{animation:tool-scene-enter .32s ease-out}@keyframes tool-scene-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:650px){.tool-specific-scene{padding:20px;min-height:0}.scene-repository{flex-wrap:wrap}.scene-code code{font-size:12px}}