.toolbar-group{display:flex;align-items:center;gap:var(--editor-spacing-xs);padding:0 var(--editor-spacing-sm);border-right:1px solid var(--editor-color-border-light)}.toolbar-group:last-child{border-right:none}.toolbar-button{display:flex;align-items:center;justify-content:center;padding:var(--editor-spacing-sm);border:none;background:transparent;border-radius:var(--editor-border-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast);color:var(--editor-color-text-secondary);min-width:32px;height:32px}.toolbar-button:hover{background-color:var(--editor-color-bg-secondary);color:var(--editor-color-text-primary)}.toolbar-button:active{background-color:var(--editor-color-bg-tertiary)}.toolbar-button.active{background-color:var(--editor-color-accent-primary);color:var(--editor-color-text-inverse)}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button:disabled:hover{background:transparent;color:var(--editor-color-text-secondary)}.toolbar-dropdown{position:relative;display:inline-block}.toolbar-dropdown-button{display:flex;align-items:center;gap:var(--editor-spacing-xs);padding:var(--editor-spacing-sm) var(--editor-spacing-md);border:1px solid var(--editor-color-border-light);background-color:var(--editor-color-bg-primary);border-radius:var(--editor-border-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast);font-size:.875rem;color:var(--editor-color-text-primary)}.toolbar-dropdown-button:hover{background-color:var(--editor-color-bg-secondary);border-color:var(--editor-color-border-medium)}.toolbar-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;background-color:var(--editor-color-bg-primary);border:1px solid var(--editor-color-border-medium);border-radius:var(--editor-border-radius-md);box-shadow:var(--editor-shadow-lg);min-width:150px;max-height:200px;overflow-y:auto;margin-top:2px}.toolbar-dropdown-item{display:flex;align-items:center;gap:var(--editor-spacing-sm);padding:var(--editor-spacing-sm) var(--editor-spacing-md);cursor:pointer;transition:background-color var(--editor-transition-fast);font-size:.875rem;color:var(--editor-color-text-primary)}.toolbar-dropdown-item:hover{background-color:var(--editor-color-bg-secondary)}.toolbar-dropdown-item.selected{background-color:var(--editor-color-accent-primary);color:var(--editor-color-text-inverse)}.toolbar-divider{width:1px;height:24px;background-color:var(--editor-color-border-light);margin:0 var(--editor-spacing-sm)}.color-picker-button{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--editor-color-border-light);border-radius:var(--editor-border-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast);background-color:var(--editor-color-bg-primary)}.color-picker-button:hover{border-color:var(--editor-color-border-medium)}.color-picker-swatch{width:20px;height:20px;border-radius:var(--editor-border-radius-sm);border:1px solid var(--editor-color-border-light);display:block}.color-picker-dropdown{position:absolute;top:100%;left:0;z-index:1000;background-color:var(--editor-color-bg-primary);border:1px solid var(--editor-color-border-medium);border-radius:var(--editor-border-radius-md);box-shadow:var(--editor-shadow-lg);padding:var(--editor-spacing-md);margin-top:2px}.color-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--editor-spacing-xs);margin-bottom:var(--editor-spacing-md)}.color-picker-color{width:24px;height:24px;border-radius:var(--editor-border-radius-sm);border:1px solid var(--editor-color-border-light);cursor:pointer;transition:all var(--editor-transition-fast)}.color-picker-color:hover{transform:scale(1.1);border-color:var(--editor-color-border-dark)}.color-picker-input{width:100%;padding:var(--editor-spacing-sm);border:1px solid var(--editor-color-border-light);border-radius:var(--editor-border-radius-sm);font-size:.875rem;color:var(--editor-color-text-primary);background-color:var(--editor-color-bg-primary)}.color-picker-input:focus{outline:none;border-color:var(--editor-color-accent-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--editor-spacing-lg)}.modal-content{background-color:var(--editor-color-bg-primary);border-radius:var(--editor-border-radius-lg);box-shadow:var(--editor-shadow-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{padding:var(--editor-spacing-lg);border-bottom:1px solid var(--editor-color-border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.125rem;font-weight:var(--editor-font-weight-semibold);color:var(--editor-color-text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--editor-border-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast);color:var(--editor-color-text-secondary)}.modal-close:hover{background-color:var(--editor-color-bg-secondary);color:var(--editor-color-text-primary)}.modal-body,.modal-footer{padding:var(--editor-spacing-lg)}.modal-footer{border-top:1px solid var(--editor-color-border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--editor-spacing-md)}.modal-button{padding:var(--editor-spacing-sm) var(--editor-spacing-lg);border:1px solid var(--editor-color-border-medium);border-radius:var(--editor-border-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast);font-size:.875rem;font-weight:var(--editor-font-weight-medium);background-color:var(--editor-color-bg-primary);color:var(--editor-color-text-primary)}.modal-button:hover{background-color:var(--editor-color-bg-secondary);border-color:var(--editor-color-border-dark)}.modal-button.primary{color:var(--editor-color-text-inverse);border-color:var(--editor-color-accent-primary)}.modal-button.primary,.modal-button.primary:hover{background-color:var(--editor-color-accent-primary)}.modal-button.primary:hover{opacity:.9}.modal-button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--editor-spacing-lg)}.form-label{display:block;margin-bottom:var(--editor-spacing-sm);font-weight:var(--editor-font-weight-medium)}.form-input,.form-label,.form-textarea{color:var(--editor-color-text-primary);font-size:.875rem}.form-input,.form-textarea{width:100%;padding:var(--editor-spacing-sm) var(--editor-spacing-md);border:1px solid var(--editor-color-border-light);border-radius:var(--editor-border-radius-sm);background-color:var(--editor-color-bg-primary);transition:border-color var(--editor-transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--editor-color-accent-primary)}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--editor-color-bg-secondary)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--editor-color-error)}.form-error,.form-help{font-size:.75rem;margin-top:var(--editor-spacing-xs)}.form-help{color:var(--editor-color-text-muted)}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--editor-color-border-light);border-top-color:var(--editor-color-accent-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-skeleton{background:linear-gradient(90deg,var(--editor-color-bg-secondary) 25%,var(--editor-color-bg-tertiary) 50%,var(--editor-color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--editor-border-radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-dots{display:flex;gap:var(--editor-spacing-xs);align-items:center}.loading-dot{width:6px;height:6px;border-radius:50%;background-color:var(--editor-color-accent-primary);animation:dots 1.4s infinite both}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.editor-scrollbar{scrollbar-width:thin;scrollbar-color:var(--editor-color-border-medium) var(--editor-color-bg-secondary)}.editor-scrollbar::-webkit-scrollbar{width:8px;height:8px}.editor-scrollbar::-webkit-scrollbar-track{background:var(--editor-color-bg-secondary);border-radius:var(--editor-border-radius-sm)}.editor-scrollbar::-webkit-scrollbar-thumb{background:var(--editor-color-border-medium);border-radius:var(--editor-border-radius-sm)}.editor-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--editor-color-border-dark)}.editor-debug{position:relative}.editor-debug:before{content:"DEBUG MODE";position:absolute;top:0;right:0;padding:2px 6px;font-weight:var(--editor-font-weight-bold);border-radius:0 0 0 var(--editor-border-radius-sm);z-index:1000}.editor-debug-info,.editor-debug:before{background-color:var(--editor-color-warning);color:var(--editor-color-text-inverse);font-size:.75rem}.editor-debug-info{font-family:var(--editor-font-family-mono);padding:var(--editor-spacing-sm);border-bottom:1px solid var(--editor-color-border-medium)}.editor-debug-grid{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px}.context-menu{position:absolute;z-index:1000;background-color:var(--editor-color-bg-primary);border:1px solid var(--editor-color-border-medium);border-radius:var(--editor-border-radius-md);box-shadow:var(--editor-shadow-lg);min-width:160px;padding:var(--editor-spacing-xs) 0}.context-menu-item{display:flex;align-items:center;gap:var(--editor-spacing-sm);padding:var(--editor-spacing-sm) var(--editor-spacing-md);cursor:pointer;transition:background-color var(--editor-transition-fast);font-size:.875rem;color:var(--editor-color-text-primary)}.context-menu-item:hover{background-color:var(--editor-color-bg-secondary)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:transparent}.context-menu-separator{height:1px;background-color:var(--editor-color-border-light);margin:var(--editor-spacing-xs) 0}.context-menu-icon{width:16px;height:16px;color:var(--editor-color-text-secondary)}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:var(--editor-color-text-primary);color:var(--editor-color-text-inverse);padding:var(--editor-spacing-xs) var(--editor-spacing-sm);border-radius:var(--editor-border-radius-sm);font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:5px;opacity:0;pointer-events:none;transition:opacity var(--editor-transition-fast)}.tooltip:hover .tooltip-content{opacity:1}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--editor-color-text-primary) transparent transparent transparent}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.toolbar-group{padding:0 var(--editor-spacing-xs)}.toolbar-button{min-width:28px;height:28px;padding:var(--editor-spacing-xs)}.toolbar-dropdown-button{padding:var(--editor-spacing-xs) var(--editor-spacing-sm);font-size:.75rem}.modal-content{margin:var(--editor-spacing-sm);max-width:none}.modal-body,.modal-footer,.modal-header{padding:var(--editor-spacing-md)}.context-menu{min-width:140px}}@media print{.context-menu,.editor-debug-info,.loading-spinner,.modal-overlay,.toolbar-group,.tooltip-content{display:none!important}.editor-scrollbar{scrollbar-width:none}.editor-scrollbar::-webkit-scrollbar{display:none}}.focus-trap{position:relative}.focus-trap:after,.focus-trap:before{content:"";position:absolute;width:0;height:0;overflow:hidden}.form-input:focus-visible,.form-textarea:focus-visible,.modal-button:focus-visible,.toolbar-button:focus-visible{outline:2px solid var(--editor-color-accent-primary);outline-offset:2px}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-in-out}.animate-slide-down{animation:slideDown .3s ease-in-out}.animate-scale-in{animation:scaleIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-text{user-select:text}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--editor-font-family-mono)}.font-normal{font-weight:var(--editor-font-weight-normal)}.font-medium{font-weight:var(--editor-font-weight-medium)}.font-semibold{font-weight:var(--editor-font-weight-semibold)}.font-bold{font-weight:var(--editor-font-weight-bold)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}