*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f0f0}#app{display:flex;height:100vh}.controls{width:300px;padding:20px;background:#fff;box-shadow:2px 0 10px #0000001a;overflow-y:auto;flex-shrink:0}h1{font-size:1.5rem;margin-bottom:20px}h3{font-size:1rem;margin-top:20px;margin-bottom:10px}.control-panel{display:flex;flex-direction:column;gap:10px}button{padding:10px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:14px}button:hover{background:#0056b3}button:active{transform:translateY(1px)}button.active{background:#0056b3;box-shadow:inset 0 2px 4px #0000004d}.settings{margin-top:20px}.settings label{display:block;margin-bottom:15px;font-size:14px}.settings select,.settings input{width:100%;padding:5px;margin-top:5px;border:1px solid #ddd;border-radius:3px}.info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:5px;font-size:12px}.info ul{margin-top:10px;margin-left:20px}.info li{margin-bottom:5px;padding:5px;border-radius:3px;transition:background-color .2s}.info li.highlight{background-color:#fff3cd;font-weight:700}#canvas{flex:1;cursor:crosshair}.github-link{margin-top:20px;padding:15px;text-align:center}.github-link a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:#24292e;text-decoration:none;border:1px solid #e1e4e8;border-radius:6px;background:#fafbfc;font-size:14px;transition:background-color .2s,border-color .2s}.github-link a:hover{background:#f3f4f6;border-color:#d0d7de}.github-link svg{flex-shrink:0}