:root{--bg-color: #000000;--text-color: #ffffff;--overlay-bg: rgba(20, 20, 20, .85);--accent-color: #007aff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--prompter-padding: 5vw;--guideline-color: rgba(255, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);overflow:hidden;width:100vw;height:100vh}#root{width:100%;height:100%}.glass-panel{background:var(--overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 30px #00000080}.mirror-x{transform:scaleX(-1)}.mirror-y{transform:scaleY(-1)}.mirror-both{transform:scale(-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out forwards}@media(max-width:1366px){.editor-container{position:relative;overflow-x:hidden}.editor-sidebar{position:fixed!important;top:0;right:0;bottom:0;width:320px!important;margin:0!important;height:100vh!important;z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0!important;border-left:1px solid rgba(255,255,255,.1);background:#111!important}.editor-sidebar.open{transform:translate(0);box-shadow:-5px 0 30px #00000080}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.editor-main{width:100vw!important;padding:20px!important}}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;height:40px;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:20px;background:#ffffff1a;border-radius:4px;border:1px solid rgba(255,255,255,.1)}input[type=range]::-webkit-slider-thumb{height:36px;width:36px;border-radius:4px;background:var(--accent-color);cursor:pointer;-webkit-appearance:none;margin-top:-9px;box-shadow:0 4px 10px #0000004d;border:1px solid rgba(255,255,255,.2)}input[type=range]:focus::-webkit-slider-runnable-track{background:#ffffff26}