*,*::before,*::after{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#000;color:#ff0000;display:flex;flex-direction:column;min-height:100vh}main{flex:1;text-align:center}#toolbar{display:flex;flex-wrap:wrap;justify-content:center;background-color:#1e1e1e;padding:1em;border-bottom:2px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5)}.toolbar-group{display:flex;flex-direction:column;align-items:center;margin:0.5em}.toolbar-group label{margin-bottom:0.2em;color:#fff;font-weight:bold}input[type="file"],input[type="text"],input[type="url"],select,input[type="color"],input[type="range"],input[type="checkbox"],button{padding:0.5em;border:none;background-color:darkred;color:#fff;cursor:pointer;margin:0.2em;border-radius:5px;font-size:1em}input[type="color"]{width:40px;height:40px;padding:3px;border-radius:5px;border:none;cursor:pointer}input[type="text"],input[type="url"],select{width:200px;background-color:#333;color:#fff}button:hover,select:hover,input[type="file"]:hover,input[type="text"]:hover,input[type="url"]:hover,input[type="range"]:hover,input[type="checkbox"]:hover{background-color:red}button{height:auto}#canvas-container{margin:1em auto;position:relative;background-color:#1e1e1e;border:1px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5);width:90%;max-width:1024px;height:auto;padding:10px;border-radius:10px}canvas{border:1px solid black;width:100%;height:auto;background-color:#fff;border-radius:5px;max-width:100%}#message{color:#ff9999;margin-top:1em;text-align:center}@media (max-width:768px){#toolbar{flex-direction:column;align-items:center}.toolbar-group{width:100%;align-items:center}input[type="text"],input[type="url"],select{width:90%}}[data-theme="light"] body{background-color:#f0f5fa;color:#1f2937}[data-theme="light"] #toolbar{background-color:#ffffff;border-bottom-color:#2563eb;box-shadow:0 0 10px rgba(37,99,235,0.3)}[data-theme="light"] .toolbar-group label{color:#1f2937}[data-theme="light"] input[type="file"],[data-theme="light"] input[type="text"],[data-theme="light"] input[type="url"],[data-theme="light"] select,[data-theme="light"] button{background-color:#2563eb;color:#fff}[data-theme="light"] input[type="text"],[data-theme="light"] input[type="url"],[data-theme="light"] select{background-color:#ffffff;color:#1f2937;border:1px solid #d1d5db}[data-theme="light"] button:hover,[data-theme="light"] select:hover,[data-theme="light"] input[type="file"]:hover{background-color:#1d4ed8}[data-theme="light"] #canvas-container{background-color:#ffffff;border-color:#2563eb;box-shadow:0 0 10px rgba(37,99,235,0.3)}[data-theme="light"] #message{color:#1f2937}