.modern-container{background:white;color:black;font-family:Helvetica Neue,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.modern-header{position:relative;display:grid;grid-template-columns:1fr auto;align-items:start;gap:4rem;padding:3rem 2rem;border-bottom:none}.header-text{max-width:500px}.header-text h1{font-size:3rem;font-weight:700;margin-bottom:.75rem}.header-text p{font-size:1.25rem;font-weight:300;color:#000;margin:0}.character-anim{position:relative;width:300px;height:auto;z-index:10}.frame{position:absolute;top:0;left:0;width:100%;opacity:0;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.frame1{animation-name:fadeFrame1}.frame2{animation-name:fadeFrame2}@keyframes fadeFrame1{0%,50%{opacity:1}50.001%,to{opacity:0}}@keyframes fadeFrame2{0%,50%{opacity:0}50.001%,to{opacity:1}}.modern-footer{padding:1.5rem;font-size:.9rem;text-align:center}.drawing-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:transparent;z-index:20}.toolbar{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:30}.toolbar button{background:white;border:1px solid #000;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}.toolbar button:hover{background:#f0f0f0}.icon{width:24px;height:24px}.toolbar .reset-mine{background:#ffcccc;border-color:#cc0000}.toolbar .reset-mine:hover{background:#ffb3b3}.toolbar .reset-all{background:#ffe6b3;border-color:#cc7a00}.toolbar .reset-all:hover{background:#ffcc80}@media (max-width:768px){.modern-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem 4rem}.header-text{max-width:90%;margin-bottom:2rem}.character-anim{width:200px;margin-bottom:2rem}}