:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:#1a1a1e;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100vw;max-width:100%;height:100vh;min-height:100vh;margin:0;padding:0;display:flex}._viewportContainer_bxkqa_1{-webkit-user-select:none;user-select:none;background-color:#1a1a1e;width:100%;height:100%;position:relative;overflow:hidden}._canvasElement_bxkqa_10{cursor:grab;width:100%;height:100%;display:block}._canvasElement_bxkqa_10:active{cursor:grabbing}._infoIconContainer_bxkqa_22{z-index:15;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}._infoIcon_bxkqa_22{color:#ffffff40;cursor:help;filter:drop-shadow(0 2px 4px #00000080);transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}._infoIconContainer_bxkqa_22:hover ._infoIcon_bxkqa_22{color:#ffffffd9;transform:scale(1.1)}._infoTooltip_bxkqa_44{white-space:nowrap;-webkit-backdrop-filter:blur(8px);color:#f0f0f5f2;letter-spacing:.02em;pointer-events:none;opacity:0;background:#121216e0;border:1px solid #ffffff1a;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:28px;transform:translateY(-50%)translate(8px);box-shadow:0 6px 20px #0006}._infoIconContainer_bxkqa_22:hover ._infoTooltip_bxkqa_44{opacity:1;transform:translateY(-50%)translate(0)}._sidebar_hq97f_1{box-sizing:border-box;color:#e2e2e7;background-color:#1e1e22;border-left:1px solid #2d2d34;width:380px;height:100vh;padding:24px 24px 60px;overflow-y:auto}._sidebar_hq97f_1::-webkit-scrollbar{width:6px}._paletteList_hq97f_15::-webkit-scrollbar{width:6px}._sidebar_hq97f_1::-webkit-scrollbar-track{background:0 0}._paletteList_hq97f_15::-webkit-scrollbar-track{background:0 0}._sidebar_hq97f_1::-webkit-scrollbar-thumb{background:#3a3a44;border-radius:4px}._paletteList_hq97f_15::-webkit-scrollbar-thumb{background:#3a3a44;border-radius:4px}._sidebar_hq97f_1::-webkit-scrollbar-thumb:hover{background:#4f4f5d}._paletteList_hq97f_15::-webkit-scrollbar-thumb:hover{background:#4f4f5d}._section_hq97f_35{border-bottom:1px solid #2d2d34;margin-bottom:24px;padding-bottom:20px}._section_hq97f_35:last-of-type{border-bottom:none;padding-bottom:0}._section_hq97f_35 h3{text-transform:uppercase;letter-spacing:.08em;color:#8e8e93;margin:0 0 14px;font-size:.8rem;font-weight:700}._collapsibleHeader_hq97f_55{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 0;transition:color .2s;display:flex}._collapsibleHeader_hq97f_55:hover h3{color:#e2e2e7}._collapsibleHeader_hq97f_55 h3{margin:0!important}._chevron_hq97f_73{color:#8e8e93;font-family:monospace;font-size:.7rem;transition:transform .2s,color .2s}._collapsibleHeader_hq97f_55:hover ._chevron_hq97f_73{color:#e2e2e7}._sectionContent_hq97f_84{margin-top:14px}._presetSelect_hq97f_88{color:#e2e2e7;cursor:pointer;background:#121215;border:1px solid #3a3a44;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}._presetSelect_hq97f_88:focus{border-color:#1a73e8}._controlRow_hq97f_106{margin-bottom:16px;transition:background-color .2s,border-color .2s,padding .2s}._activeSpeedRow_hq97f_111{background-color:#1a73e80d;border:1px dashed #1a73e84d;border-radius:8px;margin-left:-8px;margin-right:-8px;padding:8px}._controlRow_hq97f_106:last-child{margin-bottom:0}._labelRow_hq97f_124{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}._label_hq97f_124{color:#e2e2e7;font-size:.85rem;font-weight:500}._value_hq97f_137{color:#a1a1a9;background:#121215;border:1px solid #2d2d34;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.85rem}._valueInput_hq97f_147{color:#a1a1a9;text-align:right;cursor:pointer;background:#121215;border:1px solid #2d2d34;border-radius:4px;outline:none;width:65px;padding:2px 6px;font-family:monospace;font-size:.85rem;transition:border-color .2s,color .2s,background-color .2s}._valueInput_hq97f_147:hover{color:#e2e2e7;border-color:#3f3f46}._valueInput_hq97f_147:focus{color:#fff;cursor:text;background:#0d0d0f;border-color:#1a73e8}._inputAndAutoplay_hq97f_174{align-items:center;gap:10px;width:100%;display:flex}._rangeInput_hq97f_181{appearance:none;cursor:pointer;background:#121215;border-radius:3px;outline:none;width:100%;height:6px}._rangeInput_hq97f_181::-webkit-slider-thumb{appearance:none;background:#1a73e8;border:2px solid #e2e2e7;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s}._rangeInput_hq97f_181::-webkit-slider-thumb:hover{background-color:#155cb4;transform:scale(1.15)}._rangeInputWithAutoplay_hq97f_206{appearance:none;cursor:pointer;background:#121215;border-radius:3px;outline:none;flex:1;height:6px}._rangeInputWithAutoplay_hq97f_206::-webkit-slider-thumb{appearance:none;background:#1a73e8;border:2px solid #e2e2e7;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s}._rangeInputWithAutoplay_hq97f_206::-webkit-slider-thumb:hover{background-color:#155cb4;transform:scale(1.15)}._rangeInputWithAutoplay_hq97f_206:disabled{opacity:.4;cursor:not-allowed}._rangeInputWithAutoplay_hq97f_206:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#4a4a54;border-color:#7a7a85;transform:none}._autopilotToggle_hq97f_243{color:#a1a1a9;cursor:pointer;background-color:#2d2d34;border:1px solid #3a3a44;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}._autopilotToggle_hq97f_243:hover{color:#e2e2e7;background-color:#3a3a44;border-color:#4a4a54}._autopilotActive_hq97f_266{box-shadow:0 0 8px #1a73e866;color:#fff!important;background-color:#1a73e8!important;border-color:#155cb4!important}._codeTextarea_hq97f_273{color:#9cdcfe;box-sizing:border-box;resize:none;background-color:#121215;border:1px solid #3a3a44;border-radius:8px;outline:none;width:100%;height:130px;padding:10px;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.4;transition:border-color .2s}._codeTextarea_hq97f_273:focus{border-color:#1a73e8}._errorBox_hq97f_294{color:#f44336;background:#f443361a;border:1px solid #f443364d;border-radius:6px;margin-top:8px;padding:8px 12px;font-family:monospace;font-size:.8rem;line-height:1.4}._successBox_hq97f_306{color:#4caf50;align-items:center;gap:4px;margin-top:8px;font-size:.8rem;font-weight:500;display:flex}._paletteList_hq97f_15{background-color:#121215;border:1px solid #3a3a44;border-radius:8px;max-height:240px;padding:4px;overflow-y:auto}._paletteRow_hq97f_325{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px;transition:background-color .15s;display:flex}._paletteRow_hq97f_325:last-child{margin-bottom:0}._paletteRow_hq97f_325:hover{background-color:#ffffff0d}._paletteActive_hq97f_344{background-color:#1d3557;border:1px solid #457b9d}._paletteActive_hq97f_344:hover{background-color:#1d3557}._paletteName_hq97f_353{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.85rem;font-weight:500;overflow:hidden}._colorChips_hq97f_362{gap:4px;display:flex}._chip_hq97f_367{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}._customPaletteRow_hq97f_374{border-left:3px solid #3b82f6!important}._customEditorPanel_hq97f_378{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin:4px 0 12px;padding:12px}._pickerRow_hq97f_386{justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}._pickerWrapper_hq97f_393{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}._colorInputPicker_hq97f_401{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .1s,box-shadow .1s;overflow:hidden;box-shadow:0 0 0 1px #fff3}._colorInputPicker_hq97f_401:hover{transform:scale(1.1);box-shadow:0 0 0 2px #3b82f6}._colorInputPicker_hq97f_401::-webkit-color-swatch-wrapper{padding:0}._colorInputPicker_hq97f_401::-webkit-color-swatch{border:none;border-radius:50%}._colorLabel_hq97f_431{color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:10px}._hexTextRow_hq97f_437{flex-direction:column;gap:4px;display:flex}._hexLabel_hq97f_443{color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:500}._hexTextInput_hq97f_449{color:#f1f5f9;box-sizing:border-box;background:#0003;border:1px solid #ffffff26;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-family:monospace;font-size:12px}._hexTextInput_hq97f_449:focus{background:#0000004d;border-color:#3b82f6}._footerActions_hq97f_467{flex-direction:column;padding-top:16px;display:flex}._randomizeBtnTop_hq97f_473{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a73e8,#155cb4);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:transform .1s,box-shadow .2s,background-color .2s;display:flex}._randomizeBtnTop_hq97f_473:hover{background:linear-gradient(135deg,#1b7cfc,#1664c4);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}._randomizeBtnTop_hq97f_473:active{box-shadow:none;transform:translateY(1px)}._randomizeBtn_hq97f_473{color:#e2e2e7;cursor:pointer;background-color:#2d2d34;border:1px solid #3a3a44;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s}._randomizeBtn_hq97f_473:hover{background-color:#3a3a44}._randomizeBtn_hq97f_473:active{transform:scale(.97)}._exportRow_hq97f_524{gap:12px;width:100%;display:flex}._exportBtn_hq97f_530{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:8px;flex:1;padding:12px;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .1s}._exportBtn_hq97f_530:hover{background-color:#155cb4}._exportBtn_hq97f_530:active{transform:scale(.97)}._dimensionRow_hq97f_551{gap:12px;margin-top:12px;display:flex}._dimensionCol_hq97f_557{flex-direction:column;flex:1;display:flex}._smallLabel_hq97f_563{color:#9a9ab0;margin-bottom:4px;font-size:.75rem}._dimensionInput_hq97f_569{color:#e2e2e7;background-color:#1e1e24;border:1px solid #3a3a44;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:monospace;font-size:.85rem;transition:border-color .2s}._dimensionInput_hq97f_569:focus{border-color:#1a73e8}._filenameTextInput_hq97f_586{color:#e2e2e7;background-color:#1e1e24;border:1px solid #3a3a44;border-radius:6px;outline:none;width:100%;margin-top:6px;padding:8px 12px;font-family:monospace;font-size:.85rem;transition:border-color .2s}._filenameTextInput_hq97f_586:focus{border-color:#1a73e8}._exportSectionActions_hq97f_604{gap:12px;width:100%;margin-top:16px;display:flex}._bgColorsRow_hq97f_611{gap:8px;margin-top:6px;display:flex}._bgColorChip_hq97f_617{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:28px;height:28px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #00000026,0 2px 4px #00000026}._bgColorChip_hq97f_617:hover{transform:scale(1.1);box-shadow:inset 0 0 0 1px #00000026,0 4px 8px #0000004d}._bgColorActive_hq97f_634{transform:scale(1.15);border-color:#1a73e8!important;box-shadow:inset 0 0 0 1px #00000026,0 0 8px #1a73e899!important}._toggleRow_hq97f_641{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}._switch_hq97f_648{width:44px;height:22px;display:inline-block;position:relative}._switch_hq97f_648 input{opacity:0;width:0;height:0}._switchSlider_hq97f_661{cursor:pointer;background-color:#121215;border:1px solid #3a3a44;border-radius:22px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}._switchSlider_hq97f_661:before{content:"";background-color:#8e8e93;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}._switch_hq97f_648 input:checked+._switchSlider_hq97f_661{background-color:#1a73e833;border-color:#1a73e8}._switch_hq97f_648 input:checked+._switchSlider_hq97f_661:before{background-color:#1a73e8;transform:translate(22px)}._resetViewBtn_hq97f_696{color:#e2e2e7;cursor:pointer;background:0 0;border:1px solid #3a3a44;border-radius:6px;width:100%;margin-top:10px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}._resetViewBtn_hq97f_696:hover{color:#fff;background:#2d2d34;border-color:#4f4f5d}._importExportRow_hq97f_716{gap:10px;margin-top:10px;display:flex}._secondaryBtn_hq97f_722{color:#e2e2e7;cursor:pointer;background-color:#2c2c35;border:1px solid #3a3a44;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s;display:flex}._secondaryBtn_hq97f_722:hover{color:#fff;background-color:#383842;border-color:#1a73e8}._descriptionText_hq97f_744{color:#a1a1a9;margin-bottom:8px;font-size:12px;line-height:1.4}._importError_hq97f_751{color:#ff453a;text-align:center;background:#ff453a1a;border:1px solid #ff453a33;border-radius:6px;margin-top:8px;padding:6px;font-size:11px}html,body{-webkit-font-smoothing:antialiased;background-color:#1a1a1e;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.appContainer{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.mainLayout{flex:1;display:flex;overflow:hidden}