@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url(../fonts/poppins/Poppins-Thin.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:100;font-display:swap;src:url(../fonts/poppins/Poppins-ThinItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/poppins/Poppins-ExtraLight.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:200;font-display:swap;src:url(../fonts/poppins/Poppins-ExtraLightItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins/Poppins-Light.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/poppins/Poppins-LightItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/poppins/Poppins-Italic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins/Poppins-Medium.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/poppins/Poppins-MediumItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins/Poppins-SemiBold.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/poppins/Poppins-SemiBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins/Poppins-Bold.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/poppins/Poppins-BoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/poppins/Poppins-ExtraBold.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/poppins/Poppins-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/poppins/Poppins-Black.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/poppins/Poppins-BlackItalic.ttf) format("truetype")}:root{--c-bg: #15181f;--c-bg2: #222632;--c-bg3: #2c313e;--c-bg4: #353b4a;--app-backdrop: #14161d;--c-surface: #1b1e27;--c-surface-hover: #2d3340;--c-surface-active: #343c57;--c-nav-strip: #171a22;--c-border: #343b4b;--c-border-hover: #49516a;--c-border-soft: #2a303f;--c-accent: #5b6cff;--c-accent-hover: #6e7eff;--c-accent-soft: rgba(91,108,255,.12);--c-violet: #8b5cf6;--c-violet-hover: #a78bfa;--grad-primary: linear-gradient(135deg, #6e7eff 0%, #8b5cf6 100%);--grad-premium: linear-gradient(135deg, #f5a623 0%, #ec4899 100%);--grad-accent-soft: linear-gradient(135deg, rgba(110,126,255,.12) 0%, rgba(139,92,246,.12) 100%);--c-text: #e6e9f2;--c-muted: #98a2b8;--c-faint: #616b86;--c-green: #3ddc84;--c-warn: #f59e0b;--c-red: #ef4444;--c-gold: #f5a623;--c-pink: #ec4899;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 6px 18px rgba(0,0,0,.32);--shadow-lg: 0 10px 28px rgba(0,0,0,.45);--shadow-accent: 0 4px 16px rgba(91,108,255,.35);--glass-panel: color-mix(in srgb, var(--c-bg2) 88%, transparent);--glass-nav: color-mix(in srgb, var(--c-bg2) 82%, transparent);--glass-border: rgba(255,255,255,.07);--glass-blur: none;--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Poppins", ui-poppins, SFMono-Regular, Menlo, poppins;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-2xl: 32px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--touch-target-min: 32px;color-scheme:dark}:root[data-theme=light]{--c-bg: #eceef3;--c-bg2: #ffffff;--c-bg3: #f1f3f8;--c-bg4: #e7eaf2;--app-backdrop: #e8ebf3;--c-surface: #f6f7fb;--c-surface-hover: #eceff7;--c-surface-active: #e0e6fb;--c-nav-strip: #e9ebf1;--c-border: #d9dde8;--c-border-hover: #bcc3d4;--c-border-soft: #e6e9f1;--c-accent: #5159e6;--c-accent-hover: #6470ff;--c-accent-soft: rgba(81,89,230,.12);--c-violet: #7c3aed;--c-violet-hover: #8b5cf6;--grad-primary: linear-gradient(135deg, #5b6cff 0%, #8b5cf6 100%);--grad-premium: linear-gradient(135deg, #f5a623 0%, #ec4899 100%);--grad-accent-soft: linear-gradient(135deg, rgba(91,108,255,.1) 0%, rgba(139,92,246,.1) 100%);--c-text: #1b1f2e;--c-muted: #5a6379;--c-faint: #9aa1b5;--c-green: #12a150;--c-warn: #b8730a;--c-red: #dc2626;--c-gold: #c98a00;--c-pink: #db2777;--shadow-sm: 0 1px 2px rgba(20,24,40,.08);--shadow-md: 0 6px 18px rgba(20,24,40,.1);--shadow-lg: 0 10px 28px rgba(20,24,40,.14);--shadow-accent: 0 4px 16px rgba(81,89,230,.28);--glass-panel: color-mix(in srgb, var(--c-bg2) 72%, transparent);--glass-nav: color-mix(in srgb, var(--c-bg2) 68%, transparent);--glass-border: rgba(20,24,40,.06);--glass-blur: none;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,video,canvas,iframe{display:block;max-width:100%}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-hover);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--c-accent);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@keyframes sg-spin{to{transform:rotate(360deg)}}@keyframes sg-bar-slide{0%{transform:translate(-110%) scaleX(.6)}50%{transform:translate(50%) scaleX(1)}to{transform:translate(320%) scaleX(.6)}}.sg-spin{animation:sg-spin .7s linear infinite}.sg-activity-track{position:fixed;top:0;left:0;right:0;height:3px;overflow:hidden;pointer-events:none;z-index:10000;background:color-mix(in srgb,var(--c-accent) 14%,transparent)}.sg-activity-fill{position:absolute;top:0;bottom:0;left:0;width:32%;transform-origin:left center;background:var(--grad-primary);box-shadow:0 0 8px color-mix(in srgb,var(--c-accent) 60%,transparent);animation:sg-bar-slide 1.15s ease-in-out infinite}@keyframes sg-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sg-toast-in{animation:sg-toast-in .22s cubic-bezier(.34,1.4,.64,1)}@keyframes sg-pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.sg-pulse-dot{animation:sg-pulse 1.8s ease-out infinite}@media (prefers-reduced-motion: reduce){.sg-spin{animation-duration:1.4s}.sg-activity-fill{animation:none;width:100%;opacity:.75}.sg-toast-in,.sg-pulse-dot{animation:none}}@keyframes livePulse{0%,to{box-shadow:0 0 4px #3ddc84,0 0 8px #3ddc84}50%{box-shadow:0 0 8px #3ddc84,0 0 18px #3ddc8488}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.live-dot{animation:livePulse 1.8s ease-in-out infinite}.ev-item-new{animation:fadeSlideIn .2s ease}:root{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}html,body{margin:0;padding:0;width:100%;height:100%;overflow:auto}#root{margin:0;padding:0;width:100%;min-height:100%}.app{padding:16px}header h1{margin:0 0 12px;font-size:18px}main{display:flex;gap:16px}.controls{flex:1;max-width:600px}.controls input,.controls textarea{width:100%;box-sizing:border-box;padding:8px;margin:6px 0;background:#111;border:1px solid #333;color:#eee}.controls textarea{height:64px;font-family:poppins}.snippets{display:grid;grid-template-columns:1fr;gap:8px}.snippet label{font-size:12px;color:#9aa}.panel-content{overflow:hidden;transition:max-height .3s ease;padding-top:8px}.panel-content.collapsed{max-height:0;padding-top:0}.panel-content:not(.collapsed){max-height:1200px}.buttons{display:flex;gap:8px;margin-top:8px}.buttons button{padding:8px 12px;background:#1e90ff;border:none;color:#fff;border-radius:4px;cursor:pointer}.preview{width:420px}.preview iframe{width:100%;height:360px;border:1px solid #333;background:#fff}.css-preview{background:#071019;color:#9fd;font-size:12px;padding:8px;height:120px;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{20%{transform:scale(.9)}50%,55%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes flipOutY{0%{opacity:1;transform:perspective(400px) rotateY(0)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}.widget-entering,.widget-exiting{animation-fill-mode:both}@keyframes counterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}