:root{--ed-brand: #d1039e;--ed-brand-dark: #a80280;--ed-brand-light: #f0149f;--ed-accent: #7c3aed;--ed-accent-2: #06b6d4;--ed-bg-primary: #f8fafc;--ed-bg-secondary: #ffffff;--ed-bg-tertiary: #f1f5f9;--ed-bg-elevated: #ffffff;--ed-bg-hover: #e2e8f0;--ed-border: rgba(0, 0, 0, .08);--ed-border-strong: rgba(0, 0, 0, .12);--ed-text-primary: #0f172a;--ed-text-secondary: #475569;--ed-text-tertiary: #94a3b8;--ed-glass-bg: rgba(255, 255, 255, .8);--ed-glass-border: rgba(0, 0, 0, .08);--ed-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--ed-shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--ed-shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--ed-shadow-glow: 0 0 60px rgba(209, 3, 158, .1);--ed-success: #10b981;--ed-error: #ef4444;--ed-transition: all .3s cubic-bezier(.4, 0, .2, 1);--ed-transition-fast: all .15s ease;--ed-radius-sm: 8px;--ed-radius-md: 12px;--ed-radius-lg: 16px;--ed-radius-xl: 24px}[data-theme=dark]{--ed-bg-primary: #0a0a0f;--ed-bg-secondary: #12121a;--ed-bg-tertiary: #1a1a24;--ed-bg-elevated: #222230;--ed-bg-hover: #2a2a3a;--ed-border: rgba(255, 255, 255, .08);--ed-border-strong: rgba(255, 255, 255, .12);--ed-text-primary: #ffffff;--ed-text-secondary: #a1a1aa;--ed-text-tertiary: #71717a;--ed-glass-bg: rgba(255, 255, 255, .03);--ed-glass-border: rgba(255, 255, 255, .08);--ed-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--ed-shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--ed-shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--ed-shadow-glow: 0 0 60px rgba(209, 3, 158, .15)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--ed-bg-primary);color:var(--ed-text-primary);min-height:100vh;transition:var(--ed-transition)}.ed-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ed-bg-gradient{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(120px);opacity:.25;animation:floatGradient 20s ease-in-out infinite}[data-theme=dark] .ed-bg-gradient{opacity:.4}.ed-bg-gradient-1{top:-200px;left:-200px;background:radial-gradient(circle,rgba(209,3,158,.3) 0%,transparent 70%);animation-delay:0s}.ed-bg-gradient-2{bottom:-300px;right:-200px;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);animation-delay:-7s}.ed-bg-gradient-3{top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);animation-delay:-14s}@keyframes floatGradient{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.05)}50%{transform:translate(-30px,50px) scale(.95)}75%{transform:translate(-50px,-20px) scale(1.02)}}.ed-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:50px 50px}[data-theme=dark] .ed-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)}.site-header{background:var(--ed-bg-secondary)!important;box-shadow:var(--ed-shadow-sm)!important;border-bottom:1px solid var(--ed-border)!important}.site-header .header-inner{background:transparent!important}.ed-app{position:relative;z-index:1;min-height:100vh;padding-top:calc(var(--header-height, 70px) + 16px)}.ed-container{max-width:1600px;margin:0 auto;padding:0 20px 30px;position:relative}.ed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--ed-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ed-glass-border);border-radius:var(--ed-radius-xl);margin-bottom:16px;box-shadow:var(--ed-shadow-md);flex-wrap:wrap}.ed-toolbar-section{display:flex;align-items:center;gap:12px}.ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--ed-radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--ed-border);background:var(--ed-bg-tertiary);color:var(--ed-text-primary);transition:var(--ed-transition-fast);white-space:nowrap}.ed-btn:hover{background:var(--ed-bg-hover);border-color:var(--ed-border-strong);transform:translateY(-1px)}.ed-btn:active{transform:translateY(0)}.ed-btn i{font-size:14px}.ed-btn-primary{background:linear-gradient(135deg,var(--ed-brand),var(--ed-accent));border:none;color:#fff;padding:12px 24px;font-size:15px;box-shadow:0 4px 15px #d1039e4d}.ed-btn-primary:hover{box-shadow:0 6px 25px #d1039e66;transform:translateY(-2px)}.ed-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease;border-radius:inherit}.ed-btn-primary:hover:before{transform:translate(100%)}.ed-btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.ed-theme-toggle{width:44px;height:44px;padding:0;border-radius:50%;background:var(--ed-bg-tertiary);border:1px solid var(--ed-border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ed-text-secondary);transition:var(--ed-transition)}.ed-theme-toggle:hover{background:var(--ed-bg-hover);color:var(--ed-brand);border-color:var(--ed-brand);transform:rotate(15deg)}.ed-divider{width:1px;height:32px;background:var(--ed-border);margin:0 4px}.ed-hint{color:var(--ed-text-tertiary);font-size:13px;display:flex;align-items:center;gap:6px}.ed-hint kbd{background:var(--ed-bg-tertiary);padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;border:1px solid var(--ed-border)}.ed-main{display:grid;grid-template-columns:1fr 12px 1fr;gap:0;height:calc(100vh - 180px);min-height:500px}.ed-panel{display:flex;flex-direction:column;background:var(--ed-bg-secondary);border:1px solid var(--ed-border);border-radius:var(--ed-radius-lg);overflow:hidden;box-shadow:var(--ed-shadow-md)}.ed-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,var(--ed-bg-tertiary),var(--ed-bg-elevated));border-bottom:1px solid var(--ed-border)}.ed-panel-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--ed-text-primary)}.ed-panel-title i{color:var(--ed-brand);font-size:16px}.ed-panel-actions{display:flex;gap:8px}.ed-panel-btn{width:32px;height:32px;padding:0;border-radius:var(--ed-radius-sm);background:var(--ed-bg-tertiary);border:1px solid var(--ed-border);color:var(--ed-text-secondary);font-size:14px;cursor:pointer;transition:var(--ed-transition-fast);display:flex;align-items:center;justify-content:center}.ed-panel-btn:hover{background:var(--ed-bg-hover);color:var(--ed-brand);border-color:var(--ed-brand)}.ed-panel-content{flex:1;overflow:hidden;position:relative}.ed-dragbar{background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:var(--ed-transition);position:relative}.ed-dragbar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--ed-border);border-radius:4px;transition:var(--ed-transition)}.ed-dragbar:hover:before{background:var(--ed-brand);height:60px}.ed-dragbar:hover{background:#d1039e0d}.ed-preview-frame{width:100%;height:100%;border:none;background:#fff}[data-theme=dark] .ed-preview-frame{background:#fff}.CodeMirror{height:100%!important;font-family:JetBrains Mono,Consolas,monospace;font-size:14px;line-height:1.6;background:var(--ed-bg-secondary)!important}.CodeMirror-gutters{background:var(--ed-bg-tertiary)!important;border-right:1px solid var(--ed-border)!important}.CodeMirror-linenumber{color:var(--ed-text-tertiary)!important;padding:0 12px 0 8px!important}[data-theme=dark] .CodeMirror{background:#0d1117!important;color:#e6edf3!important}[data-theme=dark] .CodeMirror-gutters{background:#161b22!important;border-right:1px solid #30363d!important}[data-theme=dark] .CodeMirror-linenumber{color:#6e7681!important}[data-theme=dark] .CodeMirror-cursor{border-left:2px solid #58a6ff!important}[data-theme=dark] .CodeMirror-selected{background:#1f6feb33!important}[data-theme=dark] .cm-s-dracula.CodeMirror{background:#0d1117!important}[data-theme=dark] .cm-s-dracula .CodeMirror-gutters{background:#161b22!important;border-right:1px solid #30363d!important}.ed-loading{position:fixed;inset:0;background:var(--ed-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.ed-loading.hidden{opacity:0;pointer-events:none}.ed-loading-spinner{width:50px;height:50px;border:3px solid var(--ed-border);border-top-color:var(--ed-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ed-loading-text{margin-top:20px;color:var(--ed-text-secondary);font-size:15px;font-weight:500}@media(max-width:1024px){.ed-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:auto;gap:16px}.ed-dragbar{display:none}.ed-panel{min-height:400px}.ed-hint{display:none}}@media(max-width:768px){.ed-toolbar{padding:12px 16px;gap:10px}.ed-toolbar-section{gap:8px}.ed-btn{padding:8px 14px;font-size:13px}.ed-btn-primary{padding:10px 18px}.ed-divider{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}