:root{--mxr-bg:#0a0a0a;--mxr-text:#e2e8f0;--mxr-text-muted:#94a3b8;--mxr-border:#94a3b81f;--mxr-primary:#00ff41;--mxr-primary-rgb:0, 255, 65;--mxr-panel-bg:#0a0a0aeb;--mxr-btn-bg:#94a3b81a;--mxr-btn-hover:#94a3b833;--mxr-slider-track:#94a3b833;--mxr-slider-thumb:var(--mxr-primary)}._mxr-container{width:100%;height:100%;min-height:100vh;background:var(--mxr-bg);min-height:100dvh;position:relative;overflow:hidden}._mxr-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}._mxr-custom-text{z-index:5;font-size:3rem;font-weight:700;font-family:var(--main-font-mono);color:var(--mxr-primary);text-shadow:0 0 10px rgba(var(--mxr-primary-rgb), .8), 0 0 30px rgba(var(--mxr-primary-rgb), .5), 0 0 60px rgba(var(--mxr-primary-rgb), .3);white-space:nowrap;pointer-events:none;letter-spacing:.1em;text-transform:uppercase;position:absolute;top:50%;left:50%}._mxr-settings-toggle{z-index:20;background:var(--mxr-panel-bg);border-style:solid;border-width:1px;border-color:var(--mxr-border);width:40px;height:40px;color:var(--mxr-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem}._mxr-container:hover ._mxr-settings-toggle,._mxr-settings-toggle._mxr-visible{opacity:1}._mxr-settings-toggle:hover{color:var(--mxr-text);background:var(--mxr-btn-hover)}._mxr-settings-toggle svg{width:18px;height:18px}@media (max-width:768px){._mxr-custom-text{font-size:1.5rem}._mxr-settings-toggle{opacity:1}}@media (max-width:480px){._mxr-custom-text{font-size:1.2rem}}._mxr-panel{z-index:30;width:300px;max-height:calc(100vh - 2rem);background:var(--mxr-panel-bg);border-style:solid;border-width:1px;border-color:var(--mxr-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;max-height:calc(100dvh - 2rem);position:absolute;top:1rem;right:1rem;overflow-y:auto}._mxr-panel-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mxr-border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}._mxr-panel-title{color:var(--mxr-text);font-size:.875rem;font-weight:600}._mxr-panel-close{width:28px;height:28px;color:var(--mxr-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}._mxr-panel-close:hover{color:var(--mxr-text);background:var(--mxr-btn-hover)}._mxr-panel-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}._mxr-control-group{flex-direction:column;gap:.5rem;display:flex}._mxr-control-row{flex-direction:row;justify-content:space-between;align-items:center}._mxr-label{color:var(--mxr-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}._mxr-color-options{flex-wrap:wrap;gap:.5rem;display:flex}._mxr-color-btn{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;position:relative}._mxr-color-rainbow{background:conic-gradient(red,#f80,#ff0,#0f0,#0ff,#08f,#80f,#f08,red)}._mxr-color-btn:hover{opacity:.85}._mxr-color-btn._mxr-color-active{border-color:var(--mxr-text);box-shadow:0 0 8px rgba(var(--mxr-primary-rgb), .4)}._mxr-slider{-webkit-appearance:none;appearance:none;background:var(--mxr-slider-track);border-radius:2px;outline:none;width:100%;height:4px}._mxr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--mxr-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--mxr-primary-rgb), .4);border-radius:50%}._mxr-slider::-moz-range-thumb{background:var(--mxr-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--mxr-primary-rgb), .4);border-width:0;border-radius:50%}._mxr-slider-labels{color:var(--mxr-text-muted);justify-content:space-between;font-size:.6875rem;display:flex}._mxr-charset-options{flex-wrap:wrap;gap:.375rem;display:flex}._mxr-charset-btn{background:var(--mxr-btn-bg);border-style:solid;border-width:1px;border-color:var(--mxr-border);color:var(--mxr-text-muted);cursor:pointer;border-radius:6px;padding:.3rem .625rem;font-size:.75rem;font-weight:500}._mxr-charset-btn:hover{background:var(--mxr-btn-hover);color:var(--mxr-text)}._mxr-charset-btn._mxr-charset-active{background:rgba(var(--mxr-primary-rgb), .15);border-color:rgba(var(--mxr-primary-rgb), .4);color:var(--mxr-primary)}._mxr-custom-chars-input{margin-top:.25rem}._mxr-switch{flex-shrink:0;width:40px;height:22px;position:relative}._mxr-switch input{opacity:0;width:0;height:0}._mxr-switch-slider{cursor:pointer;background:var(--mxr-btn-bg);border-radius:11px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}._mxr-switch-slider:before{content:"";background:var(--mxr-text-muted);border-radius:50%;width:16px;height:16px;transition:left .2s,background .2s;position:absolute;bottom:3px;left:3px}._mxr-switch input:checked+._mxr-switch-slider{background:rgba(var(--mxr-primary-rgb), .2)}._mxr-switch input:checked+._mxr-switch-slider:before{background:var(--mxr-primary);left:21px}._mxr-input{background:var(--mxr-btn-bg);border-style:solid;border-width:1px;border-color:var(--mxr-border);width:100%;color:var(--mxr-text);border-radius:8px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem}._mxr-input::placeholder{color:var(--mxr-text-muted)}._mxr-input:focus{border-color:rgba(var(--mxr-primary-rgb), .4);box-shadow:0 0 0 2px rgba(var(--mxr-primary-rgb), .1)}._mxr-reset-btn{background:var(--mxr-btn-bg);border-style:solid;border-width:1px;border-color:var(--mxr-border);width:100%;color:var(--mxr-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}._mxr-reset-btn:hover{background:var(--mxr-btn-hover);color:var(--mxr-text)}._mxr-reset-btn svg{width:14px;height:14px}@media (max-width:480px){._mxr-panel{width:calc(100vw - 2rem);right:1rem}}