.svg-editor-container{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;background:#f8fafc;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease}.svg-editor-container.fullscreen{position:fixed;top:0;left:0;width:100vw !important;height:100vh !important;z-index:9999;border-radius:0;margin:0}.svg-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-bottom:none;color:white;flex-wrap:wrap;gap:8px;box-shadow:0 2px 8px rgba(102,126,234,0.3);flex-shrink:0}.toolbar-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:28px}.toolbar-group:last-child{margin-right:8px}.toolbar-btn{padding:6px 10px;background:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;color:#667eea;transition:all 0.3s;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.15)}.toolbar-btn:active:not(:disabled){transform:translateY(0)}.toolbar-btn:disabled{opacity:0.5;cursor:not-allowed}.svg-main-content{display:flex;flex:1;overflow:hidden;background:#f8fafc}.svg-history-panel{width:200px;background:white;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative;opacity:1 !important}.svg-history-panel::after{content:'';position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;background:transparent;transition:background 0.2s;z-index:5}.svg-history-panel:hover::after{background:rgba(66,165,245,0.2)}.svg-history-panel.resizing::after{background:rgba(66,165,245,0.5)}.svg-history-panel h3{margin:0;padding:14px 16px;font-size:13px;font-weight:600;color:#475569;background:linear-gradient(to bottom,#fafafa 0,#f5f5f5 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0}.history-search{padding:8px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.history-search input{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;outline:none;transition:all 0.2s;box-sizing:border-box}.history-search input:focus{border-color:#42a5f5;box-shadow:0 0 0 2px rgba(66,165,245,0.1)}.history-list{flex:1;overflow-y:auto;padding:8px;background:#fff}.history-item{display:flex;flex-direction:column;padding:10px 12px;margin:4px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all 0.2s;position:relative;animation:fadeIn 0.2s ease}.history-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(2px)}.history-item.active{background:#e3f2fd;border-color:#42a5f5;box-shadow:0 1px 3px rgba(66,165,245,0.2)}.history-item-delete{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#fde8e8;color:#ef4444;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;opacity:0;transition:all 0.2s}.history-item:hover .history-item-delete{opacity:1}.history-item-delete:hover{background:#ef4444;color:white}.history-item-name{font-weight:600;font-size:13px;margin-bottom:4px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-time{color:#64748b;font-size:11px}.editor-panel{flex:1;display:flex;flex-direction:column;background:white;overflow:hidden;min-width:320px;border-right:1px solid #e2e8f0;position:relative}.editor-panel::after{content:'';position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;background:transparent;transition:background 0.2s;z-index:5}.editor-panel:hover::after{background:rgba(66,165,245,0.2)}.editor-panel.resizing::after{background:rgba(66,165,245,0.5)}.code-editor{flex:1;padding:20px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.6;border:none;outline:none;resize:none;background:#fafafa;color:#424242;transition:all 0.2s ease;tab-size:2}.code-editor::placeholder{color:#9e9e9e}.code-editor:focus{background:#fff;box-shadow:inset 0 0 0 1px #e0e0e0}.editor-panel.drag-over{position:relative}.editor-panel.drag-over::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(66,165,245,0.05);border:2px dashed #42a5f5;z-index:5;pointer-events:none}.editor-panel.drag-over::after{content:'📂 释放以导入SVG文件';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#42a5f5;font-weight:600;pointer-events:none;z-index:10}.preview-panel{width:45%;display:flex;flex-direction:column;background:white;overflow:hidden;min-width:300px}.preview-panel h3{margin:0;padding:12px 16px;font-size:13px;font-weight:600;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(to bottom,#fafafa 0,#f5f5f5 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0}.preview-header h3{margin:0;padding:0;font-size:13px;font-weight:600;color:#475569;background:transparent;border:none;display:flex;align-items:center;gap:8px}.preview-tip{font-size:11px;font-weight:400;color:#94a3b8;background:rgba(148,163,184,0.1);padding:2px 8px;border-radius:4px}.preview-bg-switcher{display:flex;gap:6px}.bg-btn{width:32px;height:32px;border:1px solid #e0e0e0;background:white;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.2s;display:flex;align-items:center;justify-content:center;color:#757575;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.bg-btn:hover{border-color:#42a5f5;color:#42a5f5;box-shadow:0 2px 4px rgba(66,165,245,0.15);transform:translateY(-1px)}.bg-btn.active{background:linear-gradient(135deg,#42a5f5 0,#1e88e5 100%);border-color:#1e88e5;color:white;box-shadow:0 2px 6px rgba(66,165,245,0.3)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:30px}.preview-content[data-bg="checkerboard"]{background:linear-gradient(45deg,#f8fafc 25%,transparent 25%,transparent 75%,#f8fafc 75%,#f8fafc),linear-gradient(45deg,#f8fafc 25%,transparent 25%,transparent 75%,#f8fafc 75%,#f8fafc);background-size:20px 20px;background-position:0 0,10px 10px}.preview-content[data-bg="white"]{background:white}.preview-content[data-bg="dark"]{background:#263238}.preview-content svg{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.1));transform-origin:center}.preview-scale-indicator{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,0.75);color:white;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;transition:opacity 0.3s ease;pointer-events:none;z-index:10}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:100000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}.modal.show{display:flex}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:white;border-radius:8px;max-width:680px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,0.12);animation:modalSlideIn 0.2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #e8e8e8;color:#424242;flex-shrink:0}.modal-header h3{margin:0;font-size:14px;font-weight:600}.modal-close{background:#f5f5f5;border:none;color:#757575;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e8e8e8;color:#424242}.modal-body{flex:1;overflow-y:auto;padding:16px}.template-grid{display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.template-category{background:#fafafa;border-radius:6px;padding:12px;border:1px solid #e8e8e8}.template-category-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}.category-icon{font-size:16px}.category-name{font-size:13px;font-weight:600;color:#424242;flex:1}.category-count{font-size:11px;color:#757575;background:#e8e8e8;padding:1px 6px;border-radius:8px;font-weight:500}.template-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.template-item{padding:10px;background:white;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all 0.15s ease;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.template-item:hover{border-color:#42a5f5;box-shadow:0 2px 8px rgba(66,165,245,0.12)}.template-svg-wrapper{width:100%;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;overflow:hidden}.template-item svg{max-width:100%;max-height:100%;width:auto !important;height:auto !important;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.08))}.template-name{font-size:12px;font-weight:500;color:#616161}body.theme-dark .svg-editor-container{background:#1e293b}body.theme-dark .svg-history-panel,body.theme-dark .editor-panel,body.theme-dark .preview-panel{background:#0f172a;border-color:rgba(148,163,184,0.2)}body.theme-dark .history-search input{background:#0f172a;border-color:#334155;color:#e2e8f0}body.theme-dark .history-search input::placeholder{color:#64748b}body.theme-dark .svg-history-panel h3{background:#263238;color:#eceff1}body.theme-dark .history-item{background:#1e293b;color:#e2e8f0;border-color:rgba(148,163,184,0.2)}body.theme-dark .history-item:hover{background:rgba(148,163,184,0.15)}body.theme-dark .history-item.active{background:#1e3a5f;border-color:#42a5f5}body.theme-dark .history-item-name{color:#e2e8f0}body.theme-dark .svg-toolbar{background:linear-gradient(135deg,#4a5568 0,#2d3748 100%);border-bottom:none}body.theme-dark .toolbar-btn{background:#3d4a5c;color:#e0e0e0;border:none}body.theme-dark .toolbar-btn:hover:not(:disabled){background:#4a5a6e;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.2)}body.theme-dark .code-editor{background:#0f172a;color:#e2e8f0}body.theme-dark .preview-header{background:#1e293b;border-bottom-color:rgba(148,163,184,0.2)}body.theme-dark .preview-header h3{color:#e2e8f0}body.theme-dark .preview-tip{color:#64748b;background:rgba(100,116,139,0.2)}body.theme-dark .bg-btn{background:#0f172a;border-color:#334155;color:#94a3b8}body.theme-dark .bg-btn:hover{border-color:#42a5f5;color:#42a5f5}body.theme-dark .bg-btn.active{background:#42a5f5;border-color:#42a5f5;color:white}body.theme-dark .preview-panel h3{background:#1e293b;color:#e2e8f0;border-color:rgba(148,163,184,0.2)}body.theme-dark .preview-content{background:#0f172a;border-color:rgba(148,163,184,0.2)}body.theme-dark .modal-content{background:#0f172a;color:#e2e8f0}body.theme-dark .modal-body{background:#0f172a}body.theme-dark .template-item{background:#1e293b;color:#e2e8f0;border-color:rgba(148,163,184,0.2)}body.theme-dark .ai-panel{background:#1e293b;border-color:rgba(148,163,184,0.2)}body.theme-dark .ai-panel textarea{background:#0f172a;color:#e2e8f0;border-color:rgba(148,163,184,0.2)}body.theme-dark .ai-sidebar{background:#1e293b;box-shadow:-4px 0 24px rgba(0,0,0,0.4)}body.theme-dark .ai-sidebar-header{border-bottom-color:rgba(148,163,184,0.2)}body.theme-dark .ai-sidebar-header h4{color:#e2e8f0}body.theme-dark .ai-close-btn{color:#94a3b8}body.theme-dark .ai-close-btn:hover{background:rgba(148,163,184,0.15);color:#e2e8f0}body.theme-dark .ai-input-group label{color:#cbd5e1}body.theme-dark .ai-input-group textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}body.theme-dark .ai-input-group textarea::placeholder{color:#64748b}body.theme-dark .ai-tips{background:#0f172a;color:#94a3b8}body.theme-dark .ai-tips p{color:#cbd5e1}.ai-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:white;box-shadow:-4px 0 24px rgba(0,0,0,0.12);z-index:100002;transition:right 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}.ai-sidebar.show{right:0}.ai-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.ai-sidebar-header h4{margin:0;font-size:16px;font-weight:600;color:#424242}.ai-close-btn{width:32px;height:32px;border:none;background:#f5f5f5;color:#757575;font-size:16px;cursor:pointer;border-radius:50%;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.ai-close-btn:hover{background:#f5f5f5;color:#424242}.ai-sidebar-body{flex:1;overflow-y:auto;padding:24px}.ai-input-group{margin-bottom:20px}.ai-input-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#616161}.ai-input-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;line-height:1.6;font-family:inherit;resize:vertical;outline:none;transition:all 0.2s;box-sizing:border-box;min-height:100px}.ai-input-group textarea:focus{border-color:#42a5f5;box-shadow:0 0 0 2px rgba(66,165,245,0.1)}.ai-actions{display:flex;gap:10px;margin-bottom:24px}.ai-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px}.ai-btn-primary{background:#42a5f5;color:white}.ai-btn-primary:hover:not(:disabled){background:#1e88e5}.ai-btn-primary:disabled{opacity:0.6;cursor:not-allowed}.ai-btn-cancel{background:#f44336;color:white}.ai-btn-cancel:hover{background:#d32f2f}.ai-tips{padding:16px;background:#f5f5f5;border-radius:4px;font-size:12px;color:#616161;line-height:1.6}.ai-tips p{margin:0 0 8px 0;font-weight:600;color:#424242}.ai-tips ul{margin:0;padding-left:20px}.ai-tips li{margin-bottom:4px}.ai-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:100001;opacity:0;visibility:hidden;transition:all 0.3s;backdrop-filter:blur(2px)}.ai-overlay.show{opacity:1;visibility:visible}.loading{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top:2px solid white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:1200px){.svg-history-panel{width:180px}.preview-panel{width:40%}}@media (max-width:768px){.svg-toolbar{padding:8px}.toolbar-btn{padding:5px 10px;font-size:12px}.svg-main-content{flex-direction:column}.svg-history-panel,.editor-panel,.preview-panel{width:100% !important;border:none}.svg-history-panel{max-height:150px;border-bottom:1px solid #e2e8f0}.preview-panel{min-height:250px;border-top:1px solid #e2e8f0}.ai-sidebar{width:100%;right:-100%}.ai-sidebar.show{right:0}}.toast{position:fixed;top:80px;right:20px;min-width:200px;padding:14px 20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:100001;font-size:14px;font-weight:500;animation:toastSlideIn 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}@keyframes toastSlideIn{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{background:#4caf50;color:white}.toast.error{background:#f44336;color:white}.toast.info{background:#2196f3;color:white}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100003;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s;backdrop-filter:blur(3px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.confirm-dialog{background:white;border-radius:8px;min-width:360px;max-width:480px;box-shadow:0 8px 24px rgba(0,0,0,0.15);animation:slideInDown 0.25s ease-out;overflow:hidden}@keyframes slideInDown{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-size:14px;font-weight:600;color:#424242}.dialog-close-btn{width:26px;height:26px;border:none;background:transparent;color:#757575;border-radius:4px;cursor:pointer;font-size:20px;line-height:1;transition:all 0.2s;display:flex;align-items:center;justify-content:center;padding:0;margin-left:8px;flex-shrink:0}.dialog-close-btn:hover{background:#e0e0e0;color:#424242}.confirm-body{padding:24px 20px;font-size:14px;color:#616161;line-height:1.6;background:white}.confirm-body label{display:block;margin-bottom:10px;font-weight:500;color:#424242}.prompt-input{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none;transition:all 0.2s ease;box-sizing:border-box}.prompt-input:focus{border-color:#42a5f5;box-shadow:0 0 0 2px rgba(66,165,245,0.1)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:#fafafa;border-top:1px solid #e0e0e0}.confirm-btn{padding:8px 20px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.confirm-btn-cancel{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.confirm-btn-cancel:hover{background:#eee}.confirm-btn-ok{background:#42a5f5;color:white}.confirm-btn-ok:hover{background:#1e88e5}body.theme-dark .confirm-dialog{background:#1e293b}body.theme-dark .confirm-header{background:#0f172a;border-bottom-color:#334155;color:#e2e8f0}body.theme-dark .dialog-close-btn{color:#94a3b8}body.theme-dark .dialog-close-btn:hover{background:rgba(148,163,184,0.2);color:#e2e8f0}body.theme-dark .confirm-body{color:#cbd5e1;background:#1e293b}body.theme-dark .confirm-body label{color:#e2e8f0}body.theme-dark .prompt-input{background:#0f172a;border-color:#334155;color:#e2e8f0}body.theme-dark .prompt-input:focus{border-color:#42a5f5;box-shadow:0 0 0 2px rgba(66,165,245,0.15)}body.theme-dark .confirm-actions{background:#0f172a;border-top-color:#334155}body.theme-dark .confirm-btn-cancel{background:rgba(148,163,184,0.15);color:#cbd5e1;border-color:#334155}body.theme-dark .confirm-btn-cancel:hover{background:rgba(148,163,184,0.25)}body.theme-dark .confirm-btn-ok{background:#42a5f5}body.theme-dark .confirm-btn-ok:hover{background:#1e88e5}.theme-selector{position:fixed;top:70px;right:20px;width:360px;background:white;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.12);z-index:100005;animation:slideInRight 0.25s ease-out;overflow:hidden;border:1px solid #e0e0e0}@keyframes slideInRight{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}.theme-selector-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f5f5;color:#424242;font-size:14px;font-weight:600;border-bottom:1px solid #e0e0e0}.theme-close-btn{width:24px;height:24px;border:none;background:transparent;color:#757575;border-radius:50%;cursor:pointer;transition:all 0.2s;font-size:14px;display:flex;align-items:center;justify-content:center}.theme-close-btn:hover{background:#e0e0e0;color:#424242}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:white;max-height:380px;overflow-y:auto}.theme-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.theme-item:hover{border-color:#42a5f5;background:#f5f5f5}.theme-item.active{border-color:#42a5f5;background:#e3f2fd}.theme-preview{width:70px;height:44px;border-radius:4px;margin-bottom:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.theme-name{font-size:11px;font-weight:500;color:#616161;text-align:center}.theme-preview-default{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.theme-preview-ocean{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.theme-preview-forest{background:linear-gradient(135deg,#56ab2f 0,#a8e063 100%)}.theme-preview-sunset{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.theme-preview-purple{background:linear-gradient(135deg,#a18cd1 0,#fbc2eb 100%)}.theme-preview-dark{background:linear-gradient(135deg,#2c3e50 0,#34495e 100%)}.theme-preview-sakura{background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%)}.theme-preview-mint{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%)}.theme-preview-lavender{background:linear-gradient(135deg,#e0c3fc 0,#8ec5fc 100%)}.theme-preview-coffee{background:linear-gradient(135deg,#c79081 0,#dfa579 100%)}.theme-preview-sky{background:linear-gradient(135deg,#a1c4fd 0,#c2e9fb 100%)}.theme-preview-rose{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}body.theme-default .svg-toolbar{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-bottom:none}body.theme-default .toolbar-btn{background:rgba(255,255,255,0.95);color:#667eea;border:none}body.theme-default .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.15)}body.theme-ocean .svg-toolbar{background:linear-gradient(135deg,#4dd0e1 0,#00acc1 100%);border-bottom:none}body.theme-ocean .toolbar-btn{background:rgba(255,255,255,0.95);color:#00acc1;border:none}body.theme-ocean .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,172,193,0.2)}body.theme-ocean .code-editor{background:#f1f8fb}body.theme-ocean .history-item.active{background:#b2ebf2;border-color:#00acc1}body.theme-forest .svg-toolbar{background:linear-gradient(135deg,#9ccc65 0,#689f38 100%);border-bottom:none}body.theme-forest .toolbar-btn{background:rgba(255,255,255,0.95);color:#689f38;border:none}body.theme-forest .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(104,159,56,0.2)}body.theme-forest .code-editor{background:#f9fbe7}body.theme-forest .history-item.active{background:#c5e1a5;border-color:#689f38}body.theme-sunset .svg-toolbar{background:linear-gradient(135deg,#ffb74d 0,#ff9800 100%);border-bottom:none}body.theme-sunset .toolbar-btn{background:rgba(255,255,255,0.95);color:#ff9800;border:none}body.theme-sunset .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(255,152,0,0.2)}body.theme-sunset .code-editor{background:#fff8e1}body.theme-sunset .history-item.active{background:#ffcc80;border-color:#ff9800}body.theme-purple .svg-toolbar{background:linear-gradient(135deg,#ba68c8 0,#ab47bc 100%);border-bottom:none}body.theme-purple .toolbar-btn{background:rgba(255,255,255,0.95);color:#ab47bc;border:none}body.theme-purple .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(171,71,188,0.2)}body.theme-purple .code-editor{background:#fce4ec}body.theme-purple .history-item.active{background:#ce93d8;border-color:#ab47bc}body.theme-dark .svg-editor-container{background:#0f172a}body.theme-dark .svg-toolbar{background:linear-gradient(135deg,#4a5568 0,#2d3748 100%);border-bottom:none}body.theme-dark .toolbar-btn{background:#3d4a5c;color:#e0e0e0;border:none}body.theme-dark .toolbar-btn:hover:not(:disabled){background:#4a5a6e;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.2)}body.theme-dark .svg-history-panel,body.theme-dark .editor-panel,body.theme-dark .preview-panel{background:#1e293b;border-color:#334155}body.theme-dark .code-editor{background:#0f172a;color:#e2e8f0}body.theme-dark .history-item{background:#0f172a;border-color:#334155}body.theme-dark .history-item.active{background:#1e3a5f;border-color:#42a5f5}body.theme-sakura .svg-toolbar{background:linear-gradient(135deg,#f8bbd0 0,#f06292 100%);border-bottom:none}body.theme-sakura .toolbar-btn{background:#fff;color:#f06292;border:none}body.theme-sakura .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(240,98,146,0.2)}body.theme-sakura .code-editor{background:#fff5f7}body.theme-sakura .history-item.active{background:#ffcdd2;border-color:#f06292}body.theme-mint .svg-toolbar{background:linear-gradient(135deg,#4db6ac 0,#26a69a 100%);border-bottom:none}body.theme-mint .toolbar-btn{background:#fff;color:#26a69a;border:none}body.theme-mint .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(38,166,154,0.2)}body.theme-mint .code-editor{background:#e8f5e9}body.theme-mint .history-item.active{background:#b2dfdb;border-color:#26a69a}body.theme-lavender .svg-toolbar{background:linear-gradient(135deg,#9575cd 0,#7e57c2 100%);border-bottom:none}body.theme-lavender .toolbar-btn{background:#fff;color:#7e57c2;border:none}body.theme-lavender .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(126,87,194,0.2)}body.theme-lavender .code-editor{background:#f3e5f5}body.theme-lavender .history-item.active{background:#b39ddb;border-color:#7e57c2}body.theme-coffee .svg-toolbar{background:linear-gradient(135deg,#a1887f 0,#8d6e63 100%);border-bottom:none}body.theme-coffee .toolbar-btn{background:#fff;color:#8d6e63;border:none}body.theme-coffee .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(141,110,99,0.2)}body.theme-coffee .code-editor{background:#f5f5f5}body.theme-coffee .history-item.active{background:#bcaaa4;border-color:#8d6e63}body.theme-sky .svg-toolbar{background:linear-gradient(135deg,#64b5f6 0,#2196f3 100%);border-bottom:none}body.theme-sky .toolbar-btn{background:#fff;color:#2196f3;border:none}body.theme-sky .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(33,150,243,0.2)}body.theme-sky .code-editor{background:#f1f8fb}body.theme-sky .history-item.active{background:#90caf9;border-color:#2196f3}body.theme-rose .svg-toolbar{background:linear-gradient(135deg,#ec407a 0,#d81b60 100%);border-bottom:none}body.theme-rose .toolbar-btn{background:#fff;color:#d81b60;border:none}body.theme-rose .toolbar-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(236,64,122,0.2)}body.theme-rose .code-editor{background:#fff0f3}body.theme-rose .history-item.active{background:#f8bbd0;border-color:#ec407a}body.theme-default .modal-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;border-bottom:none}body.theme-default .modal-close{color:rgba(255,255,255,0.9)}body.theme-default .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-default .template-category{background:#f8f7ff;border-color:#e8e6f5}body.theme-default .template-item:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,0.2)}body.theme-default .confirm-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;border-bottom:none}body.theme-default .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-default .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-default .confirm-btn-ok{background:#667eea}body.theme-default .confirm-btn-ok:hover{background:#5568d3}body.theme-ocean .modal-header{background:linear-gradient(135deg,#4dd0e1 0,#00acc1 100%);color:white;border-bottom:none}body.theme-ocean .modal-close{color:rgba(255,255,255,0.9)}body.theme-ocean .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-ocean .template-category{background:#e0f7fa;border-color:#b2ebf2}body.theme-ocean .template-item:hover{border-color:#00acc1;box-shadow:0 2px 8px rgba(0,172,193,0.2)}body.theme-ocean .confirm-header{background:linear-gradient(135deg,#4dd0e1 0,#00acc1 100%);color:white;border-bottom:none}body.theme-ocean .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-ocean .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-ocean .confirm-btn-ok{background:#00acc1}body.theme-ocean .confirm-btn-ok:hover{background:#0097a7}body.theme-forest .modal-header{background:linear-gradient(135deg,#9ccc65 0,#689f38 100%);color:white;border-bottom:none}body.theme-forest .modal-close{color:rgba(255,255,255,0.9)}body.theme-forest .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-forest .template-category{background:#f1f8e9;border-color:#dcedc8}body.theme-forest .template-item:hover{border-color:#689f38;box-shadow:0 2px 8px rgba(104,159,56,0.2)}body.theme-forest .confirm-header{background:linear-gradient(135deg,#9ccc65 0,#689f38 100%);color:white;border-bottom:none}body.theme-forest .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-forest .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-forest .confirm-btn-ok{background:#689f38}body.theme-forest .confirm-btn-ok:hover{background:#558b2f}body.theme-sunset .modal-header{background:linear-gradient(135deg,#ffb74d 0,#ff9800 100%);color:white;border-bottom:none}body.theme-sunset .modal-close{color:rgba(255,255,255,0.9)}body.theme-sunset .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sunset .template-category{background:#fff3e0;border-color:#ffe0b2}body.theme-sunset .template-item:hover{border-color:#ff9800;box-shadow:0 2px 8px rgba(255,152,0,0.2)}body.theme-sunset .confirm-header{background:linear-gradient(135deg,#ffb74d 0,#ff9800 100%);color:white;border-bottom:none}body.theme-sunset .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-sunset .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sunset .confirm-btn-ok{background:#ff9800}body.theme-sunset .confirm-btn-ok:hover{background:#f57c00}body.theme-purple .modal-header{background:linear-gradient(135deg,#ba68c8 0,#ab47bc 100%);color:white;border-bottom:none}body.theme-purple .modal-close{color:rgba(255,255,255,0.9)}body.theme-purple .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-purple .template-category{background:#f3e5f5;border-color:#e1bee7}body.theme-purple .template-item:hover{border-color:#ab47bc;box-shadow:0 2px 8px rgba(171,71,188,0.2)}body.theme-purple .confirm-header{background:linear-gradient(135deg,#ba68c8 0,#ab47bc 100%);color:white;border-bottom:none}body.theme-purple .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-purple .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-purple .confirm-btn-ok{background:#ab47bc}body.theme-purple .confirm-btn-ok:hover{background:#9c27b0}body.theme-sakura .modal-header{background:linear-gradient(135deg,#f8bbd0 0,#f06292 100%);color:white;border-bottom:none}body.theme-sakura .modal-close{color:rgba(255,255,255,0.9)}body.theme-sakura .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sakura .template-category{background:#fce4ec;border-color:#f8bbd0}body.theme-sakura .template-item:hover{border-color:#f06292;box-shadow:0 2px 8px rgba(240,98,146,0.2)}body.theme-sakura .confirm-header{background:linear-gradient(135deg,#f8bbd0 0,#f06292 100%);color:white;border-bottom:none}body.theme-sakura .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-sakura .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sakura .confirm-btn-ok{background:#f06292}body.theme-sakura .confirm-btn-ok:hover{background:#ec407a}body.theme-mint .modal-header{background:linear-gradient(135deg,#4db6ac 0,#26a69a 100%);color:white;border-bottom:none}body.theme-mint .modal-close{color:rgba(255,255,255,0.9)}body.theme-mint .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-mint .template-category{background:#e0f2f1;border-color:#b2dfdb}body.theme-mint .template-item:hover{border-color:#26a69a;box-shadow:0 2px 8px rgba(38,166,154,0.2)}body.theme-mint .confirm-header{background:linear-gradient(135deg,#4db6ac 0,#26a69a 100%);color:white;border-bottom:none}body.theme-mint .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-mint .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-mint .confirm-btn-ok{background:#26a69a}body.theme-mint .confirm-btn-ok:hover{background:#00897b}body.theme-lavender .modal-header{background:linear-gradient(135deg,#9575cd 0,#7e57c2 100%);color:white;border-bottom:none}body.theme-lavender .modal-close{color:rgba(255,255,255,0.9)}body.theme-lavender .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-lavender .template-category{background:#ede7f6;border-color:#d1c4e9}body.theme-lavender .template-item:hover{border-color:#7e57c2;box-shadow:0 2px 8px rgba(126,87,194,0.2)}body.theme-lavender .confirm-header{background:linear-gradient(135deg,#9575cd 0,#7e57c2 100%);color:white;border-bottom:none}body.theme-lavender .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-lavender .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-lavender .confirm-btn-ok{background:#7e57c2}body.theme-lavender .confirm-btn-ok:hover{background:#673ab7}body.theme-coffee .modal-header{background:linear-gradient(135deg,#a1887f 0,#8d6e63 100%);color:white;border-bottom:none}body.theme-coffee .modal-close{color:rgba(255,255,255,0.9)}body.theme-coffee .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-coffee .template-category{background:#efebe9;border-color:#d7ccc8}body.theme-coffee .template-item:hover{border-color:#8d6e63;box-shadow:0 2px 8px rgba(141,110,99,0.2)}body.theme-coffee .confirm-header{background:linear-gradient(135deg,#a1887f 0,#8d6e63 100%);color:white;border-bottom:none}body.theme-coffee .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-coffee .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-coffee .confirm-btn-ok{background:#8d6e63}body.theme-coffee .confirm-btn-ok:hover{background:#6d4c41}body.theme-sky .modal-header{background:linear-gradient(135deg,#64b5f6 0,#2196f3 100%);color:white;border-bottom:none}body.theme-sky .modal-close{color:rgba(255,255,255,0.9)}body.theme-sky .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sky .template-category{background:#e3f2fd;border-color:#bbdefb}body.theme-sky .template-item:hover{border-color:#2196f3;box-shadow:0 2px 8px rgba(33,150,243,0.2)}body.theme-sky .confirm-header{background:linear-gradient(135deg,#64b5f6 0,#2196f3 100%);color:white;border-bottom:none}body.theme-sky .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-sky .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-sky .confirm-btn-ok{background:#2196f3}body.theme-sky .confirm-btn-ok:hover{background:#1976d2}body.theme-rose .modal-header{background:linear-gradient(135deg,#ec407a 0,#d81b60 100%);color:white;border-bottom:none}body.theme-rose .modal-close{color:rgba(255,255,255,0.9)}body.theme-rose .modal-close:hover{background:rgba(255,255,255,0.2);color:white}body.theme-rose .template-category{background:#fce4ec;border-color:#f8bbd0}body.theme-rose .template-item:hover{border-color:#d81b60;box-shadow:0 2px 8px rgba(236,64,122,0.2)}body.theme-rose .confirm-header{background:linear-gradient(135deg,#ec407a 0,#d81b60 100%);color:white;border-bottom:none}body.theme-rose .dialog-close-btn{color:rgba(255,255,255,0.9)}body.theme-rose .dialog-close-btn:hover{background:rgba(255,255,255,0.2);color:white}body.theme-rose .confirm-btn-ok{background:#d81b60}body.theme-rose .confirm-btn-ok:hover{background:#c2185b}kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:'Consolas','Monaco',monospace;line-height:1.3;color:#616161;background:#f5f5f5;border:1px solid #d0d0d0;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.06);white-space:nowrap;font-weight:500}.resize-indicator{position:fixed;background:rgba(66,165,245,0.9);color:white;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;z-index:10000;box-shadow:0 2px 8px rgba(0,0,0,0.2);animation:fadeIn 0.2s}.history-item,.template-item,.theme-item{will-change:transform,opacity}.svg-editor-container.fullscreen{will-change:transform}.toolbar-btn:focus,.bg-btn:focus,.history-item:focus{outline:2px solid #42a5f5;outline-offset:2px}@media (max-width:1200px){.svg-toolbar{padding:10px 16px}.toolbar-btn{padding:6px 12px;font-size:12px}.svg-history-panel{width:180px}}@media (max-width:768px){.svg-editor-container{height:calc(100vh - 150px)}.svg-main-content{flex-direction:column}.svg-history-panel,.editor-panel,.preview-panel{width:100% !important;min-width:0;border-right:none;border-bottom:1px solid #e2e8f0}.svg-history-panel::after,.editor-panel::after{display:none}}