.al-demo-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4,1rem);padding:var(--space-4,1rem);margin:var(--space-4,1rem) auto;width:calc(100% - 2rem);max-width:1200px;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md,.75rem);background:var(--bg-brand-soft,#f0f8f4);color:var(--text,#16251f);font-size:var(--fs-xs,.8rem);flex-wrap:wrap}
.al-demo-notice>div{display:grid;gap:.25rem;flex:1 1 260px}.al-demo-notice strong{color:var(--text-brand,#126346)}.al-demo-notice form{margin:0}.al-demo-notice nav{display:flex;gap:1rem;flex-wrap:wrap}.al-demo-notice :is(button,a){font:inherit;font-weight:700;color:var(--text-brand,#126346);border-radius:var(--radius-md,.75rem);transition:background var(--dur-fast,160ms) var(--ease,ease),color var(--dur-fast,160ms) var(--ease,ease)}
.al-demo-notice button{background:var(--bg-surface,#fff);border:1px solid var(--brand-600,#126346);padding:.65rem 1rem;cursor:pointer}.al-demo-notice button:hover{background:var(--bg-brand-soft,#e0f1e8)}.al-demo-notice :is(button,a):focus-visible{outline:2px solid var(--brand-600,#126346);outline-offset:3px}.al-demo-feedback{font-size:var(--fs-xs,.8rem);color:var(--text-brand,#126346);margin:.75rem 0;line-height:1.5}.al-demo-feedback:empty{display:none}.al-demo-order-cover{width:100%;height:100%;object-fit:contain}.al-demo-runtime-empty{padding:var(--space-4,1rem);font-size:var(--fs-sm,.9rem)}
@media(prefers-reduced-motion:reduce){.al-demo-notice :is(button,a){transition:none}}