@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

* {
    font-family: 'Inter', sans-serif;
}

body.dark {
    background-color: #111827;
    color: #f3f4f6;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #ef4444;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #f3f4f6;
}

input[type='range']::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #ef4444;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #f3f4f6;
}

canvas {
    max-width: 100%;
    max-height: 100%;
}

#svgResult svg {
    max-width: 100%;
    height: auto;
    background-color: #1f2937;
}