body{font-family:Arial,sans-serif;margin:0;padding:0;text-align:center;background-color:black;color:red;display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px}#canvas-container{border:2px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5);border-radius:10px;background-color:#1a1a1a;padding:10px;margin-bottom:20px;position:relative}#controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}#controls button{margin:5px;padding:10px 20px;font-size:16px;background-color:darkred;color:white;border:none;border-radius:10px;cursor:pointer;transition:background-color 0.3s}#controls button:hover{background-color:red}#controls .active{background-color:#a00}#tooltip{position:absolute;top:10px;left:10px;background:rgba(50,0,0,0.8);color:#f0f0f0;padding:5px 10px;border-radius:5px;font-size:14px;pointer-events:none}canvas{max-width:100%;height:auto;border-radius:5px;cursor:crosshair}[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] .container{background-color:#ffffff!important;color:#1f2937!important}[data-theme="light"] button{background-color:#2563eb!important;color:#fff!important}[data-theme="light"] button:hover{background-color:#1d4ed8!important}[data-theme="light"] input,[data-theme="light"] select{background-color:#ffffff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] canvas{border-color:#d1d5db!important}