*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a}.app{display:flex;flex-direction:column;height:100vh}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #333;position:relative}.canvas-container:last-of-type{border-bottom:none}.canvas-label{position:absolute;left:20px;top:20px;color:#fff;font-size:14px;font-weight:600;background:#00000080;padding:5px 10px;border-radius:4px;pointer-events:none;display:flex;align-items:center;gap:10px}.performance-badge{background:#4a90e24d;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:500;color:#4a90e2;border:1px solid rgba(74,144,226,.5)}.performance-badge.gpu{background:#4caf504d;color:#4caf50;border:1px solid rgba(76,175,80,.5);display:flex;align-items:center;gap:8px}.performance-badge.disabled{background:#ff98004d;color:#ff9800;border:1px solid rgba(255,152,0,.5);font-size:11px;font-weight:600}.speedup{font-size:11px;color:#81c784;font-weight:600}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#webglCanvas{image-rendering:auto}#controls{position:absolute;top:20px;right:20px;background:#000000b3;padding:15px 20px;border-radius:8px;color:#fff;font-size:14px;min-width:250px;max-height:calc(100vh - 40px);overflow-y:auto}#controls h3{margin:0 0 10px;font-size:16px;font-weight:600}.control-group{margin:10px 0}.control-group label{display:block;margin-bottom:5px;font-size:12px;color:#ccc}.control-group input[type=range]{width:100%}.control-group button{width:100%;padding:8px;background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:5px}.control-group button:hover{background:#357abd}.control-group input[type=checkbox]{width:auto;margin-right:8px}.checkbox-label{display:flex;align-items:center;cursor:pointer}.control-group select{width:100%;padding:6px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#ccc;font-size:12px;cursor:pointer}.control-group select:hover{border-color:#666}.value-display{display:inline-block;float:right;color:#4a90e2;font-weight:600}