:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--control-border-color: #5a6cff;--page-size-desktop: 1000px;--dlasim-primary-color: #ff00a6;--dlasim-secondary-color: #888;--dlasim-accent-color: #00d8ff;--dlasim-text-color: #ffffff;--dlasim-background-color: #1a1a2e;--dlasim-border-color: #333}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#242424}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fbfbfe;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width: 768px){#root{padding:1rem;max-width:100%;overflow-x:hidden}.card{padding:1em}body{overflow-x:hidden;width:100%}*{box-sizing:border-box}}.dlasim_tab-nav{display:flex;gap:2rem;justify-content:flex-start;margin:2rem 0}.dlasim_tab-link{color:#ff00a6;font-size:1.2rem;border:2px solid var(--control-border-color);border-radius:6px;padding:.5rem 2rem;text-decoration:none;margin-right:1rem;background:none;transition:background .2s,color .2s}.dlasim_tab-link:last-child{margin-right:0}.dlasim_tab-link.dlasim_active{border-color:#ff00a6}.dlasim_tab-icon{margin-right:.5rem;font-size:1rem}@media (max-width: 768px){.dlasim_tab-nav{flex-direction:row;gap:.5rem;align-items:stretch;flex-wrap:wrap;justify-content:center}.dlasim_tab-link{margin-right:0;text-align:center;padding:.4rem .8rem;font-size:.9rem;flex:1;min-width:0;white-space:nowrap}.dlasim_tab-icon{margin-right:.3rem;font-size:.9rem}}@media (max-width: 480px){.dlasim_tab-nav{gap:.3rem}.dlasim_tab-link{padding:.3rem .6rem;font-size:.8rem}.dlasim_tab-icon{margin-right:.2rem;font-size:.8rem}}@media (max-width: 360px){.dlasim_tab-nav{flex-direction:column;gap:.5rem}.dlasim_tab-link{flex:none;width:100%}}.dlasim_canvas-col{display:flex;flex-direction:column;align-items:center;width:600px;margin:0 auto}.dlasim_status-row{margin-top:12px;color:#888;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.dlasim-simple-2d-animated-dla-tab{text-align:left;width:var(--page-size-desktop)}.dlasim-flex-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.dlasim-canvas{border:1px solid #ccc;background:#111;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dlasim-simple-2d-animated-dla-tab.brush-active .dlasim-canvas,.dlasim-simple-2d-animated-dla-tab.eraser-active .dlasim-canvas{touch-action:none}.dlasim_button-row{display:flex;flex-direction:row;gap:.5rem;width:100%;justify-content:center;margin-top:1rem}@media (max-width: 768px){.dlasim_button-row{flex-direction:column}.dlasim-simple-2d-animated-dla-tab{width:100%;padding:0 1rem;max-width:100vw;overflow-x:hidden}.dlasim-flex-row{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%}.dlasim-flex-row>*:nth-child(1){order:1}.dlasim-flex-row>*:nth-child(2){order:3}.dlasim-flex-row>*:nth-child(3){order:2}.dlasim_canvas-col{width:100%;max-width:100%;min-width:0;align-items:center}.dlasim-canvas{max-width:100%;width:100%;height:auto;min-width:0}.dlasim_button-row button{width:100%;max-width:300px;align-self:center;margin:0}.dlasim_paint-controls,.dlasim_spawn-controls,.dlasim_eraser-controls{margin:0 auto;align-self:center}}@media (max-width: 768px){.dlasim_tool-btn{width:36px;height:36px;font-size:1.5rem}.dlasim_tool-icon{font-size:1.2rem}}.dlasim_spawn-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px}.dlasim_spawn-row{margin-bottom:16px}.dlasim_spawn-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff}.dlasim_spawn-input:disabled{opacity:.5;cursor:not-allowed}.dlasim_spawn-button{margin-top:8px;width:100px;padding:8px 16px;background:var(--control-border-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.dlasim_spawn-button:hover:not(:disabled){background:#4a5cff}.dlasim_spawn-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.dlasim_spawn-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.dlasim_spawn-row{display:flex;flex-direction:column;gap:8px}.dlasim_spawn-input{margin-left:0;width:100%;max-width:200px;font-size:16px}}.dlasim_paint-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px}.dlasim_paint-row{margin-bottom:16px}.dlasim_paint-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff}.dlasim_paint-input:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.dlasim_paint-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.dlasim_paint-row{display:flex;flex-direction:column;gap:8px}.dlasim_paint-input{margin-left:0;width:100%;max-width:200px;font-size:16px}}.dlasim_eraser-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px}.dlasim_eraser-row{margin-bottom:16px}.dlasim_eraser-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff}.dlasim_eraser-input:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.dlasim_eraser-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.dlasim_eraser-row{display:flex;flex-direction:column;gap:8px}.dlasim_eraser-input{margin-left:0;width:100%;max-width:200px;font-size:16px}}.svgdla_line-length-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px;text-align:left}@media (max-width: 768px){.svgdla_line-length-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.svgdla_line-length-row{display:flex;flex-direction:column;gap:8px}.svgdla_line-length-input{margin-left:0;width:100%;max-width:200px;font-size:16px}.svgdla-radius-row{flex-direction:column;align-items:flex-start;gap:8px}.svgdla-radius-input{margin-left:0;width:100%;max-width:200px;font-size:16px}}.svgdla_line-length-row{margin-bottom:16px}.svgdla_line-length-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff}.svgdla-circles-controls{display:flex;flex-direction:column;align-items:flex-start;margin-top:1.5em;margin-bottom:1em}.svgdla-checkbox-label{display:flex;align-items:center;font-weight:500;margin-bottom:1em;cursor:pointer}.svgdla-radius-row{margin-bottom:16px}.svgdla-radius-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.svgdla-radius-input:focus{border-color:#5a6ee6;box-shadow:0 0 0 3px #5a6ee655}.svgdla_square-size-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px}@media (max-width: 768px){.svgdla_square-size-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.svgdla_square-size-row{display:flex;flex-direction:column;gap:8px}.svgdla_square-size-input{margin-left:0;width:100%;max-width:200px;font-size:16px}}.svgdla_square-size-row{margin-bottom:16px}.svgdla_square-size-input{margin-left:8px;width:120px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:4px;background:#1a1a2e;color:#fff}.svgdla_only-visible-controls{border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px;text-align:left}@media (max-width: 768px){.svgdla_only-visible-controls{min-width:auto;width:100%;max-width:100%;padding:16px;box-sizing:border-box}}.svgdla-checkbox-label{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-bottom:12px}.svgdla-checkbox-label:last-child{margin-bottom:0}.svgdla-checkbox{appearance:none;width:2.2em;height:2.2em;border:3px solid #5a6ee6;border-radius:.5em;margin-right:.7em;background:#232323;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s;outline:none}.svgdla-checkbox:checked{color:#5a6ee6;border-color:#5a6ee6}.svgdla-checkbox:checked:after{content:"✔";font-size:1.5em;position:absolute}.svgdla-checkbox:focus{box-shadow:0 0 0 3px #5a6ee655}.svgdla-container{text-align:left;width:var(--page-size-desktop)}.svgdla-main-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.svgdla-svg-container{margin-right:1rem}.svgdla-svg{border:1px solid #ccc;background:#111;display:block}.svgdla-button-container{margin-top:1rem}.svgdla-button-container button{margin-right:1rem}.svgdla-tool-options{display:flex;flex-direction:column;gap:16px}.dlasim_tool-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-right:32px}.dlasim_tool-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--control-border-color);border-radius:8px;background:none;cursor:pointer;transition:border-color .2s,background .2s;font-size:2rem;margin:0;outline:none}.dlasim_tool-btn.selected{border-color:#fb8158;background:#fb815814}.dlasim_tool-btn.unselected{border-color:#eb2ea4;background:#eb2ea414}.dlasim_tool-icon{pointer-events:none}@media (max-width: 768px){.svgdla-container{width:100%;padding:0 1rem;max-width:100vw;overflow-x:hidden}.svgdla-main-content{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%}.dlasim_tool-container{margin-right:0;flex-direction:row;gap:1rem;width:100%;justify-content:center}.dlasim_tool-btn{width:36px;height:36px;font-size:1.5rem}.dlasim_tool-icon{font-size:1.2rem}.svgdla-svg-container{margin-right:0;margin-bottom:1rem;order:2;width:100%;max-width:100%}.svgdla-svg{max-width:100%;width:100%;height:auto;min-width:0}.svgdla-button-container{order:3;display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%}.svgdla-button-container button{margin-right:0;margin-bottom:.5rem;width:100%;max-width:300px}}.color-stops-section{display:flex;flex-direction:column;gap:16px;border:2px solid var(--control-border-color);border-radius:8px;padding:24px;min-width:300px}.color-stops-title{font-size:14px;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.color-stops-list{display:flex;flex-direction:column;gap:8px}.color-stop-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.color-stop-row:hover{background-color:#2a2a2a}.color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid transparent;flex-shrink:0}.color-stop-row.selected .color-swatch{border-color:#555}.color-input{flex:1;background:#1a1a2e;border:1px solid var(--control-border-color);border-radius:4px;padding:4px 8px;font-size:12px;font-family:monospace;color:#fff;min-width:0}.color-input:focus{outline:none;box-shadow:0 0 0 2px var(--control-border-color)}.position-input{width:50px;background:#1a1a2e;border:1px solid var(--control-border-color);border-radius:4px;padding:4px 8px;font-size:12px;color:#fff;text-align:center}.position-input:focus{outline:none;box-shadow:0 0 0 2px var(--control-border-color)}.remove-stop-btn{background:none;border:none;color:#999;font-size:16px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-stop-btn:hover{background-color:#444;color:#fff}.add-stop-btn{background:var(--control-border-color);border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s;align-self:flex-start}.add-stop-btn:hover{background:#4a5cff}.dlasim-color-chooser{margin-top:24px;padding:20px;border:2px solid var(--dlasim-primary-color, #2de2e6);border-radius:10px;background:var(--dlasim-bg, #18191c);box-shadow:0 2px 8px #0002;display:flex;flex-direction:row;gap:24px;align-items:flex-start;max-width:420px}.dlasim-color-chooser-preview{width:56px;height:56px;border:2px solid var(--dlasim-primary-color, #2de2e6);border-radius:8px;margin-right:16px;box-shadow:0 1px 4px #0003}.dlasim-color-chooser-fields{flex:1;display:flex;flex-direction:column;gap:12px}.dlasim-color-chooser-field{display:flex;flex-direction:column;gap:4px}.dlasim-color-chooser-label{font-size:.9rem;color:var(--dlasim-text-color, #fff);font-weight:500}.dlasim-color-chooser-inputs{display:flex;gap:8px;align-items:center}.dlasim-color-chooser-slider{flex:1;height:6px;border-radius:3px;background:#333;outline:none;cursor:pointer}.dlasim-color-chooser-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dlasim-primary-color, #2de2e6);cursor:pointer}.dlasim-color-chooser-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--dlasim-primary-color, #2de2e6);cursor:pointer;border:none}.dlasim-color-chooser-number{width:50px;padding:4px 8px;border:1px solid #444;border-radius:4px;background:#222;color:#fff;font-size:.9rem;text-align:center}.dlasim-color-chooser-hex{width:80px;padding:4px 8px;border:1px solid #444;border-radius:4px;background:#222;color:#fff;font-size:.9rem;text-align:center;font-family:monospace}@media (max-width: 768px){.dlasim-color-chooser{flex-direction:column;gap:16px;max-width:100%;padding:16px}.dlasim-color-chooser-preview{margin-right:0;align-self:center}.dlasim-color-chooser-fields{width:100%}.dlasim-color-chooser-inputs{flex-wrap:wrap;gap:6px}.dlasim-color-chooser-slider{min-width:120px}.dlasim-color-chooser-number{width:60px}.dlasim-color-chooser-hex{width:100px}}.gradient-slider-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;width:100%;max-width:600px}.gradient-bar{position:relative;width:100%;height:24px;border:2px solid #2C7A7B;border-radius:12px;cursor:pointer;overflow:visible}.gradient-handle{position:absolute;top:-4px;width:12px;height:32px;border:2px solid;border-radius:6px;cursor:grab;transform:translate(-50%);transition:box-shadow .2s ease;z-index:10}.gradient-handle:hover{box-shadow:0 0 8px #0000004d}.gradient-handle.dragging{cursor:grabbing;box-shadow:0 0 12px #0006;z-index:20}.gradient-axis{position:relative;width:100%;height:40px}.value-label{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.value-text{border:1px solid var(--control-border-color);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;color:var(--control-border-color);min-width:30px;text-align:center;white-space:nowrap}.value-label.active .value-text{border-color:#2c7a7b;border-width:2px}.distance-gradient-container{text-align:left;width:var(--page-size-desktop)}.distance-gradient-main-content{display:flex;flex-direction:row;gap:32px}.distance-gradient-visualization{border:2px solid var(--control-border-color);border-radius:8px;min-width:500px;min-height:200px;display:flex;align-items:center;justify-content:center;padding:20px}.distance-gradient-controls{display:flex;flex-direction:column;gap:16px}.distance-gradient-controls-placeholder{opacity:.6;font-size:1rem}@media (max-width: 768px){.distance-gradient-container{width:100%;padding:0 1rem;max-width:100vw;overflow-x:hidden}.distance-gradient-main-content{flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:100%}.distance-gradient-visualization{min-width:auto;width:100%;max-width:100%;min-height:150px;min-width:0}.distance-gradient-controls{width:100%;max-width:100%}}.dlasim-about-container{width:var(--page-size-desktop);margin:0 auto;color:var(--dlasim-text-color, #ffffff);text-align:justify}.dlasim-about-title{font-size:2.5rem;color:var(--dlasim-primary-color, #ff00a6);margin-bottom:0;text-align:left}.dlasim-about-version{color:var(--dlasim-secondary-color, #888);margin-bottom:2rem;font-size:1.1rem;margin-top:0}.dlasim-about-image{max-width:100%;height:auto}.dlasim-about-section{margin-bottom:2rem}.dlasim-about-section-title{color:var(--dlasim-accent-color, #00d8ff);font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid var(--dlasim-accent-color, #00d8ff);padding-bottom:.5rem}.dlasim-about-description{line-height:1.6;font-size:1.1rem;margin-bottom:1rem}.dlasim-about-features{list-style-type:none;padding:0}.dlasim-about-features li{margin-bottom:.8rem;padding-left:1.5rem;position:relative;line-height:1.5}.dlasim-about-features li:before{content:"•";color:var(--dlasim-accent-color, #00d8ff);font-weight:700;position:absolute;left:0}.dlasim-about-instructions{padding-left:1.5rem}.dlasim-about-instructions li{margin-bottom:.8rem;line-height:1.5}.dlasim-about-author{text-align:center;font-style:italic;color:var(--dlasim-secondary-color, #888);font-size:1.1rem}@media (max-width: 768px){.dlasim-about-container{width:100%}.dlasim-about-content{padding:1.5rem}.dlasim-about-title{font-size:2rem}.dlasim-about-section-title{font-size:1.3rem}.dlasim-about-description{font-size:1rem}}