.oxymade-color-panel{background:#ffffff!important;box-shadow:-2px 0 10px rgb(0 0 0 / .1)!important;display:flex!important;flex-direction:column!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;height:100vh!important;opacity:1!important;overflow-y:auto!important;position:fixed!important;right:-350px!important;top:0!important;transition:right 0.3s ease!important;visibility:visible!important;width:350px!important;z-index:9999999!important}.oxymade-color-panel *{opacity:1!important;visibility:visible!important}.oxymade-color-panel.open,.color-panel-slider.open{right:0}.oxymade-panel-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.oxymade-panel-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.oxymade-close-btn{align-items:center;background:none;border-radius:4px;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.oxymade-close-btn:hover{background:#f3f4f6;color:#374151}.oxymade-panel-content{padding:20px}.oxymade-primary-section{margin-bottom:30px}.oxymade-primary-section h4,.oxymade-palette-section h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 15px 0}.oxymade-color-picker-container{align-items:center;background:linear-gradient(135deg,#18181b 0%,#1c1c1f 100%);border-radius:10px;border:1px solid #3f3f46;box-shadow:0 0 0 1px rgb(255 255 255 / .05),0 4px 12px rgb(0 0 0 / .3);display:flex;gap:12px;padding:14px 16px;margin-top:12px;margin-bottom:16px;transition:all 0.2s ease}.oxymade-color-picker-container:hover{border-color:#52525b;box-shadow:0 0 0 1px rgb(255 255 255 / .08),0 6px 16px rgb(0 0 0 / .4)}.oxymade-color-preview{border-radius:6px;border:1px solid rgb(255 255 255 / .15);box-shadow:0 2px 8px rgb(0 0 0 / .3);flex-shrink:0;cursor:pointer;transition:all 0.2s ease}.oxymade-color-preview:hover{transform:scale(1.05)}.color-panel-slider .oxymade-color-preview{border-radius:6px;height:40px;width:40px}.oxymade-color-input.spectrum{display:none!important}.sp-original-input-container{display:none!important}.oxymade-color-field{cursor:pointer;display:flex;align-items:center;gap:10px;position:relative}.oxymade-spectrum-container{z-index:9999999!important}.sp-container{position:absolute!important;z-index:9999999!important}.sp-container{background:#1f1f23!important;border:1px solid #35353d!important;border-radius:12px!important;box-shadow:0 12px 40px rgb(0 0 0 / .6),0 0 0 1px rgb(255 255 255 / .08)!important}.sp-palette-container{background:#1f1f23!important;border:none!important;padding:14px!important}.sp-palette{max-width:none!important}.sp-palette-row{margin-bottom:5px!important}.sp-thumb-el{border:1px solid #45454d!important;border-radius:5px!important;margin:2px!important;transition:all 0.15s ease!important}.sp-thumb-el:hover{transform:scale(1.2)!important;border-color:#8b8b99!important;box-shadow:0 4px 12px rgb(0 0 0 / .5)!important;z-index:10!important;position:relative!important}.sp-thumb-el.sp-thumb-active{border-color:#a78bfa!important;box-shadow:0 0 0 2px rgb(167 139 250 / .4)!important}.sp-thumb-inner{border-radius:4px!important}.sp-palette-button-container{background:#1f1f23!important;border-top:1px solid #35353d!important;padding:12px 14px!important;margin-top:10px!important}.sp-palette-toggle{background:#2d2d35!important;border:1px solid #45454d!important;border-radius:6px!important;color:#b4b4c0!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important;padding:7px 14px!important;text-transform:uppercase!important;letter-spacing:0.5px!important;transition:all 0.15s ease!important}.sp-palette-toggle:hover{background:#45454d!important;border-color:#5a5a66!important;color:#fafafa!important}.sp-picker-container{background:#1f1f23!important;border-left:1px solid #35353d!important;padding:14px!important}.sp-top{margin-bottom:14px!important}.sp-color,.sp-hue,.sp-alpha{border:1px solid #45454d!important;border-radius:8px!important}.sp-alpha-inner{border-radius:7px!important}.sp-dragger{border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 6px rgb(0 0 0 / .6),0 0 0 1px rgb(0 0 0 / .3)!important}.sp-slider{background:#fff!important;border:1px solid rgb(0 0 0 / .2)!important;border-radius:4px!important;box-shadow:0 2px 6px rgb(0 0 0 / .5)!important}.sp-input-container{margin-top:14px!important}.sp-input{background:#16161a!important;border:1px solid #45454d!important;border-radius:8px!important;color:#fafafa!important;font-family:'SF Mono','Monaco','Menlo',monospace!important;font-size:12px!important;padding:10px 12px!important}.sp-input:focus{border-color:#a78bfa!important;outline:none!important;box-shadow:0 0 0 3px rgb(167 139 250 / .2)!important}.sp-container button{background:#2d2d35!important;border:1px solid #45454d!important;border-radius:8px!important;color:#b4b4c0!important;font-size:12px!important;font-weight:500!important;padding:9px 16px!important;transition:all 0.15s ease!important}.sp-container button:hover{background:#45454d!important;border-color:#5a5a66!important;color:#fafafa!important}.sp-container button.sp-choose{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)!important;border-color:transparent!important;color:#fff!important}.sp-container button.sp-choose:hover{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 100%)!important;box-shadow:0 4px 12px rgb(167 139 250 / .4)!important}.sp-preview{border:1px solid #45454d!important;border-radius:8px!important;margin-right:10px!important}.sp-preview-inner{border-radius:7px!important}.sp-dd{color:#8b8b99!important}.sp-clear{background:transparent!important;border:1px solid #45454d!important}.sp-clear:hover{border-color:#f87171!important;background:rgb(248 113 113 / .1)!important}.sp-replacer{background:#1f1f23!important;border:1px solid #45454d!important;border-radius:8px!important;padding:5px!important}.sp-replacer:hover{border-color:#5a5a66!important}.oxymade-color-input{border-radius:4px;border:1px solid #ddd;flex:1;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:12px;padding:8px;cursor:pointer;height:24px;opacity:0;position:absolute;width:24px}.oxymade-color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgb(59 130 246 / .1);outline:none}.oxymade-color-groups{display:grid;gap:8px}.oxymade-color-item{align-items:center;background:#fff;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all 0.2s ease}.oxymade-color-item:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 4px rgb(0 0 0 / .1);transform:translateY(-1px)}.oxymade-color-swatch{border-radius:4px;border:1px solid #d1d5db;flex-shrink:0;height:24px;width:24px}.oxymade-color-info{display:flex;flex-direction:column;flex:1;gap:2px}.oxymade-color-name{color:#fafafa;font-family:'SF Mono','Monaco','Menlo',monospace;font-size:13px;font-weight:500}.oxymade-color-value{color:#a1a1aa;font-family:'SF Mono','Monaco','Menlo',monospace;font-size:12px;flex:1;min-width:80px}div#oxymade-button.breakdance-toolbar-icon-button{margin-right:8px;background:#06B8DB;transition:background 0.2s}div#oxymade-button.breakdance-toolbar-icon-button:hover,div#oxymade-button.breakdance-toolbar-icon-button:focus,div#oxymade-button.breakdance-toolbar-icon-button:active{background:#048eaa!important}.color-panel-slider{background:#09090b;box-shadow:-4px 0 24px rgb(0 0 0 / .4);box-sizing:border-box;height:100vh;display:flex;flex-direction:column;position:fixed;right:-350px;top:0;transition:right 0.3s ease;width:350px;z-index:999999}.color-panel-overlay{background-color:rgb(0 0 0 / .5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity 0.3s ease,visibility 0.3s ease;visibility:hidden;width:100%;z-index:999998}.color-panel-overlay.open,.oxymade-color-option:hover .oxymade-color-tooltip{opacity:1;visibility:visible}.color-panel-header{align-items:center;background:#18181b;display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #27272a;flex-shrink:0}.color-panel-header h3{font-size:14px;font-weight:500;margin:0;color:#fafafa;letter-spacing:-.01em}.color-panel-header .oxymade-icon{opacity:.9}.color-panel-close{cursor:pointer;height:28px;width:28px;background:#fff0;border:none;padding:6px;border-radius:6px;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center}.color-panel-close svg{fill:#71717a;height:12px;width:12px}.color-panel-close:hover{background-color:#27272a}.color-panel-close:hover svg{fill:#fafafa}.color-panel-content{padding:20px 16px;flex:1;overflow-y:auto;background:#09090b}.color-panel-section{border-radius:8px;margin-bottom:8px;overflow:hidden}.color-panel-section .oxymade-heading{color:#fafafa;font-size:13px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.color-panel-section .oxymade-description{color:#71717a;font-size:12px;font-weight:400;margin-bottom:12px;line-height:1.5}.color-panel-section .color-title{color:#a1a1aa;font-size:11px;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.05em;width:100%}.color-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;background:#18181b;border-radius:8px;border:1px solid #27272a;transition:all 0.15s ease}.color-section-header:hover{border-color:#3f3f46;background:#1c1c1f}.color-section-content{display:none}.color-section-content.open,.color-picker-container.open,.color-main-picker-container.open{display:block}.show{display:block!important}.color-swatch{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:4px;padding:4px;transition:all 0.2s ease}.color-swatch-preview{border-radius:4px;border:1px solid rgb(0 0 0 / .1);height:30px;width:30px}.color-swatch-name{font-weight:500;margin-right:10px}.color-swatch-value{color:var(--muted-neutral);font-family:monospace;font-size:12px;margin-left:auto}.color-swatch-alias{color:var(--muted-neutral);font-size:11px;margin-left:10px}.color-picker-container{display:none;margin-bottom:15px;margin-top:5px;padding-left:45px}.oxymade-color-picker{border-radius:4px;border:1px solid var(--border-neutral);margin-bottom:15px;padding:8px;width:100%}.oxymade-generate-button{background-color:var(--bg-primary);border-radius:4px;border:none;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 15px;transition:background-color 0.2s ease}.oxymade-generate-button:hover{background-color:var(--hover-primary)}.oxymade-save-button{background-color:var(--bg-tertiary);border-radius:4px;border:none;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-left:10px;padding:10px 15px;transition:background-color 0.2s ease}.oxymade-save-button:hover{background-color:var(--hover-tertiary)}.oxymade-color-field{align-items:center;background-color:var(--subtle-neutral);border-radius:6px;border:1px solid var(--border-neutral);cursor:pointer;display:flex;flex:1;padding:8px 12px;transition:border-color 0.2s ease;gap:8px}.oxymade-color-field:hover{border-color:var(--muted-neutral)}.oxymade-color-field .oxymade-color-preview{border-radius:4px;border:1px solid rgb(0 0 0 / .1);height:24px;overflow:hidden;position:relative;width:24px}.oxymade-color-preview input[type="color"]{border:none;cursor:pointer;height:34px;left:-5px;opacity:0;position:absolute;top:-5px;width:34px}.oxymade-icon-button{align-items:center;background-color:var(--base-primary);border-radius:4px;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color 0.2s ease,transform 0.1s ease;width:40px;background:#007cba;color:#fff;font-size:12px;padding:8px 12px}.oxymade-icon-button:hover{background-color:var(--hover-primary);background:#005a87}.oxymade-icon-button:active{transform:scale(.95)}.oxymade-icon-button svg{fill:#fff;height:20px;width:20px}.oxymade-notifications-container{margin-top:15px;position:fixed;right:20px;top:20px;z-index:1000000}.oxymade-notification{border-radius:4px;display:none;font-size:12px;font-weight:500;margin:10px 0;padding:10px 15px;text-align:center;color:#fff;margin-bottom:10px;opacity:0;transform:translateX(100%);transition:all 0.3s ease}.oxymade-notification.success{background-color:var(--subtle-tertiary);border:1px solid var(--border-tertiary);color:var(--text-tertiary);background:#28a745}.oxymade-notification.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;background:#dc3545}.color-main-picker-container{background-color:var(--subtle-neutral);border-bottom:1px solid var(--border-neutral);border-top:1px solid var(--border-neutral);display:none;padding:15px}.color-main-picker-container.open+.color-section-content.open{padding-top:0}.oxymade-color-panel-closed{opacity:0;pointer-events:none;transform:translateX(100%)}.oxymade-spacing-popup{background:#fff;border-radius:4px;border:1px solid #ddd;box-shadow:0 3px 14px rgb(0 0 0 / .15);position:fixed;width:480px;z-index:999999}.oxymade-spacing-popup-header,.oxymade-color-popup-header{background:#f5f5f5;border-bottom:1px solid #eee;font-size:13px;font-weight:600;padding:8px 12px}.oxymade-spacing-popup-body{display:flex;flex-wrap:wrap;gap:4px;max-height:480px;padding:16px}.oxymade-spacing-button,.oxymade-section-spacing-button{align-items:center;background-color:#f5f5f5;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;margin-bottom:2px;margin-right:2px;padding:8px 4px;text-align:center;transition:background-color 0.2s ease}.oxymade-spacing-button:hover,.oxymade-section-spacing-button:hover{background-color:#ccc}.oxymade-spacing-option,.oxymade-section-spacing-option{margin-bottom:10px;text-align:center;width:42px}.oxymade-spacing-var{color:#666;font-size:13px;font-weight:600;text-align:center;text-transform:uppercase}.oxymade-section-spacing-var{color:#666;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.oxymade-spacing-label{font-family:monospace;font-size:11px;text-align:center}.oxymade-color-popup-header,.oxymade-spacing-popup-header{align-items:center;border-bottom:1px solid var(--subtle-neutral);display:flex;justify-content:space-between;padding:8px 12px}.oxymade-color-popup-header .oxymade-branding,.oxymade-spacing-popup-header .oxymade-branding{color:#999;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;margin-left:0;text-decoration:auto;text-transform:uppercase;transition:color 0.2s ease}.oxymade-color-popup-header svg,.oxymade-spacing-popup-header svg{color:#999;fill:#999;height:12px;margin-bottom:-1px;width:12px}.oxymade-color-popup-header .oxymade-branding:hover,.oxymade-spacing-popup-header .oxymade-branding:hover,.color-panel-close:hover{color:#333}:root{--margin-sections:60px;--section-width:1440px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.color-section{margin-bottom:8px}.color-section-header.expanded{border-color:#3f3f46;border-bottom-left-radius:0;border-bottom-right-radius:0}.color-title{color:#e4e4e7!important;font-size:12px;font-weight:500;margin:0;text-transform:none;letter-spacing:0}.color-main-preview{border-radius:6px;border:none;box-shadow:0 0 0 1px rgb(255 255 255 / .1);cursor:pointer;height:28px;width:28px}.color-section-content.show{box-sizing:border-box;display:grid!important;gap:6px;grid-template-columns:repeat(3,1fr);overflow:hidden;width:100%;padding:12px;background:#18181b;border:1px solid #27272a;border-top:none;border-radius:0 0 8px 8px;margin-bottom:8px}.color-section-content .color-swatch{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;text-align:center;transition:all 0.15s ease;width:100%;padding:8px;border-radius:6px;cursor:pointer}.color-section-content .color-swatch:hover{background:#27272a}.color-section-content .color-swatch-preview{border-radius:6px;border:none;box-shadow:0 0 0 1px rgb(255 255 255 / .08);flex-shrink:0;height:36px;margin-bottom:6px;width:100%}.color-swatch-label{flex:1}.color-section-content .color-swatch-label{flex:1;width:100%}.shade-name{color:#71717a;font-size:10px;font-weight:500;text-transform:capitalize}.color-section-content .shade-name{color:#71717a;font-size:10px;font-weight:600;margin:0;text-transform:capitalize}.oxymade-color-picker-container .oxymade-color-preview{border-radius:4px;border:1px solid #ddd;height:30px;width:30px}.oxymade-notification.show{opacity:1;transform:translateX(0)}.oxymade-heading{color:#333;font-size:16px;font-weight:600;margin:0 0 8px 0}.oxymade-description{color:#666;font-size:14px;margin:0 0 16px 0}.oxymade-color-popup{background:#fff;border-radius:4px;border:1px solid #ddd;box-shadow:0 3px 14px rgb(0 0 0 / .15);height:600px;position:fixed;width:400px;z-index:999999}.oxymade-color-popup-body{max-height:500px;padding:12px}.oxymade-color-group{margin-bottom:16px}.oxymade-color-group-header{align-items:center;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:8px;padding:4px 0}.oxymade-color-options{display:grid;gap:6px;grid-template-columns:repeat(11,1fr)}.oxymade-base-color-options{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.oxymade-alpha-options-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.oxymade-alpha-options{display:grid;gap:4px;grid-template-columns:repeat(9,1fr)}.oxymade-alpha-options .oxymade-color-preview{border-radius:2px;height:20px;width:20px}.oxymade-alpha-options-container .oxymade-color-preview{border-radius:2px;height:16px;width:16px}.oxymade-color-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative}.oxymade-color-option:hover .oxymade-color-preview{transform:scale(1.05)}.oxymade-color-label{color:#666;font-size:10px;text-align:center}.oxymade-color-tooltip{background:#333;border-radius:3px;bottom:100%;color:#fff;font-size:14px;left:50%;margin-bottom:5px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity 0.2s,visibility 0.2s;visibility:hidden;white-space:nowrap;z-index:10}.oxymade-color-tooltip:after{border-color:#333 #fff0 #fff0 #fff0;border-style:solid;border-width:5px;content:'';left:50%;margin-left:-5px;position:absolute;top:100%}@media screen and (max-width:1440px){:root{--margin-sections:23px;--section-width:1366px}}.oxymade-save-status{display:none;align-items:center;gap:8px;padding:10px 14px;background:#18181b;border:none;border-radius:6px;font-size:12px;font-weight:500;color:#fafafa;margin-top:12px;margin-bottom:8px;transition:opacity 0.2s ease;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.oxymade-save-status .save-icon{flex-shrink:0;width:14px;height:14px}.oxymade-save-status .save-message{flex:1}.color-panel-footer{border-top:1px solid #27272a;padding:12px 16px;background:#18181b;flex-shrink:0}.color-panel-actions{display:flex;gap:8px;justify-content:flex-end}.oxymade-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all 0.15s ease}.oxymade-button-primary{background:#fafafa;color:#18181b}.oxymade-button-primary:hover{background:#e4e4e7}.oxymade-button-secondary{background:#fff0;color:#a1a1aa;border:1px solid #3f3f46}.oxymade-button-secondary:hover{background:#27272a;border-color:#52525b;color:#e4e4e7}.oxymade-button svg{width:14px;height:14px;opacity:.7}.oxymade-color-picker-container{display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:8px}.oxymade-color-field{display:flex;align-items:center;gap:12px;flex:1;background:#18181b;border:1px solid #27272a;border-radius:8px;padding:10px 14px;transition:all 0.15s ease}.oxymade-color-field:hover{border-color:#3f3f46}.oxymade-color-preview{width:28px;height:28px;border-radius:6px;border:none;box-shadow:0 0 0 1px rgb(255 255 255 / .1);cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.oxymade-color-preview:hover{transform:scale(1.05);box-shadow:0 0 0 1px rgb(255 255 255 / .15),0 2px 8px rgb(0 0 0 / .3)}.oxymade-color-value{font-family:'SF Mono','Monaco','Menlo',monospace;font-size:13px;color:#a1a1aa;min-width:70px}.oxymade-color-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:13px;background:#fff;cursor:pointer}.oxymade-color-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.color-swatch-preview{width:28px;height:28px;border-radius:6px;border:none;box-shadow:0 0 0 1px rgb(255 255 255 / .1);cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.color-swatch-preview:hover{transform:scale(1.08);box-shadow:0 0 0 1px rgb(255 255 255 / .2),0 2px 8px rgb(0 0 0 / .3)}.color-main-preview{width:32px;height:32px;border-radius:6px;box-shadow:0 0 0 1px rgb(255 255 255 / .1)}