:root{color:#f4ecd8;background:radial-gradient(circle at top,rgba(255,193,94,.16),transparent 38%),linear-gradient(180deg,#171c1f,#101416);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{display:grid;place-items:center;padding:24px}.app-shell{width:min(100%,1380px)}.title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow{margin:0 0 4px;letter-spacing:.14em;text-transform:uppercase;color:#ffcf70;font-size:.76rem}h1{margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:800}.subtitle{max-width:520px;margin:0;line-height:1.5;color:#d5ceb6}code{font-family:Consolas,Courier New,monospace;color:#ffe7a3}canvas{display:block;width:100%;height:auto;border:2px solid rgba(255,213,120,.5);border-radius:24px;box-shadow:0 28px 70px #00000073,inset 0 0 0 1px #fff4d614;background:#0b1114}@media(max-width:960px){body{padding:12px}.title-row{flex-direction:column;align-items:start}}