body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-slider{appearance:none;-webkit-appearance:none;width:180px;height:8px;border-radius:8px;background:hsl(var(--hue, 0),20%,85%);outline:none}.color-slider::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,red,#ff0,#0c0,#0cc,#33f,#f0f,red)}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;width:20px;height:20px;border-radius:50%;border:2px solid #333;background:hsl(var(--hue, 0),100%,50%)}.color-slider::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,red,#ff0,#0c0,#0cc,#33f,#f0f,red)}.color-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid #333;background:hsl(var(--hue, 0),100%,50%)}.editor-section-title{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#444;margin-bottom:6px}.editor-section-subtitle{font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.editor-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.editor-tool-button{padding:6px 8px;border-radius:6px;border:1px solid #ccc;background:#f8f8f8;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.editor-tool-button:hover{background:#f0f0f0}.editor-tool-button.active{background:#2b7fff;color:#fff;border-color:#2b7fff}.editor-button-row{display:flex;gap:8px}.editor-button-row>button{flex:1}.editor-label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:12px;color:#444}.editor-label input{border-radius:6px;border:1px solid #ccc;padding:6px 8px;font-size:13px}textarea{width:100%;border-radius:6px;padding:8px;font-size:13px;border:1px solid #ccc;resize:vertical}.editor-error{color:#c62828;font-size:12px;margin-top:4px}.primary{background:#2b7fff;color:#fff;border:1px solid #2b7fff;border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer;transition:background .15s ease}.primary:hover{background:#1f5fcc}.editor-solution{font-family:Courier New,monospace;background:#f6f6f6;border-radius:6px;padding:8px;word-break:break-word;font-size:12px;color:#444}