.echarts-debug-container{display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:700px;background:linear-gradient(135deg,#f5f7fa 0,#e8eef5 100%);position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.echarts-debug-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;z-index:9999;margin:0;border-radius:0}.top-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);color:white;flex-wrap:wrap;gap:8px;box-shadow:0 4px 12px rgba(84,112,198,0.2);transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.toolbar-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar-btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}.toolbar-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toolbar-btn.run-btn{background:linear-gradient(135deg,#e66 0,#fc8452 100%);border-color:rgba(255,255,255,0.4);font-weight:600}.toolbar-btn.run-btn:hover{background:linear-gradient(135deg,#fc8452 0,#e66 100%);transform:translateY(-2px) scale(1.05)}.toolbar-btn-small{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:all 0.3s}.toolbar-btn-small:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.theme-select-toolbar{background:linear-gradient(135deg,rgba(255,255,255,0.25) 0,rgba(255,255,255,0.15) 100%);border:1.5px solid rgba(255,255,255,0.4);color:white;padding:7px 14px 7px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:120px;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.theme-select-toolbar:hover{background:linear-gradient(135deg,rgba(255,255,255,0.35) 0,rgba(255,255,255,0.25) 100%);border-color:rgba(255,255,255,0.5);box-shadow:0 4px 12px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.3);transform:translateY(-1px)}.theme-select-toolbar:focus{outline:none;background:linear-gradient(135deg,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.3) 100%);box-shadow:0 0 0 3px rgba(255,255,255,0.25),0 4px 12px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.6)}.theme-select-toolbar option{background:#1e293b;color:#f1f5f9;padding:8px 12px;font-weight:500}.editor-main{display:flex;flex:1;overflow:hidden;gap:0}.left-sidebar{width:240px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-right:2px solid rgba(84,112,198,0.15);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;box-shadow:2px 0 8px rgba(0,0,0,0.05);transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.sidebar-header{padding:14px 16px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);color:white;display:flex;justify-content:space-between;align-items:center;transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.sidebar-header h3{margin:0;font-size:14px;font-weight:600}.sidebar-clear-btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:all 0.3s}.sidebar-clear-btn:hover{background:rgba(255,255,255,0.3);transform:scale(1.05)}.history-search-box{padding:8px 12px;background:rgba(255,255,255,0.5);border-bottom:1px solid rgba(84,112,198,0.1)}.history-search-input{width:100%;padding:8px 12px;border:1.5px solid rgba(84,112,198,0.2);border-radius:6px;font-size:12px;background:white;color:#1e293b;transition:all 0.3s;outline:none;box-sizing:border-box}.history-search-input:focus{border-color:#5470c6;box-shadow:0 0 0 3px rgba(84,112,198,0.1)}.history-search-input::placeholder{color:#94a3b8}.history-list{flex:1;overflow-y:auto;padding:8px}.history-empty{text-align:center;color:#94a3b8;padding:30px 20px;font-size:13px;line-height:1.8}.history-item{padding:6px 8px;margin-bottom:4px;background:white;border:1px solid rgba(84,112,198,0.12);border-radius:6px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.05);position:relative;padding-left:12px}.history-item.active{background:linear-gradient(135deg,rgba(84,112,198,0.15) 0,rgba(145,204,117,0.15) 100%);border-color:rgba(84,112,198,0.5);box-shadow:0 4px 12px rgba(84,112,198,0.2),inset 2px 0 0 #5470c6}.history-item:hover{background:linear-gradient(135deg,rgba(84,112,198,0.08) 0,rgba(145,204,117,0.08) 100%);border-color:rgba(84,112,198,0.35);box-shadow:0 3px 10px rgba(84,112,198,0.15);transform:translateX(2px)}.history-item.drag-over{background:linear-gradient(135deg,rgba(84,112,198,0.15) 0,rgba(145,204,117,0.15) 100%);border-color:#5470c6;border-style:dashed;border-width:2px;box-shadow:0 6px 20px rgba(84,112,198,0.25),inset 0 0 20px rgba(84,112,198,0.1);transform:scale(1.03) translateY(-2px)}.history-item::before{content:'⋮⋮';position:absolute;left:2px;top:50%;transform:translateY(-50%);color:rgba(84,112,198,0.3);font-size:14px;opacity:0;transition:opacity 0.3s}.history-item:hover::before{opacity:1}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.history-item-number{font-size:10px;color:#5470c6;font-weight:700;background:linear-gradient(135deg,rgba(84,112,198,0.1) 0,rgba(145,204,117,0.1) 100%);padding:2px 6px;border-radius:4px;letter-spacing:0.3px;font-family:'Consolas','Monaco',monospace}.history-item.active .history-item-number{background:linear-gradient(135deg,rgba(84,112,198,0.25) 0,rgba(145,204,117,0.25) 100%);color:#5470c6;font-weight:800}.history-item-time{font-size:10px;color:#64748b;font-weight:600;letter-spacing:0.2px}.history-item-delete{background:transparent;border:none;color:#94a3b8;font-size:16px;line-height:1;cursor:pointer;padding:0 3px;transition:all 0.2s;opacity:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px}.history-item:hover .history-item-delete{opacity:1}.history-item-delete:hover{background:#fee2e2;color:#ef4444;transform:scale(1.2)}.history-item-preview{font-size:11px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Consolas','Monaco',monospace;line-height:1.3;padding-right:4px}.sidebar-resize-divider{width:6px;background:rgba(84,112,198,0.1);cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background 0.3s;flex-shrink:0;position:relative;z-index:10}.sidebar-resize-divider:hover{background:rgba(84,112,198,0.2)}.sidebar-resize-divider.resizing{background:rgba(84,112,198,0.3)}.resize-handle{color:rgba(84,112,198,0.5);font-size:12px;user-select:none}.center-panel{flex:1;display:flex;flex-direction:column;background:white;overflow:hidden;min-width:300px;transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#f8fafc 0,#e8eef5 100%);border-bottom:2px solid rgba(84,112,198,0.1);transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.editor-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.editor-actions{display:flex;gap:10px;align-items:center}.line-info{display:flex;gap:12px;font-size:12px;color:#64748b}.status-label{font-weight:500}.status-value{color:#5470c6;font-weight:600}.editor-content{flex:1;display:flex;overflow:hidden;position:relative}.line-numbers{padding:12px 8px;background:#f8fafc;border-right:2px solid rgba(84,112,198,0.1);color:#94a3b8;font-family:'Consolas','Monaco',monospace;font-size:13px;line-height:1.6;text-align:right;user-select:none;overflow:hidden;min-width:45px;white-space:pre}.code-editor{flex:1;padding:12px;border:none;outline:none;font-family:'Consolas','Monaco',monospace;font-size:13px;line-height:1.6;resize:none;background:white;color:#1e293b;tab-size:2;transition:background 0.4s cubic-bezier(0.4,0,0.2,1),color 0.4s cubic-bezier(0.4,0,0.2,1)}.code-editor::selection{background:rgba(84,112,198,0.2)}.dark-mode .line-numbers{background:#0f172a;color:#64748b;border-right-color:rgba(148,163,184,0.2)}.dark-mode .code-editor{background:#1e293b;color:#e2e8f0}.resize-divider{width:6px;background:rgba(84,112,198,0.1);cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background 0.3s;flex-shrink:0;position:relative;z-index:10}.resize-divider:hover{background:rgba(84,112,198,0.2)}.resize-divider.resizing{background:rgba(84,112,198,0.3)}.right-panel{width:45%;display:flex;flex-direction:column;background:white;overflow:hidden;flex-shrink:0;box-shadow:-2px 0 8px rgba(0,0,0,0.05);transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#f8fafc 0,#e8eef5 100%);border-bottom:2px solid rgba(84,112,198,0.1);transition:background 0.4s cubic-bezier(0.4,0,0.2,1)}.chart-header h3{margin:0;font-size:14px;font-weight:600;color:#1e293b}.chart-actions{display:flex;gap:8px;align-items:center}.device-select{padding:6px 10px;border:2px solid rgba(84,112,198,0.2);border-radius:6px;background:white;color:#334155;font-size:12px;cursor:pointer;transition:all 0.3s}.device-select:hover{border-color:rgba(84,112,198,0.4)}.device-select:focus{outline:none;border-color:#5470c6;box-shadow:0 0 0 3px rgba(84,112,198,0.1)}.theme-select{padding:6px 10px;border:2px solid rgba(84,112,198,0.2);border-radius:6px;background:white;color:#334155;font-size:12px;cursor:pointer;transition:all 0.3s}.theme-select:hover{border-color:rgba(84,112,198,0.4)}.theme-select:focus{outline:none;border-color:#5470c6;box-shadow:0 0 0 3px rgba(84,112,198,0.1)}.btn-refresh{padding:6px 12px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);border:none;color:white;border-radius:6px;cursor:pointer;font-size:12px;transition:all 0.3s}.btn-refresh:hover{transform:rotate(180deg) scale(1.1)}.chart-content{flex:1;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff 0,#f8fafc 100%)}.chart-container{width:100%;height:100%}.chart-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px;background:rgba(238,102,102,0.1);border:2px solid #e66;border-radius:12px;color:#e66;font-size:13px;max-width:85%;text-align:left;box-shadow:0 6px 16px rgba(238,102,102,0.25);line-height:1.6;word-break:break-word;z-index:10}.chart-container.device-mobile{max-width:375px;margin:0 auto;border:3px solid #334155;border-radius:20px;box-shadow:0 0 0 8px rgba(51,65,85,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.chart-container.device-tablet{max-width:768px;margin:0 auto;border:3px solid #334155;border-radius:12px;box-shadow:0 0 0 8px rgba(51,65,85,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.chart-container.device-desktop{width:100%;max-width:100%;border:none;border-radius:0;box-shadow:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#1e293b 0,#334155 100%);color:white;font-size:12px;border-top:2px solid rgba(84,112,198,0.2)}.status-item{display:flex;gap:6px;align-items:center}.status-indicator{color:#91cc75;font-weight:600}.modal-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:white;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);max-width:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column;animation:slideIn 0.3s ease;width:800px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes slideIn{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.template-modal{width:1100px;max-height:85vh}.history-modal{width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.modal-header h3{margin:0;font-size:17px;font-weight:700;letter-spacing:0.3px;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.btn-close{background:rgba(255,255,255,0.2);border:none;color:white;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:all 0.3s}.btn-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(180deg,#fafbfc 0,#f5f7fa 100%)}.template-categories{display:flex;flex-direction:column;gap:20px}.template-category h4{margin:0 0 12px 0;font-size:15px;font-weight:700;color:#1e293b;padding:8px 12px;background:linear-gradient(135deg,rgba(84,112,198,0.08) 0,rgba(145,204,117,0.08) 100%);border-left:4px solid #5470c6;border-radius:6px;display:flex;align-items:center;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.template-card{padding:16px 12px;background:white;border:2px solid rgba(84,112,198,0.12);border-radius:10px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.05);position:relative;overflow:hidden}.template-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);opacity:0;transition:opacity 0.3s}.template-card:hover{background:linear-gradient(135deg,rgba(84,112,198,0.06) 0,rgba(145,204,117,0.06) 100%);border-color:#5470c6;transform:translateY(-5px);box-shadow:0 10px 24px rgba(84,112,198,0.25)}.template-card:hover::before{opacity:1}.template-icon{font-size:36px;margin-bottom:8px;transition:transform 0.3s}.template-card:hover .template-icon{transform:scale(1.15) rotate(5deg)}.template-name{font-weight:700;color:#1e293b;font-size:14px;margin-bottom:5px;letter-spacing:0.2px}.template-desc{font-size:12px;color:#64748b;line-height:1.4}.history-detail-list{display:flex;flex-direction:column;gap:12px}.history-detail-item{padding:16px;background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:2px solid rgba(84,112,198,0.15);border-radius:10px;cursor:pointer;transition:all 0.3s}.history-detail-item:hover{background:linear-gradient(135deg,rgba(84,112,198,0.05) 0,rgba(145,204,117,0.05) 100%);border-color:#5470c6;transform:translateX(4px);box-shadow:0 4px 12px rgba(84,112,198,0.15)}.history-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-detail-time{font-size:13px;color:#64748b;font-weight:500}.history-detail-actions{display:flex;gap:8px}.history-action-btn{padding:4px 10px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);border:none;color:white;border-radius:5px;cursor:pointer;font-size:11px;transition:all 0.3s}.history-action-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(84,112,198,0.3)}.history-detail-code{font-family:'Consolas','Monaco',monospace;font-size:12px;color:#334155;background:#f8fafc;padding:10px;border-radius:6px;overflow-x:auto;max-height:100px;border:1px solid rgba(84,112,198,0.1)}.shortcut-list{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc 0,#e8eef5 100%);border-radius:8px;border:1px solid rgba(84,112,198,0.1)}.shortcut-item span:first-child{color:#334155;font-weight:500}.shortcut-key{padding:6px 12px;background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);color:white;border-radius:6px;font-family:'Consolas','Monaco',monospace;font-size:12px;font-weight:600}.echarts-debug-container.dark-mode{background:linear-gradient(135deg,#1e293b 0,#334155 100%)}.dark-mode .left-sidebar,.dark-mode .center-panel,.dark-mode .right-panel{background:#1e293b}.dark-mode .code-editor{background:#1e293b;color:#e2e8f0}.dark-mode .editor-header,.dark-mode .chart-header{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}.dark-mode .editor-header h3,.dark-mode .chart-header h3{color:#e2e8f0}.dark-mode .line-numbers{background:#0f172a;color:#64748b;border-right-color:rgba(148,163,184,0.2)}.dark-mode .history-item,.dark-mode .template-card,.dark-mode .history-detail-item{background:#334155;border-color:rgba(148,163,184,0.2)}.dark-mode .history-item.active{background:linear-gradient(135deg,rgba(84,112,198,0.2) 0,rgba(145,204,117,0.2) 100%);border-color:rgba(84,112,198,0.5);box-shadow:0 4px 12px rgba(84,112,198,0.25),inset 2px 0 0 #5470c6}.dark-mode .history-item:hover,.dark-mode .template-card:hover,.dark-mode .history-detail-item:hover{background:#475569;border-color:#5470c6}.dark-mode .history-item-time{color:#94a3b8}.dark-mode .history-item-number{background:linear-gradient(135deg,rgba(84,112,198,0.2) 0,rgba(145,204,117,0.2) 100%);color:#93c5fd}.dark-mode .history-item.active .history-item-number{background:linear-gradient(135deg,rgba(84,112,198,0.35) 0,rgba(145,204,117,0.35) 100%);color:#93c5fd}.dark-mode .history-item-preview,.dark-mode .template-name,.dark-mode .history-detail-code{color:#e2e8f0}.dark-mode .history-item-delete:hover{background:rgba(239,68,68,0.25);color:#fca5a5}.dark-mode .history-search-box{background:rgba(30,41,59,0.5);border-bottom-color:rgba(148,163,184,0.15)}.dark-mode .history-search-input{background:#1e293b;border-color:rgba(148,163,184,0.3);color:#e2e8f0}.dark-mode .history-search-input:focus{border-color:#5470c6;box-shadow:0 0 0 3px rgba(84,112,198,0.2)}.dark-mode .history-search-input::placeholder{color:#64748b}.dark-mode .history-detail-code{background:#0f172a}.dark-mode .chart-content{background:#1e293b}.dark-mode .modal-content{background:#1e293b;box-shadow:0 12px 48px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1)}.dark-mode .modal-body{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%)}.dark-mode .template-category h4{color:#e2e8f0;background:linear-gradient(135deg,rgba(148,163,184,0.15) 0,rgba(100,116,139,0.15) 100%);border-left-color:#94a3b8}.dark-mode .template-card{background:#334155;border-color:rgba(148,163,184,0.25)}.dark-mode .template-card::before{background:linear-gradient(135deg,#94a3b8 0,#64748b 100%)}.dark-mode .template-card:hover{background:linear-gradient(135deg,rgba(148,163,184,0.15) 0,rgba(100,116,139,0.15) 100%);border-color:#94a3b8}.dark-mode .template-name{color:#e2e8f0}.dark-mode .template-desc{color:#94a3b8}.history-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.code-editor::-webkit-scrollbar{width:8px;height:8px}.history-list::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.code-editor::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:4px}.history-list::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.code-editor::-webkit-scrollbar-thumb{background:rgba(84,112,198,0.3);border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.code-editor::-webkit-scrollbar-thumb:hover{background:rgba(84,112,198,0.5)}@media (max-width:1024px){.left-sidebar{width:200px}.right-panel{width:40%}.template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.top-toolbar{padding:10px 12px}.toolbar-btn{padding:6px 10px;font-size:12px}.left-sidebar{width:180px}.sidebar-header h3{font-size:13px}.right-panel{width:38%}.center-panel{min-height:350px}.template-modal{width:95%}.history-modal{width:90%;max-width:700px}.chart-error{font-size:11px;padding:16px;max-width:90%}}@media (max-width:640px){.editor-main{flex-direction:column}.left-sidebar{width:100%;height:180px;border-right:none;border-bottom:2px solid rgba(84,112,198,0.15)}.sidebar-resize-divider,.resize-divider{display:none}.center-panel{min-height:400px}.right-panel{width:100%;height:350px}.template-grid{grid-template-columns:repeat(2,1fr)}.toolbar-group{gap:5px}.toolbar-btn{padding:5px 8px;font-size:11px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.theme-default .top-toolbar{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.theme-default .left-sidebar{background:linear-gradient(180deg,#fff 0,#f8fafc 100%)}.theme-default .sidebar-header{background:linear-gradient(135deg,#5470c6 0,#91cc75 100%)}.theme-default .modal-content{background:white;box-shadow:0 12px 48px rgba(84,112,198,0.3),0 0 0 1px rgba(84,112,198,0.1);border:2px solid transparent;background-clip:padding-box}.theme-default .modal-header{background:linear-gradient(135deg,#5470c6 0,#91cc75 100%);box-shadow:0 2px 12px rgba(84,112,198,0.2)}.theme-default .modal-body{background:linear-gradient(180deg,#fafbfc 0,#f0f4f8 100%)}.theme-default .template-category h4{background:linear-gradient(135deg,rgba(84,112,198,0.1) 0,rgba(145,204,117,0.1) 100%);border-left-color:#5470c6;box-shadow:0 1px 3px rgba(84,112,198,0.08)}.theme-default .template-card{background:white;border-color:rgba(84,112,198,0.15);box-shadow:0 2px 8px rgba(84,112,198,0.08)}.theme-default .template-card::before{background:linear-gradient(135deg,#5470c6 0,#91cc75 100%)}.theme-default .template-card:hover{border-color:#5470c6;box-shadow:0 10px 28px rgba(84,112,198,0.28);background:linear-gradient(135deg,rgba(84,112,198,0.04) 0,rgba(145,204,117,0.04) 100%)}.theme-dark .top-toolbar{background:linear-gradient(135deg,#1e293b 0,#0f172a 100%)}.theme-dark .left-sidebar{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%);border-right-color:rgba(148,163,184,0.2)}.theme-dark .sidebar-header{background:linear-gradient(135deg,#334155 0,#1e293b 100%)}.theme-dark .center-panel,.theme-dark .right-panel{background:#1e293b}.theme-dark .editor-header,.theme-dark .chart-header{background:linear-gradient(135deg,#334155 0,#1e293b 100%);border-bottom-color:rgba(148,163,184,0.2)}.theme-dark .code-editor{background:#0f172a;color:#e2e8f0}.theme-dark .line-numbers{background:#1e293b;border-right-color:rgba(148,163,184,0.2)}.theme-dark .history-item{background:#334155;border-color:rgba(148,163,184,0.25)}.theme-dark .history-item.active{background:linear-gradient(135deg,rgba(148,163,184,0.2) 0,rgba(100,116,139,0.2) 100%);border-color:rgba(148,163,184,0.5);box-shadow:0 4px 12px rgba(148,163,184,0.3),inset 2px 0 0 #94a3b8}.theme-dark .history-item-time{color:#94a3b8}.theme-dark .history-item-preview{color:#cbd5e1}.theme-dark .history-item-delete:hover{background:rgba(239,68,68,0.2);color:#fca5a5}.theme-dark .history-search-box{background:rgba(51,65,85,0.5);border-bottom-color:rgba(148,163,184,0.15)}.theme-dark .history-search-input{background:#1e293b;border-color:rgba(148,163,184,0.3);color:#cbd5e1}.theme-dark .history-search-input:focus{border-color:#94a3b8}.theme-dark .history-search-input::placeholder{color:#64748b}.theme-ocean .top-toolbar{background:linear-gradient(135deg,#0ea5e9 0,#0284c7 100%)}.theme-ocean .sidebar-header{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%)}.theme-ocean .left-sidebar{background:linear-gradient(180deg,#e0f2fe 0,#f0f9ff 100%)}.theme-ocean .modal-content{background:linear-gradient(180deg,#fff 0,#f0f9ff 100%);box-shadow:0 12px 48px rgba(14,165,233,0.35),0 0 0 2px rgba(14,165,233,0.15)}.theme-ocean .modal-header{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);box-shadow:0 4px 16px rgba(14,165,233,0.3),inset 0 -1px 0 rgba(255,255,255,0.2)}.theme-ocean .modal-body{background:linear-gradient(180deg,#f0f9ff 0,#e0f2fe 100%)}.theme-ocean .template-category h4{background:linear-gradient(135deg,rgba(14,165,233,0.15) 0,rgba(6,182,212,0.15) 100%);border-left:5px solid #0ea5e9;box-shadow:0 2px 8px rgba(14,165,233,0.12)}.theme-ocean .template-card{background:rgba(255,255,255,0.9);border-color:rgba(14,165,233,0.2);box-shadow:0 3px 10px rgba(14,165,233,0.1)}.theme-ocean .template-card::before{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);height:4px}.theme-ocean .template-card:hover{border-color:#0ea5e9;box-shadow:0 12px 32px rgba(14,165,233,0.32);background:linear-gradient(135deg,rgba(14,165,233,0.08) 0,rgba(6,182,212,0.08) 100%)}.theme-forest .top-toolbar{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.theme-forest .sidebar-header{background:linear-gradient(135deg,#34d399 0,#10b981 100%)}.theme-forest .left-sidebar{background:linear-gradient(180deg,#d1fae5 0,#ecfdf5 100%)}.theme-forest .modal-content{background:linear-gradient(180deg,#fff 0,#ecfdf5 100%);box-shadow:0 12px 48px rgba(16,185,129,0.35),0 0 0 2px rgba(16,185,129,0.15)}.theme-forest .modal-header{background:linear-gradient(135deg,#34d399 0,#10b981 100%);box-shadow:0 4px 16px rgba(16,185,129,0.3),inset 0 -1px 0 rgba(255,255,255,0.25)}.theme-forest .modal-body{background:linear-gradient(180deg,#ecfdf5 0,#d1fae5 100%)}.theme-forest .template-category h4{background:linear-gradient(135deg,rgba(52,211,153,0.18) 0,rgba(16,185,129,0.18) 100%);border-left:5px solid #10b981;box-shadow:0 2px 8px rgba(16,185,129,0.15)}.theme-forest .template-card{background:rgba(255,255,255,0.85);border-color:rgba(16,185,129,0.25);box-shadow:0 3px 10px rgba(16,185,129,0.12)}.theme-forest .template-card::before{background:linear-gradient(135deg,#34d399 0,#10b981 100%);height:4px}.theme-forest .template-card:hover{border-color:#10b981;box-shadow:0 12px 32px rgba(16,185,129,0.35);background:linear-gradient(135deg,rgba(52,211,153,0.1) 0,rgba(16,185,129,0.1) 100%)}.theme-sunset .top-toolbar{background:linear-gradient(135deg,#f59e0b 0,#dc2626 100%)}.theme-sunset .sidebar-header{background:linear-gradient(135deg,#fb923c 0,#f59e0b 100%)}.theme-sunset .left-sidebar{background:linear-gradient(180deg,#fed7aa 0,#ffedd5 100%)}.theme-sunset .modal-content{background:linear-gradient(180deg,#fffbeb 0,#ffedd5 100%);box-shadow:0 12px 48px rgba(245,158,11,0.4),0 0 0 2px rgba(251,146,60,0.2)}.theme-sunset .modal-header{background:linear-gradient(135deg,#fb923c 0,#f59e0b 100%);box-shadow:0 4px 16px rgba(245,158,11,0.4),inset 0 -1px 0 rgba(255,255,255,0.3)}.theme-sunset .modal-body{background:linear-gradient(180deg,#ffedd5 0,#fed7aa 100%)}.theme-sunset .template-category h4{background:linear-gradient(135deg,rgba(251,146,60,0.2) 0,rgba(245,158,11,0.2) 100%);border-left:5px solid #f59e0b;box-shadow:0 2px 10px rgba(245,158,11,0.18);color:#9a3412}.theme-sunset .template-card{background:rgba(255,255,255,0.9);border-color:rgba(251,146,60,0.3);box-shadow:0 3px 12px rgba(245,158,11,0.15)}.theme-sunset .template-card::before{background:linear-gradient(135deg,#fb923c 0,#dc2626 100%);height:4px}.theme-sunset .template-card:hover{border-color:#f59e0b;box-shadow:0 12px 36px rgba(245,158,11,0.4);background:linear-gradient(135deg,rgba(251,146,60,0.12) 0,rgba(245,158,11,0.12) 100%)}.theme-purple .top-toolbar{background:linear-gradient(135deg,#8b5cf6 0,#6d28d9 100%)}.theme-purple .sidebar-header{background:linear-gradient(135deg,#a78bfa 0,#8b5cf6 100%)}.theme-purple .left-sidebar{background:linear-gradient(180deg,#ede9fe 0,#f5f3ff 100%)}.theme-purple .center-panel,.theme-purple .right-panel{background:#1e1b2e}.theme-purple .editor-header,.theme-purple .chart-header{background:linear-gradient(135deg,#2e2645 0,#1e1b2e 100%);border-bottom-color:rgba(167,139,250,0.2)}.theme-purple .code-editor{background:#1a1625;color:#e9d5ff}.theme-purple .line-numbers{background:#2e2645;border-right-color:rgba(167,139,250,0.2);color:#a78bfa}.theme-purple .history-item{background:rgba(237,233,254,0.5);border-color:rgba(139,92,246,0.25)}.theme-purple .history-item.active{background:linear-gradient(135deg,rgba(167,139,250,0.25) 0,rgba(139,92,246,0.25) 100%);border-color:rgba(139,92,246,0.5);box-shadow:0 4px 12px rgba(139,92,246,0.3),inset 2px 0 0 #8b5cf6}.theme-purple .history-item-time{color:#7c3aed}.theme-purple .history-item-number{background:linear-gradient(135deg,rgba(167,139,250,0.2) 0,rgba(139,92,246,0.2) 100%);color:#8b5cf6}.theme-purple .history-item.active .history-item-number{background:linear-gradient(135deg,rgba(167,139,250,0.4) 0,rgba(139,92,246,0.4) 100%);color:#7c3aed}.theme-purple .history-item-preview{color:#5b21b6}.theme-purple .history-item-delete:hover{background:rgba(239,68,68,0.15);color:#f87171}.theme-purple .history-search-box{background:rgba(237,233,254,0.3);border-bottom-color:rgba(139,92,246,0.15)}.theme-purple .history-search-input{background:rgba(255,255,255,0.8);border-color:rgba(139,92,246,0.25);color:#5b21b6}.theme-purple .history-search-input:focus{border-color:#8b5cf6}.theme-purple .history-search-input::placeholder{color:#a78bfa}.theme-purple .modal-content{background:linear-gradient(180deg,#2e2645 0,#1a1625 100%);box-shadow:0 12px 48px rgba(139,92,246,0.5),0 0 0 2px rgba(167,139,250,0.3),0 0 60px rgba(139,92,246,0.2);border:1px solid rgba(167,139,250,0.3)}.theme-purple .modal-header{background:linear-gradient(135deg,#a78bfa 0,#8b5cf6 100%);box-shadow:0 4px 20px rgba(139,92,246,0.4),inset 0 -1px 0 rgba(255,255,255,0.2)}.theme-purple .modal-body{background:linear-gradient(180deg,#2e2645 0,#1e1b2e 100%)}.theme-purple .template-category h4{color:#e9d5ff;background:linear-gradient(135deg,rgba(167,139,250,0.25) 0,rgba(139,92,246,0.25) 100%);border-left:5px solid #a78bfa;box-shadow:0 2px 12px rgba(167,139,250,0.3)}.theme-purple .template-card{background:linear-gradient(135deg,rgba(167,139,250,0.08) 0,rgba(139,92,246,0.05) 100%);border-color:rgba(167,139,250,0.35);box-shadow:0 4px 16px rgba(139,92,246,0.2)}.theme-purple .template-card::before{background:linear-gradient(135deg,#a78bfa 0,#8b5cf6 100%);height:5px;box-shadow:0 0 10px rgba(167,139,250,0.5)}.theme-purple .template-card:hover{background:linear-gradient(135deg,rgba(167,139,250,0.2) 0,rgba(139,92,246,0.15) 100%);border-color:#a78bfa;box-shadow:0 12px 40px rgba(167,139,250,0.45),0 0 20px rgba(139,92,246,0.3);transform:translateY(-6px)}.theme-purple .template-name{color:#e9d5ff}.theme-purple .template-desc{color:#c4b5fd}.theme-rose .top-toolbar{background:linear-gradient(135deg,#ec4899 0,#be185d 100%)}.theme-rose .sidebar-header{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%)}.theme-rose .left-sidebar{background:linear-gradient(180deg,#fce7f3 0,#fdf2f8 100%)}.theme-rose .modal-content{background:linear-gradient(180deg,#fff 0,#fdf2f8 100%);box-shadow:0 12px 48px rgba(236,72,153,0.38),0 0 0 2px rgba(244,114,182,0.2)}.theme-rose .modal-header{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%);box-shadow:0 4px 16px rgba(236,72,153,0.35),inset 0 -1px 0 rgba(255,255,255,0.3)}.theme-rose .modal-body{background:linear-gradient(180deg,#fdf2f8 0,#fce7f3 100%)}.theme-rose .template-category h4{background:linear-gradient(135deg,rgba(244,114,182,0.18) 0,rgba(236,72,153,0.18) 100%);border-left:5px solid #ec4899;box-shadow:0 2px 10px rgba(236,72,153,0.15);color:#831843}.theme-rose .template-card{background:rgba(255,255,255,0.85);border-color:rgba(244,114,182,0.3);box-shadow:0 3px 12px rgba(236,72,153,0.12)}.theme-rose .template-card::before{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%);height:4px}.theme-rose .template-card:hover{border-color:#ec4899;box-shadow:0 12px 36px rgba(236,72,153,0.35);background:linear-gradient(135deg,rgba(244,114,182,0.1) 0,rgba(236,72,153,0.1) 100%)}.theme-mint .top-toolbar{background:linear-gradient(135deg,#14b8a6 0,#0d9488 100%)}.theme-mint .sidebar-header{background:linear-gradient(135deg,#2dd4bf 0,#14b8a6 100%)}.theme-mint .left-sidebar{background:linear-gradient(180deg,#ccfbf1 0,#f0fdfa 100%)}.theme-mint .modal-content{background:linear-gradient(180deg,#fff 0,#f0fdfa 100%);box-shadow:0 12px 48px rgba(20,184,166,0.36),0 0 0 2px rgba(45,212,191,0.18)}.theme-mint .modal-header{background:linear-gradient(135deg,#2dd4bf 0,#14b8a6 100%);box-shadow:0 4px 16px rgba(20,184,166,0.32),inset 0 -1px 0 rgba(255,255,255,0.28)}.theme-mint .modal-body{background:linear-gradient(180deg,#f0fdfa 0,#ccfbf1 100%)}.theme-mint .template-category h4{background:linear-gradient(135deg,rgba(45,212,191,0.18) 0,rgba(20,184,166,0.18) 100%);border-left:5px solid #14b8a6;box-shadow:0 2px 10px rgba(20,184,166,0.15);color:#134e4a}.theme-mint .template-card{background:rgba(255,255,255,0.9);border-color:rgba(45,212,191,0.28);box-shadow:0 3px 12px rgba(20,184,166,0.12)}.theme-mint .template-card::before{background:linear-gradient(135deg,#2dd4bf 0,#14b8a6 100%);height:4px}.theme-mint .template-card:hover{border-color:#14b8a6;box-shadow:0 12px 36px rgba(20,184,166,0.35);background:linear-gradient(135deg,rgba(45,212,191,0.12) 0,rgba(20,184,166,0.12) 100%)}.theme-amber .top-toolbar{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.theme-amber .sidebar-header{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%)}.theme-amber .left-sidebar{background:linear-gradient(180deg,#fef3c7 0,#fefce8 100%)}.theme-amber .modal-content{background:linear-gradient(180deg,#fffbeb 0,#fefce8 100%);box-shadow:0 12px 48px rgba(245,158,11,0.38),0 0 0 2px rgba(251,191,36,0.22)}.theme-amber .modal-header{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);box-shadow:0 4px 16px rgba(245,158,11,0.35),inset 0 -1px 0 rgba(255,255,255,0.35)}.theme-amber .modal-body{background:linear-gradient(180deg,#fefce8 0,#fef3c7 100%)}.theme-amber .template-category h4{background:linear-gradient(135deg,rgba(251,191,36,0.2) 0,rgba(245,158,11,0.2) 100%);border-left:5px solid #f59e0b;box-shadow:0 2px 10px rgba(245,158,11,0.18);color:#78350f}.theme-amber .template-card{background:rgba(255,255,255,0.85);border-color:rgba(251,191,36,0.35);box-shadow:0 3px 12px rgba(245,158,11,0.15)}.theme-amber .template-card::before{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);height:4px}.theme-amber .template-card:hover{border-color:#f59e0b;box-shadow:0 12px 36px rgba(245,158,11,0.4);background:linear-gradient(135deg,rgba(251,191,36,0.15) 0,rgba(245,158,11,0.15) 100%)}.theme-slate .top-toolbar{background:linear-gradient(135deg,#475569 0,#334155 100%)}.theme-slate .sidebar-header{background:linear-gradient(135deg,#64748b 0,#475569 100%)}.theme-slate .left-sidebar{background:linear-gradient(180deg,#e2e8f0 0,#f1f5f9 100%)}.theme-slate .center-panel,.theme-slate .right-panel{background:#1e293b}.theme-slate .editor-header,.theme-slate .chart-header{background:linear-gradient(135deg,#334155 0,#1e293b 100%);border-bottom-color:rgba(148,163,184,0.2)}.theme-slate .code-editor{background:#0f172a;color:#cbd5e1}.theme-slate .line-numbers{background:#1e293b;border-right-color:rgba(148,163,184,0.2);color:#64748b}.theme-slate .history-item{background:rgba(226,232,240,0.7);border-color:rgba(100,116,139,0.25)}.theme-slate .history-item.active{background:linear-gradient(135deg,rgba(148,163,184,0.35) 0,rgba(100,116,139,0.35) 100%);border-color:rgba(100,116,139,0.5);box-shadow:0 4px 12px rgba(100,116,139,0.3),inset 2px 0 0 #64748b}.theme-slate .history-item-time{color:#475569}.theme-slate .history-item-number{background:linear-gradient(135deg,rgba(148,163,184,0.2) 0,rgba(100,116,139,0.2) 100%);color:#64748b}.theme-slate .history-item.active .history-item-number{background:linear-gradient(135deg,rgba(148,163,184,0.4) 0,rgba(100,116,139,0.4) 100%);color:#475569}.theme-slate .history-item-preview{color:#1e293b}.theme-slate .history-item-delete:hover{background:rgba(239,68,68,0.15);color:#ef4444}.theme-slate .history-search-box{background:rgba(226,232,240,0.5);border-bottom-color:rgba(100,116,139,0.15)}.theme-slate .history-search-input{background:rgba(255,255,255,0.9);border-color:rgba(100,116,139,0.25);color:#1e293b}.theme-slate .history-search-input:focus{border-color:#64748b}.theme-slate .history-search-input::placeholder{color:#94a3b8}.theme-slate .modal-content{background:linear-gradient(180deg,#2e3b4e 0,#1e293b 100%);box-shadow:0 12px 48px rgba(0,0,0,0.5),0 0 0 2px rgba(148,163,184,0.25);border:1px solid rgba(148,163,184,0.2)}.theme-slate .modal-header{background:linear-gradient(135deg,#64748b 0,#475569 100%);box-shadow:0 4px 16px rgba(100,116,139,0.4),inset 0 -1px 0 rgba(255,255,255,0.15)}.theme-slate .modal-body{background:linear-gradient(180deg,#2e3b4e 0,#1e293b 100%)}.theme-slate .template-category h4{color:#e2e8f0;background:linear-gradient(135deg,rgba(148,163,184,0.2) 0,rgba(100,116,139,0.2) 100%);border-left:5px solid #64748b;box-shadow:0 2px 10px rgba(100,116,139,0.25)}.theme-slate .template-card{background:linear-gradient(135deg,rgba(148,163,184,0.1) 0,rgba(100,116,139,0.08) 100%);border-color:rgba(148,163,184,0.3);box-shadow:0 4px 14px rgba(0,0,0,0.3)}.theme-slate .template-card::before{background:linear-gradient(135deg,#64748b 0,#475569 100%);height:4px}.theme-slate .template-card:hover{background:linear-gradient(135deg,rgba(148,163,184,0.2) 0,rgba(100,116,139,0.15) 100%);border-color:#64748b;box-shadow:0 12px 36px rgba(100,116,139,0.4)}.theme-slate .template-name{color:#e2e8f0}.theme-slate .template-desc{color:#cbd5e1}.theme-cherry .top-toolbar{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%)}.theme-cherry .sidebar-header{background:linear-gradient(135deg,#fbcfe8 0,#f9a8d4 100%)}.theme-cherry .left-sidebar{background:linear-gradient(180deg,#fce7f3 0,#fdf2f8 100%)}.theme-cherry .modal-content{background:linear-gradient(180deg,#fff 0,#fdf2f8 100%);box-shadow:0 12px 48px rgba(244,114,182,0.35),0 0 0 2px rgba(251,207,232,0.3)}.theme-cherry .modal-header{background:linear-gradient(135deg,#fbcfe8 0,#f9a8d4 100%);box-shadow:0 4px 16px rgba(249,168,212,0.4),inset 0 -1px 0 rgba(255,255,255,0.4);color:#831843}.theme-cherry .modal-body{background:linear-gradient(180deg,#fdf2f8 0,#fce7f3 100%)}.theme-cherry .template-category h4{background:linear-gradient(135deg,rgba(251,207,232,0.25) 0,rgba(249,168,212,0.25) 100%);border-left:5px solid #f472b6;box-shadow:0 2px 10px rgba(244,114,182,0.2);color:#831843}.theme-cherry .template-card{background:rgba(255,255,255,0.8);border-color:rgba(251,207,232,0.4);box-shadow:0 3px 12px rgba(249,168,212,0.15)}.theme-cherry .template-card::before{background:linear-gradient(135deg,#fbcfe8 0,#f9a8d4 100%);height:4px}.theme-cherry .template-card:hover{border-color:#f472b6;box-shadow:0 12px 36px rgba(244,114,182,0.38);background:linear-gradient(135deg,rgba(251,207,232,0.15) 0,rgba(249,168,212,0.15) 100%)}.theme-tech .top-toolbar{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%)}.theme-tech .sidebar-header{background:linear-gradient(135deg,#60a5fa 0,#3b82f6 100%)}.theme-tech .left-sidebar{background:linear-gradient(180deg,#dbeafe 0,#eff6ff 100%)}.theme-tech .modal-content{background:linear-gradient(180deg,#fff 0,#eff6ff 100%);box-shadow:0 12px 48px rgba(59,130,246,0.36),0 0 0 2px rgba(96,165,250,0.2)}.theme-tech .modal-header{background:linear-gradient(135deg,#60a5fa 0,#3b82f6 100%);box-shadow:0 4px 16px rgba(59,130,246,0.35),inset 0 -1px 0 rgba(255,255,255,0.25)}.theme-tech .modal-body{background:linear-gradient(180deg,#eff6ff 0,#dbeafe 100%)}.theme-tech .template-category h4{background:linear-gradient(135deg,rgba(96,165,250,0.18) 0,rgba(59,130,246,0.18) 100%);border-left:5px solid #3b82f6;box-shadow:0 2px 10px rgba(59,130,246,0.15);color:#1e3a8a}.theme-tech .template-card{background:rgba(255,255,255,0.85);border-color:rgba(96,165,250,0.3);box-shadow:0 3px 12px rgba(59,130,246,0.12)}.theme-tech .template-card::before{background:linear-gradient(135deg,#60a5fa 0,#3b82f6 100%);height:4px}.theme-tech .template-card:hover{border-color:#3b82f6;box-shadow:0 12px 36px rgba(59,130,246,0.35);background:linear-gradient(135deg,rgba(96,165,250,0.12) 0,rgba(59,130,246,0.12) 100%)}.dark-mode .shortcut-item{background:#334155;border-color:rgba(148,163,184,0.25)}.dark-mode .shortcut-item span:first-child{color:#e2e8f0}.dark-mode .shortcut-key{background:linear-gradient(135deg,#94a3b8 0,#64748b 100%)}.theme-purple .shortcut-item{background:linear-gradient(135deg,rgba(167,139,250,0.15) 0,rgba(139,92,246,0.15) 100%);border-color:rgba(167,139,250,0.25)}.theme-purple .shortcut-item span:first-child{color:#e9d5ff}.theme-purple .shortcut-key{background:linear-gradient(135deg,#a78bfa 0,#8b5cf6 100%)}.theme-slate .shortcut-item{background:linear-gradient(135deg,rgba(148,163,184,0.15) 0,rgba(100,116,139,0.15) 100%);border-color:rgba(148,163,184,0.25)}.theme-slate .shortcut-item span:first-child{color:#e2e8f0}.theme-slate .shortcut-key{background:linear-gradient(135deg,#64748b 0,#475569 100%)}.theme-ocean .shortcut-item{background:linear-gradient(135deg,rgba(14,165,233,0.08) 0,rgba(6,182,212,0.08) 100%);border-color:rgba(14,165,233,0.2)}.theme-ocean .shortcut-key{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%)}.theme-forest .shortcut-item{background:linear-gradient(135deg,rgba(52,211,153,0.08) 0,rgba(16,185,129,0.08) 100%);border-color:rgba(16,185,129,0.2)}.theme-forest .shortcut-key{background:linear-gradient(135deg,#34d399 0,#10b981 100%)}.theme-sunset .shortcut-item{background:linear-gradient(135deg,rgba(251,146,60,0.08) 0,rgba(245,158,11,0.08) 100%);border-color:rgba(251,146,60,0.2)}.theme-sunset .shortcut-item span:first-child{color:#9a3412}.theme-sunset .shortcut-key{background:linear-gradient(135deg,#fb923c 0,#f59e0b 100%)}.theme-rose .shortcut-item{background:linear-gradient(135deg,rgba(244,114,182,0.08) 0,rgba(236,72,153,0.08) 100%);border-color:rgba(244,114,182,0.2)}.theme-rose .shortcut-key{background:linear-gradient(135deg,#f472b6 0,#ec4899 100%)}.theme-mint .shortcut-item{background:linear-gradient(135deg,rgba(45,212,191,0.08) 0,rgba(20,184,166,0.08) 100%);border-color:rgba(45,212,191,0.2)}.theme-mint .shortcut-key{background:linear-gradient(135deg,#2dd4bf 0,#14b8a6 100%)}.theme-amber .shortcut-item{background:linear-gradient(135deg,rgba(251,191,36,0.08) 0,rgba(245,158,11,0.08) 100%);border-color:rgba(251,191,36,0.2)}.theme-amber .shortcut-item span:first-child{color:#78350f}.theme-amber .shortcut-key{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%)}.theme-cherry .shortcut-item{background:linear-gradient(135deg,rgba(251,207,232,0.12) 0,rgba(249,168,212,0.12) 100%);border-color:rgba(251,207,232,0.25)}.theme-cherry .shortcut-item span:first-child{color:#831843}.theme-cherry .shortcut-key{background:linear-gradient(135deg,#fbcfe8 0,#f9a8d4 100%);color:#831843}.theme-tech .shortcut-item{background:linear-gradient(135deg,rgba(96,165,250,0.08) 0,rgba(59,130,246,0.08) 100%);border-color:rgba(96,165,250,0.2)}.theme-tech .shortcut-key{background:linear-gradient(135deg,#60a5fa 0,#3b82f6 100%)}