.workflow-sample-bar{margin:18px 0;padding:18px 20px;border:1px solid #c4ddfa;border-radius:18px;background:linear-gradient(120deg,#eef7ff,#fff);font-family:Inter,Arial,sans-serif;color:#173b65}.workflow-sample-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.workflow-sample-intro strong{font-size:16px}.workflow-sample-intro p{font-size:13px;line-height:1.6;margin:5px 0 0;color:#516e8d}.workflow-sample-intro button,.workflow-sample-navigation a{border:1px solid #1471d1;border-radius:12px;background:linear-gradient(#4ba8ff,#1277df);box-shadow:0 3px 0 #0755a6,inset 0 1px #cae8ff;color:#fff;font-size:13px;font-weight:750;padding:11px 14px;text-decoration:none;cursor:pointer}.workflow-sample-navigation{display:flex;gap:10px;flex-wrap:wrap;align-items:center;width:100%;margin-top:14px}.workflow-sample-navigation a[aria-current]{background:linear-gradient(#136ccd,#094b99)}.workflow-sample-navigation a[href*="creator-pet"]{background:linear-gradient(#ffb959,#ef8216);border-color:#d27311;box-shadow:0 3px 0 #b66009,inset 0 1px #ffdfae}.workflow-sample-navigation button{background:#fff;border:1px solid #c4d5e9;border-radius:10px;padding:10px 12px;color:#3f5d7e;font-size:12px;font-weight:700;cursor:pointer}.creator-demo-bar{flex-wrap:wrap}.workflow-preview{border:1px solid #c9def4;border-radius:20px;max-width:min(680px,calc(100vw - 28px));max-height:88vh;padding:24px;font-family:Inter,Arial,sans-serif;color:#183d62}.workflow-preview::backdrop{background:#12325399;backdrop-filter:blur(3px)}.workflow-preview>button{float:right;border:0;border-radius:50%;font-size:24px;background:#edf5ff;color:#345e87;width:34px;height:34px;cursor:pointer}.workflow-preview h2{font-size:23px;margin:12px 45px 16px 0}.workflow-preview p{line-height:1.65;font-size:15px}.workflow-preview video{width:100%;max-height:310px;background:#10283f;border-radius:14px}.workflow-preview small{display:block;font-size:12px;line-height:1.5;color:#617c96;margin-top:12px}.workflow-demo-upload{padding:12px;background:#edf7ff;border:1px solid #cce2f8;border-radius:12px;font-size:13px;line-height:1.6}.workflow-sample-tile{outline:2px dashed #78b4f9;outline-offset:3px}.workflow-sample-tile em{font-weight:650!important}.workflow-demo-confirmation{color:#176747;background:#eaf9f0;border-radius:12px;padding:14px;margin-top:16px}.workflow-pet-details{margin-top:8px}.workflow-sample-navigation a:focus-visible,.workflow-sample-intro button:focus-visible{outline:3px solid #efb848;outline-offset:4px}@media(max-width:620px){.workflow-sample-intro{align-items:flex-start;flex-direction:column}.workflow-sample-navigation a{flex:1 1 40%;text-align:center;padding:11px 8px}.workflow-sample-bar{padding:16px}.workflow-preview{padding:18px}}
.workflow-pet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.workflow-pet-grid .cw-card{margin:0}.workflow-pet-grid .cw-card p{font-size:14px;line-height:1.65}.workflow-preview label{display:grid;gap:8px;font-size:14px;font-weight:700;margin:18px 0}.workflow-preview textarea,.workflow-preview input,#petSampleSearch{font:inherit;padding:12px;border:1px solid #c6d8eb;border-radius:10px;width:100%;box-sizing:border-box}.workflow-preview .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workflow-preview .primary{background:linear-gradient(#4ba8ff,#1277df);color:white;border:1px solid #1471d1;box-shadow:0 3px 0 #0755a6;border-radius:12px;padding:12px 18px;font-weight:750;cursor:pointer}@media(max-width:760px){.workflow-pet-grid{grid-template-columns:1fr}.workflow-preview .two{grid-template-columns:1fr}}
.workflow-sample-bar>nav.workflow-sample-navigation,.creator-demo-bar>nav.workflow-sample-navigation{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.workflow-sample-bar>nav.workflow-sample-navigation>a,.creator-demo-bar>nav.workflow-sample-navigation>a{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;width:auto;white-space:normal;margin:0}.workflow-sample-bar>nav.workflow-sample-navigation>button,.creator-demo-bar>nav.workflow-sample-navigation>button{width:auto;flex:0 1 auto}@media(max-width:620px){.workflow-sample-bar>nav.workflow-sample-navigation>a,.creator-demo-bar>nav.workflow-sample-navigation>a{flex:1 1 40%}}