._canvasContainer_i0bio_1{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem .5rem 1.5rem;overflow:hidden;height:100%;background:#fff6;backdrop-filter:blur(4px);container-type:size}.dark ._canvasContainer_i0bio_1{background:#0003}@media(min-width:768px){._canvasContainer_i0bio_1{padding:3rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}}._loadingOverlay_i0bio_29{position:absolute;z-index:50;display:flex;flex-direction:column;align-items:center}._loadingIcon_i0bio_37{color:var(--color-primary);animation:_bounce_i0bio_1 1s infinite;margin-bottom:1rem}._loadingText_i0bio_43{font-weight:700;letter-spacing:.025em;color:var(--color-gray-500)}.dark ._loadingText_i0bio_43{color:var(--color-gray-400)}._canvasWrapper_i0bio_53{position:relative;border-radius:9999px;background:transparent;width:min(100cqmin,600px);height:min(100cqmin,600px);aspect-ratio:1;touch-action:none;opacity:0;transition:opacity .7s ease-in-out}._canvasWrapper_i0bio_53._loaded_i0bio_65{opacity:1}._layerBg_i0bio_69,._layerFg_i0bio_69,._layerEvent_i0bio_69{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:9999px}._layerBg_i0bio_69,._layerFg_i0bio_69{pointer-events:none}._layerEvent_i0bio_69{cursor:crosshair;z-index:20}@keyframes _bounce_i0bio_1{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}._hideNativeCursor_i0bio_99{cursor:none!important}._customCursor_i0bio_103{position:absolute;pointer-events:none;border-radius:50%;border:2px solid white;transform:translate(-50%,-50%);z-index:100;box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #0000001a;transition:width .1s,height .1s,border-color .1s,background-color .1s}._toolButton_q1mtz_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:var(--color-gray-500);border:none;cursor:pointer;box-shadow:0 4px 12px #0000000d}.dark ._toolButton_q1mtz_1{background:var(--color-gray-800);color:var(--color-gray-400);box-shadow:0 4px 12px #0003}._toolButton_q1mtz_1:hover{background:var(--color-gray-50);box-shadow:0 6px 16px #00000014;transform:translateY(-4px)}.dark ._toolButton_q1mtz_1:hover{background:var(--color-gray-700)}._toolButton_q1mtz_1._active_q1mtz_32{background:var(--color-blue-100);color:var(--color-primary);box-shadow:inset 0 2px 8px #00a1ff33,0 0 0 2px #00a1ff80;transform:scale(.95)}.dark ._toolButton_q1mtz_1._active_q1mtz_32{background:#1e3a8a66;color:var(--color-blue-400)}._iconWrapper_q1mtz_44{margin-bottom:.25rem}._label_q1mtz_48{font-size:10px;font-weight:700;letter-spacing:.025em}._sidebar_18uzx_1{background:#fff;display:flex;flex-direction:column;z-index:10;box-shadow:0 -10px 40px #00000014;flex-shrink:0;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.dark ._sidebar_18uzx_1{background:var(--color-zinc-900)}@media(min-width:768px){._sidebar_18uzx_1{position:relative;width:380px;height:100%;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}}._sidebarContent_18uzx_26{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){._sidebarContent_18uzx_26{padding:1.5rem}}._header_18uzx_41{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-gray-100);padding-bottom:.75rem}.dark ._header_18uzx_41{border-bottom-color:var(--color-gray-800)}._title_18uzx_53{font-size:1.25rem;font-weight:900;color:var(--color-gray-900);letter-spacing:-.025em;display:flex;align-items:center}.dark ._title_18uzx_53{color:#fff}._sparkles_18uzx_66{margin-left:.5rem;color:#ffde00}._subtitle_18uzx_71{font-size:.75rem;font-weight:700;color:var(--color-gray-400);margin-top:.25rem;display:none}@media(min-width:768px){._subtitle_18uzx_71{display:block}._title_18uzx_53{font-size:1.5rem}}._themeToggle_18uzx_83{width:2.25rem;height:2.25rem;background:var(--color-gray-50);color:var(--color-gray-600);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;transition:all .2s;flex-shrink:0;cursor:pointer;border:none}.dark ._themeToggle_18uzx_83{background:var(--color-gray-800);color:var(--color-gray-300)}._themeToggle_18uzx_83:hover{box-shadow:0 4px 6px -1px #0000001a;transform:scale(1.05)}._themeToggle_18uzx_83:active{transform:scale(.95)}._sectionTools_18uzx_113,._sectionColors_18uzx_113,._sectionLayers_18uzx_113{display:flex;flex-direction:column;gap:.5rem}._toolsGrid_18uzx_119{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}._toolsGrid_18uzx_119::-webkit-scrollbar{height:4px}._toolsGrid_18uzx_119::-webkit-scrollbar-track{background:transparent}._toolsGrid_18uzx_119::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.dark ._toolsGrid_18uzx_119::-webkit-scrollbar-thumb{background:var(--color-gray-700)}@media(min-width:768px){._toolsGrid_18uzx_119{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;padding-bottom:0}}._toolsGrid_18uzx_119>*{flex-shrink:0;width:20vmin;min-width:60px;max-width:80px}._toolsGrid_18uzx_119:after{content:"";flex:0 0 1rem}@media(min-width:768px){._toolsGrid_18uzx_119>*{width:auto}}._sliders_18uzx_169{display:flex;flex-direction:row;gap:1rem;background:#fdfbf7;padding:.75rem;border-radius:1rem;border:1px solid var(--color-gray-100)}.dark ._sliders_18uzx_169{background:#1f293780;border-color:#37415180}._sliderGroup_18uzx_184{flex:1}@media(min-width:768px){._sliders_18uzx_169{flex-direction:column;padding:1rem}}._sliderHeader_18uzx_195{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-gray-500);font-weight:700;margin-bottom:.5rem}.dark ._sliderHeader_18uzx_195{color:var(--color-gray-400)}._sliderValue_18uzx_208{background:#fff;padding:.125rem .35rem;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}.dark ._sliderValue_18uzx_208{background:var(--color-gray-700)}._rangeInput_18uzx_219{-webkit-appearance:none;width:100%;background:transparent}._rangeInput_18uzx_219::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;margin-top:-7px;box-shadow:0 2px 6px #00a1ff66;border:3px solid white;transition:transform .1s}.dark ._rangeInput_18uzx_219::-webkit-slider-thumb{border-color:#27272a}._rangeInput_18uzx_219::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#e4e4e7;border-radius:10px}.dark ._rangeInput_18uzx_219::-webkit-slider-runnable-track{background:#3f3f46}._paletteGrid_18uzx_254{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}._paletteGrid_18uzx_254::-webkit-scrollbar{height:4px}._paletteGrid_18uzx_254::-webkit-scrollbar-track{background:transparent}._paletteGrid_18uzx_254::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.dark ._paletteGrid_18uzx_254::-webkit-scrollbar-thumb{background:var(--color-gray-700)}@media(min-width:768px){._paletteGrid_18uzx_254{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}}._colorChip_18uzx_285{flex-shrink:0;width:10vmin;height:10vmin;min-width:32px;min-height:32px;max-width:40px;max-height:40px;aspect-ratio:1;border-radius:9999px;position:relative;transition:all .2s ease-out;cursor:pointer;border:none;box-shadow:inset 0 4px 6px #00000026,inset 0 -2px 4px #fff6,0 2px 4px #0000000d}._paletteGrid_18uzx_254:after{content:"";flex:0 0 1rem}._colorChipActive_18uzx_307{transform:scale(1.1);box-shadow:inset 0 4px 6px #00000026,inset 0 -2px 4px #fff6,0 4px 10px #0003!important;border-style:solid;border-width:3px}._colorGlare_18uzx_314{position:absolute;top:.25rem;right:.5rem;width:.5rem;height:.25rem;background:#fff;border-radius:9999px;opacity:.4}._colorWheelPicker_18uzx_325{background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden;display:flex;align-items:center;justify-content:center}._colorInputHidden_18uzx_333{position:absolute;width:200%;height:200%;inset:-8px 0 0 -8px;cursor:pointer;opacity:0;z-index:10}._colorWheelInner_18uzx_345{position:absolute;inset:.375rem;border-radius:9999px;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px #0000001a}._sectionLayersTop_18uzx_353{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:.75rem;border-radius:1.25rem;border:1px solid var(--color-gray-100);box-shadow:0 4px 15px #00000008}.dark ._sectionLayersTop_18uzx_353{background:#1f293780;border-color:#37415180}._sectionHeader_18uzx_369{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-primary);text-align:center;letter-spacing:.05em}._layerTabs_18uzx_378{background:#f3f4f6cc;padding:.25rem;border-radius:1rem;display:flex}.dark ._layerTabs_18uzx_378{background:var(--color-gray-800)}._layerTab_18uzx_378{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 0;border-radius:.75rem;transition:all .3s;font-weight:700;font-size:.75rem;color:var(--color-gray-500);border:none;background:transparent;cursor:pointer}.dark ._layerTab_18uzx_378{color:var(--color-gray-400)}._layerTabActive_18uzx_409{background:#fff;color:var(--color-gray-900);box-shadow:0 2px 8px #0000001a}.dark ._layerTabActive_18uzx_409{background:var(--color-gray-700);color:#fff}._tabIcon_18uzx_420{margin-right:.75rem;opacity:.8}._actionsBox_18uzx_425{display:flex;flex-direction:column;gap:.5rem}._magicButton_18uzx_431{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 0;background:linear-gradient(to right,#f36,#b100ff,#00a1ff,#f36);background-size:300% 100%;animation:_magicGradient_18uzx_1 4s ease infinite;border-radius:.75rem;color:#fff;font-weight:800;font-size:.875rem;cursor:pointer;border:none;box-shadow:0 8px 20px #b100ff40;transition:all .2s}@keyframes _magicGradient_18uzx_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._magicButton_18uzx_431:active{transform:scale(.95)}._magicIcon_18uzx_461,._actionIcon_18uzx_465{margin-right:.75rem}._actionsGrid_18uzx_469{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}._clearButton_18uzx_475{display:flex;align-items:center;justify-content:center;padding:.625rem 0;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.75rem;color:var(--color-gray-500);font-weight:700;font-size:.875rem;cursor:pointer}.dark ._clearButton_18uzx_475{background:#1f2937cc;border-color:var(--color-gray-700);color:var(--color-gray-400)}._clearButton_18uzx_475:active{transform:scale(.95)}._saveButton_18uzx_499{display:flex;align-items:center;justify-content:center;padding:.625rem 0;background:var(--color-gray-900);border-radius:.75rem;color:#fff;font-weight:700;font-size:.875rem;cursor:pointer;border:none;box-shadow:0 10px 15px -3px #0000001a}.dark ._saveButton_18uzx_499{background:#fff;color:var(--color-gray-900)}._saveButton_18uzx_499:active{transform:scale(.95)}._installButton_18uzx_523{display:flex;align-items:center;justify-content:center;padding:.75rem 0;background:var(--color-blue-100);border:1px solid var(--color-blue-400);border-radius:.75rem;color:var(--color-primary);font-weight:800;font-size:.875rem;cursor:pointer;width:100%;margin-top:.25rem;transition:all .2s}.dark ._installButton_18uzx_523{background:#1e3a8a4d;border-color:#3b82f680;color:var(--color-blue-400)}._installButton_18uzx_523:active{transform:scale(.95)}._appContainer_qapl3_1{--color-primary: #00A1FF;--color-blue-100: #dbeafe;--color-blue-400: #60a5fa;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-zinc-900: #18181b;font-family:Nunito,sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;background-image:radial-gradient(at 10% 20%,rgba(0,161,255,.15) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(255,51,102,.15) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(255,222,0,.1) 0px,transparent 40%),radial-gradient(#cbd5e1 2px,transparent 0);background-size:100% 100%,100% 100%,100% 100%,30px 30px;background-attachment:fixed;color:var(--color-gray-800);transition:background-color .5s;overflow:hidden}.dark ._appContainer_qapl3_1{background-color:#0f172a;background-image:radial-gradient(at 10% 20%,rgba(0,161,255,.1) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(255,51,102,.1) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(255,222,0,.05) 0px,transparent 40%),radial-gradient(#1e293b 2px,transparent 0);color:var(--color-gray-100)}@media(min-width:768px){._appContainer_qapl3_1{padding:2rem}}._contentWrapper_qapl3_51{width:100%;height:100dvh;max-width:90rem;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:10}@media(min-width:768px){._contentWrapper_qapl3_51{height:95vh;flex-direction:row;gap:2rem}}