:root{--cr-brand: #d1039e;--cr-brand-dark: #a80280;--cr-brand-light: #f0149f;--cr-accent: #7c3aed;--cr-accent-2: #06b6d4;--cr-bg-primary: #0a0a0f;--cr-bg-secondary: #12121a;--cr-bg-tertiary: #1a1a24;--cr-bg-elevated: #222230;--cr-bg-hover: #2a2a3a;--cr-border: rgba(255, 255, 255, .08);--cr-border-strong: rgba(255, 255, 255, .12);--cr-text-primary: #ffffff;--cr-text-secondary: #a1a1aa;--cr-text-tertiary: #71717a;--cr-success: #10b981;--cr-error: #ef4444;--cr-warning: #f59e0b;--cr-info: #3b82f6;--cr-glass-bg: rgba(255, 255, 255, .03);--cr-glass-border: rgba(255, 255, 255, .08);--cr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--cr-shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--cr-shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--cr-shadow-glow: 0 0 60px rgba(209, 3, 158, .15);--cr-transition: all .3s cubic-bezier(.4, 0, .2, 1);--cr-transition-fast: all .15s ease;--cr-radius-sm: 8px;--cr-radius-md: 12px;--cr-radius-lg: 16px;--cr-radius-xl: 24px}[data-theme=light]{--cr-bg-primary: #f8fafc;--cr-bg-secondary: #ffffff;--cr-bg-tertiary: #f1f5f9;--cr-bg-elevated: #ffffff;--cr-bg-hover: #e2e8f0;--cr-border: rgba(0, 0, 0, .08);--cr-border-strong: rgba(0, 0, 0, .12);--cr-text-primary: #0f172a;--cr-text-secondary: #475569;--cr-text-tertiary: #94a3b8;--cr-glass-bg: rgba(255, 255, 255, .8);--cr-glass-border: rgba(0, 0, 0, .08);--cr-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--cr-shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--cr-shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--cr-shadow-glow: 0 0 60px rgba(209, 3, 158, .1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cr-bg-primary);color:var(--cr-text-primary);min-height:100vh;transition:var(--cr-transition)}.cr-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cr-bg-gradient{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(120px);opacity:.4;animation:floatGradient 20s ease-in-out infinite}.cr-bg-gradient-1{top:-200px;left:-200px;background:radial-gradient(circle,rgba(209,3,158,.3) 0%,transparent 70%);animation-delay:0s}.cr-bg-gradient-2{bottom:-300px;right:-200px;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);animation-delay:-7s}.cr-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}[data-theme=light] .cr-bg-gradient{opacity:.25}@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)}}.cr-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}[data-theme=light] .cr-grid-pattern{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.cr-app{position:relative;z-index:1;min-height:100vh;padding-top:calc(var(--header-height, 70px) + 16px)}.cr-container{max-width:1600px;margin:0 auto;padding:0 20px 30px;position:relative}.cr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--cr-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cr-glass-border);border-radius:var(--cr-radius-xl);margin-bottom:16px;box-shadow:var(--cr-shadow-md);flex-wrap:wrap;position:relative;z-index:100}.cr-toolbar-section{display:flex;align-items:center;gap:12px}.cr-back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--cr-bg-tertiary);border:1px solid var(--cr-border);border-radius:var(--cr-radius-md);color:var(--cr-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--cr-transition);text-decoration:none}.cr-back-btn:hover{background:var(--cr-bg-hover);color:var(--cr-text-primary);border-color:var(--cr-border-strong)}.cr-lang-selector{position:relative;z-index:10000}.cr-lang-btn{display:flex;align-items:center;gap:12px;padding:10px 18px;background:linear-gradient(135deg,var(--cr-bg-tertiary),var(--cr-bg-elevated));border:1px solid var(--cr-border-strong);border-radius:var(--cr-radius-md);cursor:pointer;transition:var(--cr-transition);min-width:200px}.cr-lang-btn:hover{border-color:var(--cr-brand);box-shadow:0 0 20px #d1039e26}.cr-lang-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cr-brand);border-radius:var(--cr-radius-sm);font-size:14px;color:#fff}.cr-lang-info{flex:1;text-align:left}.cr-lang-name{font-size:14px;font-weight:600;color:var(--cr-text-primary)}.cr-lang-version{font-size:11px;color:var(--cr-text-tertiary)}.cr-lang-btn i.fa-chevron-down{color:var(--cr-text-tertiary);font-size:12px;transition:var(--cr-transition)}.cr-lang-btn.open i.fa-chevron-down{transform:rotate(180deg)}.cr-lang-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;max-height:420px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--cr-radius-lg);box-shadow:0 10px 40px #00000026;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--cr-transition)}[data-theme=dark] .cr-lang-dropdown{background:#1a1a24;border-color:#ffffff1a;box-shadow:0 10px 40px #00000080}.cr-lang-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.cr-lang-dropdown::-webkit-scrollbar{width:6px}.cr-lang-dropdown::-webkit-scrollbar-track{background:transparent}.cr-lang-dropdown::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}[data-theme=dark] .cr-lang-dropdown::-webkit-scrollbar-thumb{background:#fff3}.cr-lang-search{position:sticky;top:0;padding:12px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);z-index:10}[data-theme=dark] .cr-lang-search{background:#1a1a24;border-bottom-color:#ffffff14}.cr-lang-search input{width:100%;padding:10px 14px 10px 38px;background:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:var(--cr-radius-md);color:#1a1a1a;font-size:14px;font-family:inherit;transition:var(--cr-transition)}[data-theme=dark] .cr-lang-search input{background:#12121a;border-color:#ffffff1a;color:#fff}.cr-lang-search input::placeholder{color:#999}[data-theme=dark] .cr-lang-search input::placeholder{color:#666}.cr-lang-search input:focus{outline:none;border-color:var(--cr-brand);box-shadow:0 0 0 3px #d1039e1a}.cr-lang-search i{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#999;font-size:14px;pointer-events:none}.cr-lang-list{padding:8px}.cr-lang-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--cr-radius-md);cursor:pointer;transition:var(--cr-transition-fast);border:1px solid transparent;margin-bottom:2px}.cr-lang-item:hover{background:#f0f0f0}[data-theme=dark] .cr-lang-item:hover{background:#ffffff0d}.cr-lang-item.selected{background:linear-gradient(135deg,#d1039e1a,#7c3aed0d);border-color:#d1039e4d}.cr-lang-item-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:var(--cr-radius-sm);font-size:18px;flex-shrink:0}[data-theme=dark] .cr-lang-item-icon{background:#ffffff14}.cr-lang-item-info{flex:1;min-width:0}.cr-lang-item-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}[data-theme=dark] .cr-lang-item-name{color:#fff}.cr-lang-item-desc{font-size:12px;color:#666}[data-theme=dark] .cr-lang-item-desc{color:#888}.cr-divider{width:1px;height:32px;background:var(--cr-border);margin:0 4px}.cr-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--cr-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--cr-transition);border:none;font-family:inherit}.cr-btn-icon{width:40px;height:40px;padding:0;background:var(--cr-bg-tertiary);border:1px solid var(--cr-border);color:var(--cr-text-secondary)}.cr-btn-icon:hover{background:var(--cr-bg-hover);color:var(--cr-text-primary);border-color:var(--cr-border-strong)}.cr-btn-secondary{background:var(--cr-bg-tertiary);border:1px solid var(--cr-border);color:var(--cr-text-primary)}.cr-btn-secondary:hover{background:var(--cr-bg-hover);border-color:var(--cr-border-strong)}.cr-btn-primary{background:linear-gradient(135deg,var(--cr-brand),var(--cr-brand-dark));color:#fff;box-shadow:0 4px 20px #d1039e4d;padding:12px 28px}.cr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d1039e66}.cr-btn-primary:active{transform:translateY(0)}.cr-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cr-theme-toggle{position:relative;width:72px;height:40px;background:var(--cr-bg-tertiary);border:1px solid var(--cr-border);border-radius:20px;cursor:pointer;transition:var(--cr-transition);overflow:hidden}.cr-theme-toggle:hover{border-color:var(--cr-brand)}.cr-theme-toggle-track{position:absolute;inset:3px;border-radius:17px;background:var(--cr-bg-elevated);transition:var(--cr-transition)}.cr-theme-toggle-thumb{position:absolute;top:4px;left:4px;width:32px;height:32px;background:linear-gradient(135deg,var(--cr-brand),var(--cr-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:var(--cr-transition);box-shadow:0 2px 10px #d1039e4d}[data-theme=light] .cr-theme-toggle-thumb{left:calc(100% - 36px);background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 2px 10px #f59e0b4d}.cr-theme-toggle-thumb i{transition:var(--cr-transition)}.cr-main{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 200px);min-height:500px;position:relative;z-index:1}.cr-panel{display:flex;flex-direction:column;background:var(--cr-bg-secondary);border:1px solid var(--cr-border);border-radius:var(--cr-radius-xl);overflow:hidden;box-shadow:var(--cr-shadow-md);transition:var(--cr-transition)}.cr-panel:hover{border-color:var(--cr-border-strong)}.cr-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--cr-bg-tertiary);border-bottom:1px solid var(--cr-border)}.cr-panel-title{display:flex;align-items:center;gap:12px}.cr-panel-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cr-brand),var(--cr-accent));border-radius:var(--cr-radius-sm);color:#fff;font-size:14px}.cr-panel-label{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--cr-text-primary)}.cr-file-name{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--cr-text-tertiary);padding:4px 10px;background:var(--cr-bg-elevated);border-radius:var(--cr-radius-sm)}.cr-panel-actions{display:flex;gap:8px}.cr-panel-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--cr-radius-sm);color:var(--cr-text-tertiary);cursor:pointer;transition:var(--cr-transition-fast)}.cr-panel-btn:hover{background:var(--cr-bg-elevated);border-color:var(--cr-border);color:var(--cr-text-primary)}.cr-editor-wrapper{flex:1;position:relative;overflow:hidden}.cr-editor-wrapper .CodeMirror{height:100%;font-family:JetBrains Mono,Consolas,monospace;font-size:14px;line-height:1.7;padding:8px 0}.cr-editor-wrapper .CodeMirror{background:var(--cr-bg-primary);color:var(--cr-text-primary)}.cr-editor-wrapper .CodeMirror-gutters{background:var(--cr-bg-secondary);border-right:1px solid var(--cr-border);padding-right:8px}.cr-editor-wrapper .CodeMirror-linenumber{color:var(--cr-text-tertiary);padding:0 12px}.cr-editor-wrapper .CodeMirror-cursor{border-left:2px solid var(--cr-brand)}.cr-editor-wrapper .CodeMirror-selected{background:#d1039e33!important}.cr-editor-wrapper .CodeMirror-activeline-background{background:#ffffff08}[data-theme=light] .cr-editor-wrapper .CodeMirror{background:#fafafa}[data-theme=light] .cr-editor-wrapper .CodeMirror-gutters{background:#f5f5f5;border-right-color:#e5e5e5}[data-theme=light] .cr-editor-wrapper .CodeMirror-activeline-background{background:#00000008}.cr-input-section{border-top:1px solid var(--cr-border);max-height:0;overflow:hidden;transition:max-height .3s ease}.cr-input-section.open{max-height:200px}.cr-input-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--cr-bg-tertiary);cursor:pointer}.cr-input-header:hover{background:var(--cr-bg-hover)}.cr-input-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--cr-text-secondary)}.cr-input-label i{color:var(--cr-brand)}.cr-input-toggle i{color:var(--cr-text-tertiary);transition:var(--cr-transition)}.cr-input-section.open .cr-input-toggle i{transform:rotate(180deg)}.cr-stdin{width:100%;min-height:100px;padding:14px 16px;background:var(--cr-bg-primary);border:none;color:var(--cr-text-primary);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;resize:none}.cr-stdin:focus{outline:none}.cr-stdin::placeholder{color:var(--cr-text-tertiary)}.cr-output-panel{display:flex;flex-direction:column}.cr-output-tabs{display:flex;gap:4px;padding:8px 16px;background:var(--cr-bg-tertiary);border-bottom:1px solid var(--cr-border)}.cr-output-tab{padding:8px 16px;background:transparent;border:none;border-radius:var(--cr-radius-sm);font-size:13px;font-weight:500;color:var(--cr-text-tertiary);cursor:pointer;transition:var(--cr-transition-fast);display:flex;align-items:center;gap:6px}.cr-output-tab:hover{background:var(--cr-bg-elevated);color:var(--cr-text-secondary)}.cr-output-tab.active{background:var(--cr-brand);color:#fff}.cr-output-tab .cr-tab-badge{min-width:18px;height:18px;padding:0 6px;background:#fff3;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.cr-output-content{flex:1;padding:20px;overflow:auto;background:var(--cr-bg-primary)}.cr-output-content pre{margin:0;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.cr-output-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--cr-text-tertiary);text-align:center;padding:40px}.cr-output-placeholder-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--cr-bg-tertiary);border-radius:50%;margin-bottom:20px;font-size:32px;color:var(--cr-text-tertiary)}.cr-output-placeholder h4{font-size:16px;font-weight:600;color:var(--cr-text-secondary);margin:0 0 8px}.cr-output-placeholder p{font-size:14px;margin:0}.cr-output-placeholder kbd{padding:4px 8px;background:var(--cr-bg-tertiary);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--cr-text-secondary)}.cr-output-success{color:var(--cr-success)}.cr-output-error{color:var(--cr-error)}.cr-output-info{color:var(--cr-text-secondary)}.cr-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--cr-glass-bg);backdrop-filter:blur(20px);border:1px solid var(--cr-glass-border);border-radius:var(--cr-radius-lg);margin-top:16px;flex-wrap:wrap}.cr-status-section{display:flex;align-items:center;gap:20px}.cr-status-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cr-text-secondary)}.cr-status-item i{font-size:12px;color:var(--cr-text-tertiary)}.cr-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--cr-success);box-shadow:0 0 10px #10b98180;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px currentColor}50%{opacity:.7;box-shadow:0 0 20px currentColor}}.cr-status-indicator.running{background:var(--cr-warning);box-shadow:0 0 10px #f59e0b80;animation:pulse-fast .5s infinite}.cr-status-indicator.error{background:var(--cr-error);box-shadow:0 0 10px #ef444480;animation:none}@keyframes pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cr-status-badge{padding:4px 12px;background:var(--cr-bg-tertiary);border-radius:var(--cr-radius-sm);font-size:12px;font-weight:500}.cr-powered-by{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cr-text-tertiary)}.cr-powered-by i{color:var(--cr-brand)}.cr-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--cr-bg-secondary);border:1px solid var(--cr-border);border-radius:var(--cr-radius-md);box-shadow:var(--cr-shadow-lg);transform:translateY(100px);opacity:0;transition:var(--cr-transition);z-index:10000}.cr-toast.show{transform:translateY(0);opacity:1}.cr-toast-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--cr-radius-sm);font-size:14px}.cr-toast.success .cr-toast-icon{background:#10b98126;color:var(--cr-success)}.cr-toast.error .cr-toast-icon{background:#ef444426;color:var(--cr-error)}.cr-toast.info .cr-toast-icon{background:#3b82f626;color:var(--cr-info)}.cr-toast-message{font-size:14px;font-weight:500;color:var(--cr-text-primary)}.cr-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.cr-main{grid-template-columns:1fr;height:auto}.cr-panel{min-height:450px}}@media(max-width:768px){.cr-toolbar{padding:12px 16px;gap:12px}.cr-toolbar-section{width:100%;justify-content:center;flex-wrap:wrap}.cr-divider{display:none}.cr-lang-btn{min-width:auto;flex:1}.cr-lang-dropdown{width:calc(100vw - 40px);left:50%;transform:translate(-50%) translateY(-10px)}.cr-lang-dropdown.open{transform:translate(-50%) translateY(0)}.cr-btn-primary{flex:1;justify-content:center}.cr-status-bar{flex-direction:column;gap:12px}.cr-status-section{flex-wrap:wrap;justify-content:center}.cr-panel{min-height:350px}}@media(max-width:480px){.cr-container{padding:0 12px 20px}.cr-toolbar{padding:10px 12px}.cr-btn-icon span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}