html,body,#root{width:100%;height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column}.story-footer{flex-shrink:0;background:#f8f8f8;color:#111;padding:2rem 2.5rem;border-top:1px solid #ddd;box-shadow:0 -2px 8px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-height:40vh;overflow-y:auto}.story-footer-text{max-width:900px;margin:0 auto}.story-footer-title{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:#000}.story-footer-desc{font-size:1.05rem;color:#333;margin:0}.story-footer-next{margin-top:1.5rem;padding:.6rem 1.2rem;background:#111;border:none;border-radius:12px;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s ease,transform .1s ease}.story-footer-next:hover{background:#000;transform:translateY(-1px)}.canvas-container{flex:1;min-height:0;position:relative;display:flex}.canvas-container canvas{flex:1;width:100%;height:100%}