.automation-demo{background:#161c18;border:1px solid #34423b;border-radius:10px;width:100%;min-width:0;overflow:hidden}.automation-demo-top{background:#19231d;border-bottom:1px solid #34423b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:17px 27px;display:flex}.automation-sample-label{color:var(--accent,#82dfce);letter-spacing:.035em;align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.automation-sample-label>span{background:currentColor;border-radius:50%;width:5px;height:5px}.automation-local-label{color:#a7b9ae;align-items:center;gap:7px;font-size:9px;display:flex}.automation-demo-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);display:grid}.automation-demo-inputs{padding:30px}.automation-demo-inputs h3,.automation-demo-result h3{letter-spacing:-.7px;margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.25}.automation-demo-description{color:var(--muted,#a0aaa7);margin:0 0 25px!important;font-size:12px!important;line-height:1.8!important}.automation-field{color:#d1ded7;flex-direction:column;gap:8px;min-width:0;font-size:11px;display:flex}.automation-field>span{font-weight:500;line-height:1.5}.automation-field input,.automation-field select,.automation-field textarea{color:#e0e9e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111914;border:1px solid #38483d;border-radius:5px;width:100%;min-width:0;min-height:43px;padding:11px 12px;font-family:inherit;font-size:12px;line-height:1.5}.automation-field select{padding-right:25px}.automation-field textarea{resize:vertical;min-height:88px}.automation-field input::placeholder{color:#84968a;font-size:10px}.automation-field input:focus,.automation-field select:focus,.automation-field textarea:focus{outline:2px solid var(--accent,#82dfce);outline-offset:3px;border-color:var(--accent,#82dfce)}.automation-field small{color:#92a698;font-size:10px;line-height:1.7}.automation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;margin-top:19px;display:grid}.automation-field-wide{grid-column:1/-1}.automation-demo-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px;display:flex}.automation-demo-actions .btn{gap:10px;font-size:11px}.automation-reset{color:#a8bdb0;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:11px;display:flex}.automation-reset:hover{color:var(--accent,#82dfce)}.automation-policy{color:#a4b8aa;border-top:1px solid #303e34;margin-top:25px;padding-top:17px;font-size:10px;line-height:1.8}.automation-policy summary{cursor:pointer;color:#c0d3c6;font-size:10px}.automation-policy ul{gap:7px;margin:12px 0 0;padding-left:17px;display:grid}.automation-demo-result{background:linear-gradient(150deg,#1e2c23,#17211b);border-left:1px solid #34463b;min-width:0;padding:31px}.automation-result-label{letter-spacing:.09em;text-transform:uppercase;color:var(--accent,#82dfce);align-items:center;gap:8px;margin-bottom:18px;font-size:9px;display:flex}.automation-result-label>span{background:currentColor;border-radius:50%;width:5px;height:5px}.automation-demo-result[data-status=held] .automation-result-label{color:#f0c382}.automation-demo-result[data-status=invalid] .automation-result-label{color:#f2b4a4}.automation-demo-result[data-status=awaiting_approval] .automation-result-label{color:#aed1fb}.automation-demo-result h3:focus{outline:none}.automation-demo-result .automation-result-summary{color:#b4cbbc;font-size:11px;line-height:1.6;margin:0 0 24px!important}.automation-steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.automation-steps li{align-items:flex-start;gap:11px;min-width:0;display:flex}.automation-step-mark{color:#adc0b3;background:#16201a;border:1px solid #536b59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-family:monospace;font-size:8px;display:flex}.automation-steps li[data-state=complete] .automation-step-mark{color:var(--accent,#82dfce);background:#82dfce08;border-color:#82dfce65}.automation-steps li[data-state=held] .automation-step-mark{color:#f0c382;background:#e7b37808;border-color:#e7b37866}.automation-steps li[data-state=review] .automation-step-mark{color:#aed1fb;border-color:#aed1fb66}.automation-steps strong{color:#d4e2d9;margin-top:2px;font-size:11px;font-weight:500;line-height:1.6;display:block}.automation-steps li p{color:#a0b8a8;overflow-wrap:anywhere;margin:4px 0 0!important;font-size:10px!important;line-height:1.7!important}.automation-human-review{border-top:1px solid #415848;margin-top:23px;padding-top:19px}.automation-human-review>span{color:#b8d3c0;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;display:flex}.automation-human-review>div{flex-wrap:wrap;gap:8px;display:flex}.automation-human-review .btn{gap:7px;min-height:38px;padding:10px 13px;font-size:10px}.automation-download{color:#c3dbcc;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #415848;align-items:center;gap:9px;width:100%;margin-top:23px;padding:16px 0 0;font-size:11px;display:flex}.automation-download>svg:first-child{color:var(--accent,#82dfce)}.automation-download>svg:last-child{margin-left:auto}.automation-download:hover{color:var(--accent,#82dfce)}.automation-idle-symbol{width:65px;height:65px;color:var(--accent,#82dfce);background:#82dfce08;border:1px solid #82dfce4d;border-radius:11px;justify-content:center;align-items:center;margin:32px 0 28px;display:flex}.automation-demo-result .automation-idle-description{color:#a9c1b2;max-width:320px;font-size:12px;line-height:1.9;margin:17px 0 25px!important}.automation-idle-path{color:#b5d1bf;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.automation-idle-path>span{background:#82dfce05;border:1px solid #435c4b;border-radius:4px;padding:7px 9px}.automation-idle-path>svg{color:#6f9e80;flex-shrink:0}.automation-demo-result .automation-idle-hint{color:#92af9c;border-top:1px solid #415848;max-width:340px;padding-top:22px;font-size:10px;line-height:1.8;margin:28px 0 0!important}.automation-demo-bottom{background:#151d17;border-top:1px solid #34423b;justify-content:space-between;align-items:center;gap:25px;padding:17px 27px;display:flex}.automation-demo-bottom p{color:#95ae9e;max-width:640px;margin:0!important;font-size:9px!important;line-height:1.8!important}.automation-demo-bottom>span{color:#a5c6b1;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.automation-demo-bottom svg{color:var(--accent,#82dfce)}.automation-demo .automation-announcement{color:var(--accent,#82dfce);background:#1a2720;border-top:1px solid #34423b;padding:13px 27px;margin:0!important;font-size:10px!important;line-height:1.8!important}.automation-demo .automation-announcement:empty{border:0;height:0;padding:0;overflow:hidden}@media (max-width:950px){.automation-demo-inputs,.automation-demo-result{padding:25px}.automation-demo-inputs h3,.automation-demo-result h3{font-size:24px}.automation-demo-bottom{flex-direction:column;align-items:flex-start;gap:9px}.automation-human-review .btn{font-size:9px}.automation-idle-path{gap:6px;font-size:9px}.automation-idle-path>span{padding:6px}}@media (max-width:700px){.automation-demo-grid{grid-template-columns:1fr}.automation-demo-result{border-top:1px solid #34463b;border-left:0}.automation-demo-top{padding:15px 23px}.automation-demo-inputs,.automation-demo-result{padding:25px 23px}.automation-idle-symbol{margin-top:4px}.automation-demo-bottom{padding:17px 23px}.automation-demo .automation-announcement{padding:13px 23px}.automation-demo-description{max-width:450px}.automation-idle-path{gap:10px;font-size:10px}.automation-idle-path>span{padding:7px 9px}}@media (max-width:390px){.automation-form-grid{grid-template-columns:1fr}.automation-field-wide{grid-column:auto}.automation-demo-inputs,.automation-demo-result{padding:23px 19px}.automation-demo-top{padding:15px 19px}.automation-demo-bottom{padding:16px 19px}.automation-demo .automation-announcement{padding:12px 19px}.automation-demo-bottom>span{white-space:normal}.automation-demo-actions{gap:15px}.automation-idle-path{gap:7px;font-size:9px}}@media (prefers-reduced-motion:reduce){.automation-demo *,.automation-demo :before,.automation-demo :after{transition:none!important;animation:none!important}}