.dev-sample { max-width: 1000px; padding: 1rem; margin: auto; }
.dev-sample h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); font-weight: 700; color: var(--fxmd-text-strong); }
.dev-sample h3 { margin: 1.25rem 0 .5rem; font-weight: 700; }
.dev-sample label, .dev-sample dt { display: block; font-weight: 700; margin: 1rem 0 .4rem; }
.dev-sample input, .dev-sample select { width: 100%; min-height: 44px; padding: .6rem; border: 1px solid var(--fxmd-border-strong); border-radius: 6px; color: var(--fxmd-text); background: var(--fxmd-surface); }
.dev-sample pre { max-height: 30rem; overflow: auto; padding: 1rem; margin: .8rem 0; border: 1px solid var(--fxmd-border); background: var(--fxmd-bg); font-size: .85rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.dev-actions { display: flex; gap: .6rem; flex-wrap: wrap; margin: .8rem 0; }
.dev-sample button:disabled { opacity: .5; cursor: default; }
.dev-sample [hidden] { display: none; }