body{background-color:#f5f5f7;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#canvas-container{justify-content:center;padding:20px;display:flex}#tooltip{pointer-events:none;z-index:100;color:#333;background:#fffffff2;border:1px solid #ddd;border-radius:8px;max-width:400px;padding:15px;font-size:14px;transition:opacity .1s;display:none;position:fixed;box-shadow:0 4px 15px #00000026}#tooltip h3{color:#0077be;margin:0 0 8px;font-size:16px}#tooltip pre{white-space:pre-wrap;background:#f0f0f0;border-radius:4px;margin:0;padding:10px;font-family:Consolas,Monaco,monospace;font-size:12px}#tooltip .hint{color:#888;text-align:right;margin-top:8px;font-size:11px;font-style:italic}#toast{color:#fff;opacity:0;pointer-events:none;z-index:200;background-color:#333;border-radius:20px;padding:10px 20px;font-size:14px;transition:opacity .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#flip-btn{color:#fff;cursor:pointer;z-index:150;background-color:#0077be;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:56px;height:56px;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #0077be66}#flip-btn svg{transition:transform .3s}#flip-btn:hover{background-color:#005f9e;transform:scale(1.05);box-shadow:0 6px 20px #0077be99}#flip-btn:active{transform:scale(.95)}#flip-btn.flipped{background-color:#ff6464;box-shadow:0 4px 15px #ff646466}#flip-btn.flipped:hover{background-color:#e55555;box-shadow:0 6px 20px #ff646499}#flip-btn.flipped svg{transform:scaleY(-1)}#minify-btn{color:#fff;cursor:pointer;z-index:150;background-color:#0077be;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:56px;height:56px;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:30px;right:100px;box-shadow:0 4px 15px #0077be66}#minify-btn:hover{background-color:#005f9e;transform:scale(1.05);box-shadow:0 6px 20px #0077be99}#minify-btn:active{transform:scale(.95)}#minify-btn.active{background-image:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 15px #06b6d480,0 0 10px #10b9814d}#minify-btn.active:hover{transform:scale(1.05);box-shadow:0 6px 20px #06b6d4b3,0 0 15px #10b98180}@media (width<=600px){#flip-btn{width:48px;height:48px;bottom:20px;right:20px}#minify-btn{width:48px;height:48px;bottom:20px;right:80px}}footer{box-sizing:border-box;border-top:1px solid #eaeaea;width:100%;padding:25px 20px}.footer-content{flex-direction:row;justify-content:center;align-items:center;gap:15px;max-width:1200px;margin:0 auto;display:flex}.footer-content a{color:#1d1d1f;margin:0;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}.footer-links a{color:#1d1d1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.footer-links a:hover{color:#fff;background-color:#0077be}.github-icon{vertical-align:middle;display:inline-block}@media (width<=600px){footer{margin-top:40px;padding:30px 15px}}