:root{color:#1b1d1f;background:#e9ece7;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;background:linear-gradient(90deg,rgb(27 29 31 / .04) 1px,transparent 1px),linear-gradient(180deg,rgb(27 29 31 / .04) 1px,transparent 1px),#e9ece7;background-size:28px 28px}button,input{font:inherit}.demo-shell{min-height:100vh;padding:24px}.demo-panel{max-width:1080px;margin:0 auto;background:#f7f5ee;border:1px solid #c8ccc2;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #262d2e24}.demo-header{display:grid;gap:16px;padding:22px;border-bottom:1px solid #c8ccc2;background:#fbfaf4}.demo-header h1{margin:0;font-size:24px;line-height:1.15}.eyebrow{margin:0 0 6px;color:#64716f;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end}.demo-controls label{display:grid;gap:7px;color:#4d5858;font-size:12px;font-weight:700}input{width:100%;min-height:38px;border:1px solid #bdc4bd;border-radius:6px;background:#fffef8;color:#1b1d1f;padding:0 10px}input:focus,button:focus-visible{outline:2px solid #ba6a2e;outline-offset:2px}button{min-height:38px;border:1px solid #2d3c43;border-radius:6px;padding:0 14px;cursor:pointer;transition:transform .14s ease,background .14s ease}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active{transform:translateY(1px)}.primary{background:#244653;color:#f6f3ec}.demo-status{margin:0;color:#4d5858;font-size:12px;font-weight:700}.demo-stage{min-height:620px;padding:28px}.demo-empty{display:grid;min-height:460px;place-content:center;color:#64716f;text-align:center}@media(max-width:820px){.demo-shell{padding:12px}.demo-controls{grid-template-columns:1fr}}