.DebugPanel-module__TwpxTG__debugPanel{background:color-mix(in srgb,var(--backgroundColor)90%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px dashed color-mix(in srgb,var(--color)30%,transparent);width:calc(100% - max(36px,2vw));height:auto;color:var(--color);font-family:var(--font-mono);z-index:100000000;text-transform:uppercase;border-radius:8px;font-size:max(12px,.7vw);display:none;position:fixed;bottom:clamp(36px,1.5vw + 36px,1.5vw + 36px);left:max(18px,1vw)}@media (min-width:1024px){.DebugPanel-module__TwpxTG__debugPanel{width:calc(35% - max(18px,.7vw));left:auto;right:max(18px,.7vw)}}.DebugPanel-module__TwpxTG__header{border-bottom:1px dashed color-mix(in srgb,var(--color)30%,transparent);justify-content:space-between;align-items:center;padding:max(8px,.5vw) max(16px,1.2vw);display:flex}.DebugPanel-module__TwpxTG__header h3{color:var(--color);font-size:max(12px,.7vw);font-weight:400;font-family:var(--font-mono);text-transform:uppercase;margin:0;line-height:1}.DebugPanel-module__TwpxTG__closeButton{color:var(--color);font-size:max(12px,.7vw);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:max(4px,.4vw);line-height:1;transition:all .2s}.DebugPanel-module__TwpxTG__closeButton:hover{background:color-mix(in srgb,var(--color)10%,transparent);opacity:.8}.DebugPanel-module__TwpxTG__closeButton:focus{outline:none}.DebugPanel-module__TwpxTG__tabs{gap:max(8px,.8vw);display:flex}.DebugPanel-module__TwpxTG__tab,.DebugPanel-module__TwpxTG__activeTab{border:1px dashed color-mix(in srgb,var(--color)30%,transparent);color:var(--color);cursor:pointer;font-size:max(12px,.7vw);font-family:var(--font-mono);text-transform:uppercase;background:0 0;padding:max(4px,.4vw) max(12px,1.2vw);line-height:1;transition:all .2s}.DebugPanel-module__TwpxTG__tab:hover{opacity:1}.DebugPanel-module__TwpxTG__activeTab{opacity:1;background:color-mix(in srgb,var(--color)10%,transparent)}.DebugPanel-module__TwpxTG__content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:max(20px,2vw);max-height:100vh;padding:max(16px,1.6vw) max(18px,1.2vw);display:grid;overflow-y:auto}.DebugPanel-module__TwpxTG__content::-webkit-scrollbar{width:2px}.DebugPanel-module__TwpxTG__content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color)10%,transparent)}.DebugPanel-module__TwpxTG__content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color)30%,transparent)}.DebugPanel-module__TwpxTG__section{flex-direction:column;gap:max(12px,1.2vw);display:flex}.DebugPanel-module__TwpxTG__control{flex-direction:column;gap:max(6px,.6vw);display:flex}.DebugPanel-module__TwpxTG__fullCanvas{flex-direction:row;align-items:center}.DebugPanel-module__TwpxTG__control label{color:var(--color);font-size:max(12px,.7vw);font-family:var(--font-mono);text-transform:uppercase;line-height:1}.DebugPanel-module__TwpxTG__control input[type=range]{background:color-mix(in srgb,var(--color)40%,transparent);-webkit-appearance:none;cursor:pointer;outline:none;width:100%;height:2px}.DebugPanel-module__TwpxTG__control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color);cursor:pointer;border-radius:50%;width:8px;height:8px}.DebugPanel-module__TwpxTG__control input[type=range]::-moz-range-thumb{background:var(--color);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}.DebugPanel-module__TwpxTG__control select{border:1px dashed color-mix(in srgb,var(--color)50%,transparent);color:var(--color);font-size:max(12px,.7vw);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;text-indent-right:.5em;background:0 0;border-radius:4px;outline:none;padding:max(4px,.4vw) max(8px,.3vw);line-height:1}.DebugPanel-module__TwpxTG__control select:focus,.DebugPanel-module__TwpxTG__control select:hover{opacity:1}.DebugPanel-module__TwpxTG__control select option{background:var(--backgroundColor);color:var(--color)}.DebugPanel-module__TwpxTG__control span{color:var(--color);font-size:max(12px,.7vw);font-family:var(--font-mono);text-align:right;font-weight:400}.DebugPanel-module__TwpxTG__colorControl{flex-direction:column;gap:max(6px,.6vw);display:flex}.DebugPanel-module__TwpxTG__colorControl label{color:var(--color);font-size:max(12px,.7vw);font-family:var(--font-mono);text-transform:uppercase;line-height:1}.DebugPanel-module__TwpxTG__colorControl input[type=color]{border:1px dashed color-mix(in srgb,var(--color)30%,transparent);cursor:pointer;background:0 0;width:100%;height:max(20px,2vw)}.DebugPanel-module__TwpxTG__colorSwatch{border:1px dashed color-mix(in srgb,var(--color)30%,transparent);width:100%;height:max(12px,1.2vw);margin-bottom:max(4px,.4vw)}.DebugPanel-module__TwpxTG__debugPanel[style*=block]{animation:.3s ease-out DebugPanel-module__TwpxTG__slideUp}@keyframes DebugPanel-module__TwpxTG__slideUp{0%{opacity:0}to{opacity:1}}.DebugPanel-module__TwpxTG__footer{border-top:1px dashed color-mix(in srgb,var(--color)30%,transparent);background:var(--color);color:var(--backgroundColor);border-radius:0 0 8px 8px;justify-content:flex-start;align-items:center;padding:max(14px,.9vw) max(8px,1.2vw);display:flex}.DebugPanel-module__TwpxTG__footer h3{font-size:max(12px,.7vw);font-weight:400;font-family:var(--font-mono);text-transform:uppercase;opacity:.8;margin:0;line-height:1}@media (max-width:768px){.DebugPanel-module__TwpxTG__content{grid-template-columns:1fr;max-height:50vh}.DebugPanel-module__TwpxTG__footer{display:none}}@media (max-width:1023px){.DebugPanel-module__TwpxTG__desktopOnly{display:none}}