@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-muted: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #6366f1;--accent-strong: #4f46e5;--accent-contrast: #ffffff;--accent-shadow: rgba(99, 102, 241, .28);--accent-overlay: rgba(99, 102, 241, .1);--focus-ring: rgba(99, 102, 241, .35);--icon-hover: rgba(99, 102, 241, .12);--shadow: 0 18px 35px rgba(15, 23, 42, .12);--header-bg: rgba(255, 255, 255, .88);--header-border: rgba(226, 232, 240, .9);--tooltip-bg: rgba(15, 23, 42, .96);--tooltip-text: #ffffff;--tooltip-border: rgba(15, 23, 42, .2);--input-bg: #ffffff;--input-overlay: linear-gradient(0deg, var(--accent-overlay), var(--accent-overlay)), var(--input-bg);--surface-overlay: linear-gradient(0deg, var(--accent-overlay), var(--accent-overlay)), var(--surface);--surface-muted-overlay: linear-gradient(0deg, var(--accent-overlay), var(--accent-overlay)), var(--surface-muted);--surface-hover: var(--surface-muted-overlay);--surface-active: var(--surface-overlay);--border-hover: var(--border-strong)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--surface: #111827;--surface-muted: #1f2937;--text: #e2e8f0;--text-muted: #94a3b8;--border: #1f2937;--border-strong: #334155;--accent-shadow: rgba(15, 23, 42, .6);--accent-overlay: rgba(0, 0, 0, 0);--focus-ring: rgba(99, 102, 241, .45);--icon-hover: rgba(99, 102, 241, .2);--shadow: 0 22px 40px rgba(2, 6, 23, .55);--header-bg: rgba(12, 18, 32, .9);--header-border: rgba(30, 41, 59, .9);--tooltip-bg: rgba(248, 250, 252, .96);--tooltip-text: #0f172a;--tooltip-border: rgba(148, 163, 184, .25);--input-bg: #111827;--input-overlay: var(--input-bg);--surface-overlay: var(--surface);--surface-muted-overlay: var(--surface-muted);--surface-hover: var(--surface-muted-overlay);--surface-active: var(--surface-overlay);--border-hover: var(--border-strong)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(0deg,var(--accent-overlay),var(--accent-overlay)),var(--bg);color:var(--text)}button,input,select,textarea{font-family:inherit}.tooltip-surface{background:var(--tooltip-bg);color:var(--tooltip-text);border-color:var(--tooltip-border)}.min-h-screen{background:linear-gradient(0deg,var(--accent-overlay),var(--accent-overlay)),var(--bg);color:var(--text)}.bg-slate-50,.bg-slate-100,.bg-white,.bg-white\/80,.bg-white\/90,.bg-white\/95,.bg-white\/85,.bg-white\/70,.bg-white\/60{background-color:var(--surface-overlay)!important;color:var(--text)}.bg-white\/80{background-color:var(--header-bg)!important}.bg-slate-900{background-color:var(--surface-muted)!important;color:var(--text)}.bg-slate-900\/80{background-color:var(--header-bg)!important;color:var(--text)}.bg-slate-800,.bg-slate-800\/95,.bg-slate-800\/60,.bg-slate-800\/50{background-color:var(--surface-overlay)!important;color:var(--text)}.bg-slate-700,.bg-slate-700\/50,.bg-slate-600{background-color:var(--surface-muted-overlay)!important;color:var(--text)}:root:not([data-theme=dark]) .bg-slate-800,:root:not([data-theme=dark]) .bg-slate-800\/95,:root:not([data-theme=dark]) .bg-slate-800\/60,:root:not([data-theme=dark]) .bg-slate-800\/50{background-color:var(--surface)!important}:root:not([data-theme=dark]) .colorpicker-panel{background-color:#fff!important}.text-slate-100,.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-200{color:var(--text)!important}.text-slate-300,.text-slate-400,.text-slate-500,.text-slate-600{color:var(--text-muted)!important}.text-indigo-300,.text-indigo-400,.text-indigo-600,.text-purple-300{color:var(--accent-strong)!important}.bg-indigo-400,.bg-indigo-500,.bg-indigo-600{background-color:var(--accent)!important}.bg-indigo-500\/10,.bg-indigo-500\/20,.bg-indigo-500\/30,.bg-indigo-500\/40,.bg-indigo-500\/50,.bg-indigo-900\/50{background-color:var(--accent-overlay)!important}.bg-indigo-700{background-color:var(--accent-strong)!important}.hover\:bg-slate-200:hover,.hover\:bg-slate-600:hover,.hover\:bg-slate-700:hover,.hover\:bg-slate-700\/50:hover,.hover\:bg-slate-600\/50:hover,.hover\:bg-slate-500:hover{background:var(--surface-hover)!important}.hover\:bg-indigo-700:hover,.hover\:bg-indigo-600:hover{background-color:var(--accent-strong)!important}.hover\:bg-indigo-500\/50:hover,.hover\:bg-indigo-500\/40:hover,.hover\:bg-indigo-500\/20:hover,.hover\:bg-indigo-500\/10:hover{background-color:var(--accent-overlay)!important}.hover\:text-slate-900:hover,.hover\:text-slate-700:hover,.hover\:text-slate-200:hover,.hover\:text-white:hover{color:var(--text)!important}.hover\:text-indigo-400:hover,.hover\:text-indigo-500:hover,.hover\:text-indigo-600:hover{color:var(--accent-strong)!important}.hover\:border-slate-300:hover,.hover\:border-slate-400:hover,.hover\:border-slate-600:hover,.hover\:border-slate-700:hover{border-color:var(--border-hover)!important}.hover\:border-indigo-500:hover{border-color:var(--accent)!important}.focus\:border-indigo-500:focus{border-color:var(--accent)!important}.focus\:ring-slate-500:focus{--tw-ring-color: var(--border-strong) !important}.focus\:ring-offset-slate-800:focus{--tw-ring-offset-color: var(--surface) !important}.border-slate-200,.border-slate-400,.border-slate-300,.border-slate-700,.border-slate-700\/50,.border-slate-800,.border-slate-600,.border-slate-500,.divide-slate-700{border-color:var(--border)!important}.border-indigo-500,.border-indigo-500\/40{border-color:var(--accent)!important}.ring-indigo-500,.focus\:ring-indigo-500:focus{--tw-ring-color: var(--focus-ring) !important}.focus\:ring-offset-slate-900:focus{--tw-ring-offset-color: var(--surface) !important}.focus\:ring-offset-white:focus{--tw-ring-offset-color: var(--surface) !important}.ring-offset-white{--tw-ring-offset-color: var(--surface) !important}.ring-slate-400{--tw-ring-color: var(--border-strong) !important}input,select,textarea{background:var(--input-overlay);color:var(--text);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}@keyframes pulse{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 12px #22c55e00}}.highlight-pulse{animation:pulse 1.5s infinite;border-radius:.375rem}@media(max-width:640px){button{min-height:44px}button,input[type=range],select{-webkit-tap-highlight-color:rgba(99,102,241,.3)}input,select,textarea{font-size:16px!important}}html{scroll-behavior:smooth}:root{--misc-app-bg: transparent;--misc-card-bg: transparent;--misc-border-color: transparent;--misc-text-color: inherit;--misc-muted-text: inherit;--tutorial-overlay-light: rgba(248, 250, 252, .92);--tutorial-overlay-dark: rgba(12, 12, 18, .92)}html[data-misc-theme]{--bg: var(--misc-app-bg, var(--bg)) !important;--surface: var(--misc-card-bg, var(--surface)) !important;--surface-muted: var(--misc-card-bg, var(--surface-muted)) !important;--border: var(--misc-border-color, var(--border)) !important;--border-strong: var(--misc-border-color, var(--border-strong)) !important;--text: var(--misc-text-color, var(--text)) !important;--text-muted: var(--misc-muted-text, var(--text-muted)) !important;--header-bg: var(--misc-card-bg, var(--header-bg)) !important;--header-border: var(--misc-border-color, var(--header-border)) !important;--input-bg: var(--misc-card-bg, var(--input-bg)) !important;--input-overlay: var(--misc-card-bg, var(--input-overlay)) !important;--surface-overlay: var(--misc-card-bg, var(--surface-overlay)) !important;--surface-muted-overlay: var(--misc-card-bg, var(--surface-muted-overlay)) !important;--accent-overlay: transparent !important}.tutorial-overlay-light{background-color:var(--tutorial-overlay-light)}.tutorial-overlay-dark{background-color:var(--tutorial-overlay-dark)}.misc-button-glossy{position:relative;border-radius:inherit;overflow:hidden;background-color:#ebefff;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 2px 6px #ffffffd9,inset 0 -2px 4px #94a3b866,0 14px 28px #0f172a33;transition:transform .35s ease,box-shadow .35s ease;animation:miscGlossyFloat 6s ease-in-out infinite}.misc-button-glossy:after{content:"";position:absolute;top:12%;right:18%;bottom:12%;left:18%;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 60%);pointer-events:none}.misc-button-glossy:hover{transform:translateY(-2px);box-shadow:inset 0 2px 6px #ffffffd9,0 18px 32px #0f172a4d}[data-theme=dark] .misc-button-glossy{background-color:#11182b;border-color:#24334bb3;box-shadow:inset 0 1px 2px #ffffff26,inset 0 -3px 8px #05070fcc,0 14px 28px #02070e8c}@keyframes miscGlossyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.misc-chip{position:relative;border-radius:inherit;overflow:hidden}.misc-chip-glossy{box-shadow:inset 0 1px 2px #ffffffbf,0 6px 12px #0f172a33}[data-theme=dark] .misc-chip-glossy{box-shadow:inset 0 1px 2px #fff3,0 6px 14px #050912a6}.misc-button-metallic{position:relative;border-radius:inherit;overflow:hidden;background-image:linear-gradient(135deg,#f6fbff,#dceeff 55%,#b1c6df);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 2px #ffffffb3,0 14px 26px #131b2e40;transition:transform .3s ease,box-shadow .3s ease}.misc-button-metallic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 60%,transparent 70%);opacity:.9;pointer-events:none}.misc-button-metallic:hover{transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffffb3,0 18px 32px #131b2e59}[data-theme=dark] .misc-button-metallic{background-image:linear-gradient(135deg,#f9d382,#d4972f 55%,#8a5504);border-color:#ffd7aa8c;box-shadow:inset 0 1px 2px #ffffff4d,0 18px 34px #0000008c}.misc-chip-metallic{box-shadow:0 4px 10px #00000040}.misc-button-neon{position:relative;border-radius:inherit;overflow:hidden;isolation:isolate;background-image:linear-gradient(120deg,var(--neon-start),var(--neon-end));box-shadow:0 0 18px var(--neon-glow, rgba(255, 255, 255, .3));transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;animation:miscNeonPulse 4s ease-in-out infinite}.misc-button-neon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.35),transparent 55%);mix-blend-mode:screen;opacity:.8;pointer-events:none}.misc-button-neon:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 0 26px var(--neon-glow, rgba(255, 255, 255, .4))}@keyframes miscNeonPulse{0%,to{filter:drop-shadow(0 0 8px var(--neon-glow, rgba(255, 255, 255, .35)))}50%{filter:drop-shadow(0 0 18px var(--neon-glow, rgba(255, 255, 255, .5)))}}.misc-neon-dusk{--neon-start: #ff6ad5;--neon-end: #845ec2;--neon-glow: rgba(255, 106, 213, .65)}.misc-neon-reef{--neon-start: #00f5a0;--neon-end: #00d9f5;--neon-glow: rgba(0, 217, 245, .6)}.misc-neon-synth{--neon-start: #f72585;--neon-end: #4cc9f0;--neon-glow: rgba(247, 37, 133, .6)}.misc-neon-pulse{--neon-start: #facc15;--neon-end: #f472b6;--neon-glow: rgba(250, 204, 21, .55)}.misc-chip-neon{box-shadow:0 0 14px var(--neon-glow, rgba(255, 255, 255, .45))}.misc-button-rvmses{position:relative;border-radius:inherit;overflow:hidden;background-color:#0d1726;border:1px solid rgba(245,199,107,.55);box-shadow:0 18px 34px #050912a6,0 0 20px #f5c76b40;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.misc-button-rvmses:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;border:1px solid rgba(245,199,107,.4);pointer-events:none}.misc-button-rvmses:hover{transform:translateY(-2px);border-color:#f5c76bcc;box-shadow:0 22px 40px #050912bf,0 0 26px #f5c76b59}[data-theme=dark] .misc-button-rvmses{background-color:#081123}.misc-chip-rvmses{background-color:#101b2f;box-shadow:0 0 16px #f5c76b59}html[data-misc-theme=mono-light]{--misc-app-bg: #f4f4f5 !important;--misc-card-bg: #fbfbfb !important;--misc-border-color: #d4d4d8 !important;--misc-text-color: #1f1f22 !important;--misc-muted-text: #4b4b50 !important}html[data-misc-theme=mono-dark]{--misc-app-bg: #151517 !important;--misc-card-bg: #202023 !important;--misc-border-color: #414149 !important;--misc-text-color: #f5f5f7 !important;--misc-muted-text: #b5b5c0 !important}html[data-misc-theme=glossy-light]{--misc-app-bg: #f4f6ff !important;--misc-card-bg: #ffffff !important;--misc-border-color: #dbe3fa !important;--misc-text-color: #1e2438 !important;--misc-muted-text: #5c6482 !important}html[data-misc-theme=glossy-dark]{--misc-app-bg: #050712 !important;--misc-card-bg: #111425 !important;--misc-border-color: #1f2840 !important;--misc-text-color: #f4f6ff !important;--misc-muted-text: #c9d2ff !important}html[data-misc-theme=metallic-light]{--misc-app-bg: #f3f7ff !important;--misc-card-bg: #ffffff !important;--misc-border-color: #dfe9f5 !important;--misc-text-color: #1a2333 !important;--misc-muted-text: #4a566f !important}html[data-misc-theme=metallic-dark]{--misc-app-bg: #120903 !important;--misc-card-bg: #1c1004 !important;--misc-border-color: #7c4f14 !important;--misc-text-color: #f9edd0 !important;--misc-muted-text: #f5d7a8 !important}html[data-misc-theme=sepia-light]{--misc-app-bg: #f7efe5 !important;--misc-card-bg: #fdf8f2 !important;--misc-border-color: #d7b99a !important;--misc-text-color: #4b2f1f !important;--misc-muted-text: #8a6449 !important}html[data-misc-theme=sepia-dark]{--misc-app-bg: #2c1b12 !important;--misc-card-bg: #3a2416 !important;--misc-border-color: #5e3a1c !important;--misc-text-color: #f6e6d0 !important;--misc-muted-text: #d7b99a !important}html[data-misc-theme=neon-light]{--misc-app-bg: #050515 !important;--misc-card-bg: #0c0c1d !important;--misc-border-color: #1f1f3d !important;--misc-text-color: #e2f6ff !important;--misc-muted-text: #9ab8ff !important}html[data-misc-theme=neon-dark]{--misc-app-bg: #01010b !important;--misc-card-bg: #050511 !important;--misc-border-color: #23234a !important;--misc-text-color: #e2f6ff !important;--misc-muted-text: #9ab8ff !important}html[data-misc-theme=rvmses-light]{--misc-app-bg: #0f192d !important;--misc-card-bg: #162338 !important;--misc-border-color: #2b3c58 !important;--misc-text-color: #f9e4c0 !important;--misc-muted-text: #d9c7a5 !important}html[data-misc-theme=rvmses-dark]{--misc-app-bg: #050912 !important;--misc-card-bg: #0b1522 !important;--misc-border-color: #1c283f !important;--misc-text-color: #f9e4c0 !important;--misc-muted-text: #d9c7a5 !important}
