.flow-shell{max-width:1000px;margin:auto}.flow-shell h1{font-size:clamp(28px,4vw,42px)}.flow-shell h2{margin:24px 0 18px}.flow-shell h3{margin:28px 0 16px}.flow-shell .field{margin:16px 0;display:flex;flex-direction:column;gap:8px}.flow-shell input:not([type=checkbox]):not([type=radio]),.flow-shell select,.flow-shell textarea{width:100%;max-width:100%;padding:12px;border:1px solid #bbcbd6;border-radius:8px;font:inherit;background:white;color:#173046;min-height:46px}.flow-shell input[type=file]{padding:12px 6px}.flow-shell input[type=checkbox],.flow-shell input[type=radio]{width:20px;height:20px;vertical-align:middle;accent-color:#129553}.flow-shell fieldset{border:1px solid #cad8e0;padding:18px;margin:20px 0;border-radius:10px;min-width:0}.flow-shell legend{font-weight:700}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-actions,.flow-toggles{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.flow-toggles label{padding:12px;border:1px solid #afc4d3;border-radius:8px}.flow-steps{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.flow-steps span{padding:10px 14px;border-radius:8px;background:#edf3f7;color:#184a72}.flow-steps [aria-current]{background:#164f81;color:white}.flow-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.flow-media figure{margin:0;min-width:0}.flow-media img,.flow-media video{width:100%;max-height:420px;object-fit:contain;background:#eef2f4;border-radius:10px}.flow-media figcaption{font-size:14px;overflow-wrap:anywhere;padding:8px}.flow-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px}.flow-summary dt{font-weight:700}.flow-summary dd{margin:0;overflow-wrap:anywhere}.flow-placeholder{width:100%;max-height:400px;object-fit:cover;border-radius:12px}.flow-profile-face{display:flex;gap:25px;margin:24px 0;align-items:center}.flow-profile-face img{width:140px;height:140px;border-radius:50%;object-fit:cover}.flow-logo{width:200px;max-height:150px;object-fit:contain}.flow-shell hr{margin:32px 0}.flow-shell [hidden]{display:none!important}.flow-shell .button{white-space:normal}.flow-public p{margin:14px 0}@media(max-width:640px){.flow-grid,.flow-media{grid-template-columns:1fr}.flow-summary{grid-template-columns:1fr}.flow-summary dd{margin-bottom:14px}.flow-profile-face{flex-direction:column;align-items:flex-start}.flow-actions .button{width:100%}}
.card-foot:has([data-delete-demo]){flex-wrap:wrap;gap:12px}.card-foot [data-delete-demo]{font-size:14px;padding:8px 12px;color:#993b31;border-color:#d6aba6}