:root{font-family:ui-sans-serif,system-ui;color:#342829;background:#fffaf8}body{margin:0}.preview{max-width:940px;margin:auto;padding:40px 18px}.preview header p{color:#7a5d5c;letter-spacing:.1em}.preview h1{font-size:40px;margin:0}.preview h2{font-size:20px;font-weight:500}.card{margin-top:18px;border:1px solid #ead8d2;border-radius:16px;padding:18px;background:#fff}.disclosure p,.gate label,#status{line-height:1.65}.button,button{display:inline-block;border:1px solid #79504e;border-radius:999px;background:#79504e;color:#fff;padding:10px 14px;font:inherit;margin:12px 8px 0 0;cursor:pointer}.preview[data-enabled=false] .gate{opacity:.62}.preview[data-enabled=false] .gate .button,.preview[data-enabled=false] .gate button{pointer-events:none}.actions{display:flex;flex-wrap:wrap}.preview-state{padding:10px 12px;border-radius:12px;background:#f7efeb;line-height:1.55}.toggles{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.toggles label{border:1px solid #d8bfbb;border-radius:12px;padding:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid figure{min-width:0;margin:0}.grid figcaption{overflow-wrap:anywhere}.grid canvas{display:block;width:100%;max-width:100%;height:auto;background:#f5e7e1;border-radius:12px}.focus-card{margin-top:16px;padding:14px;border:1px solid #ead8d2;border-radius:14px}.focus-card h3{margin:0}.focus-card p{line-height:1.55}.focus-actions{display:flex;gap:8px;flex-wrap:wrap}.focus-actions button{margin:0}.focus-grid canvas{aspect-ratio:8/5;object-fit:cover}@media(max-width:640px){.preview{padding:24px 12px}.card{padding:14px}.grid{gap:8px}}