/**handles:oxymade-color-palette,oxymade-styles**/
:root{--bg-primary:#f3f7f7;--surface-primary:#d0e0de;--subtle-primary:#adc9c5;--border-primary:#8ab2ac;--muted-primary:#72a39b;--base-primary:#146559;--primary-rgb:20,101,89;--hover-primary:#11564c;--text-primary:#0f4c43;--active-primary:#0d423a;--heading-primary:#0a332d;--dark-primary:#07231f;--bg-secondary:#f7f3f4;--surface-secondary:#e0d0d2;--subtle-secondary:#c9adb1;--border-secondary:#b28a90;--muted-secondary:#a37279;--base-secondary:#651420;--secondary-rgb:101,20,32;--hover-secondary:#56111b;--text-secondary:#4c0f18;--active-secondary:#420d15;--heading-secondary:#330a10;--dark-secondary:#23070b;--bg-tertiary:#f7f3f7;--surface-tertiary:#ded0e0;--subtle-tertiary:#c5adc9;--border-tertiary:#ac8ab2;--muted-tertiary:#9b72a3;--base-tertiary:#591465;--tertiary-rgb:89,20,101;--hover-tertiary:#4c1156;--text-tertiary:#430f4c;--active-tertiary:#3a0d42;--heading-tertiary:#2d0a33;--dark-tertiary:#1f0723;--bg-accent:#fffcf5;--surface-accent:#fef3d5;--subtle-accent:#feebb6;--border-accent:#fee296;--muted-accent:#fddc81;--base-accent:#fcc52d;--accent-rgb:252,197,45;--hover-accent:#d6a726;--text-accent:#bd9422;--active-accent:#a4801d;--heading-accent:#7e6317;--dark-accent:#584510;--bg-neutral:#f4f5f5;--surface-neutral:#eceeee;--subtle-neutral:#dfe2e2;--border-neutral:#ced4d3;--muted-neutral:#bec6c5;--base-neutral:#acb9b7;--neutral-rgb:172,185,183;--hover-neutral:#859996;--text-neutral:#607673;--active-neutral:#3f504e;--heading-neutral:#1e2928;--dark-neutral:#0f1514;--base-white:#FFFFFF;--white-rgb:255,255,255;--base-black:#000000;--black-rgb:0,0,0;--primary-10:rgba(var(--primary-rgb), 0.10);--primary-20:rgba(var(--primary-rgb), 0.20);--primary-30:rgba(var(--primary-rgb), 0.30);--primary-40:rgba(var(--primary-rgb), 0.40);--primary-50:rgba(var(--primary-rgb), 0.50);--primary-60:rgba(var(--primary-rgb), 0.60);--primary-70:rgba(var(--primary-rgb), 0.70);--primary-80:rgba(var(--primary-rgb), 0.80);--primary-90:rgba(var(--primary-rgb), 0.90);--secondary-10:rgba(var(--secondary-rgb), 0.10);--secondary-20:rgba(var(--secondary-rgb), 0.20);--secondary-30:rgba(var(--secondary-rgb), 0.30);--secondary-40:rgba(var(--secondary-rgb), 0.40);--secondary-50:rgba(var(--secondary-rgb), 0.50);--secondary-60:rgba(var(--secondary-rgb), 0.60);--secondary-70:rgba(var(--secondary-rgb), 0.70);--secondary-80:rgba(var(--secondary-rgb), 0.80);--secondary-90:rgba(var(--secondary-rgb), 0.90);--tertiary-10:rgba(var(--tertiary-rgb), 0.10);--tertiary-20:rgba(var(--tertiary-rgb), 0.20);--tertiary-30:rgba(var(--tertiary-rgb), 0.30);--tertiary-40:rgba(var(--tertiary-rgb), 0.40);--tertiary-50:rgba(var(--tertiary-rgb), 0.50);--tertiary-60:rgba(var(--tertiary-rgb), 0.60);--tertiary-70:rgba(var(--tertiary-rgb), 0.70);--tertiary-80:rgba(var(--tertiary-rgb), 0.80);--tertiary-90:rgba(var(--tertiary-rgb), 0.90);--accent-10:rgba(var(--accent-rgb), 0.10);--accent-20:rgba(var(--accent-rgb), 0.20);--accent-30:rgba(var(--accent-rgb), 0.30);--accent-40:rgba(var(--accent-rgb), 0.40);--accent-50:rgba(var(--accent-rgb), 0.50);--accent-60:rgba(var(--accent-rgb), 0.60);--accent-70:rgba(var(--accent-rgb), 0.70);--accent-80:rgba(var(--accent-rgb), 0.80);--accent-90:rgba(var(--accent-rgb), 0.90);--neutral-10:rgba(var(--neutral-rgb), 0.10);--neutral-20:rgba(var(--neutral-rgb), 0.20);--neutral-30:rgba(var(--neutral-rgb), 0.30);--neutral-40:rgba(var(--neutral-rgb), 0.40);--neutral-50:rgba(var(--neutral-rgb), 0.50);--neutral-60:rgba(var(--neutral-rgb), 0.60);--neutral-70:rgba(var(--neutral-rgb), 0.70);--neutral-80:rgba(var(--neutral-rgb), 0.80);--neutral-90:rgba(var(--neutral-rgb), 0.90);--white-10:rgba(var(--white-rgb), 0.10);--white-20:rgba(var(--white-rgb), 0.20);--white-30:rgba(var(--white-rgb), 0.30);--white-40:rgba(var(--white-rgb), 0.40);--white-50:rgba(var(--white-rgb), 0.50);--white-60:rgba(var(--white-rgb), 0.60);--white-70:rgba(var(--white-rgb), 0.70);--white-80:rgba(var(--white-rgb), 0.80);--white-90:rgba(var(--white-rgb), 0.90);--black-10:rgba(var(--black-rgb), 0.10);--black-20:rgba(var(--black-rgb), 0.20);--black-30:rgba(var(--black-rgb), 0.30);--black-40:rgba(var(--black-rgb), 0.40);--black-50:rgba(var(--black-rgb), 0.50);--black-60:rgba(var(--black-rgb), 0.60);--black-70:rgba(var(--black-rgb), 0.70);--black-80:rgba(var(--black-rgb), 0.80);--black-90:rgba(var(--black-rgb), 0.90);--s1:clamp(4px, calc(0.125rem + ((1vw - 3.6px) * 0.1852)), 4px);--s2:clamp(8px, calc(0.25rem + ((1vw - 3.6px) * 0.3704)), 8px);--s3:clamp(8px, calc(0.375rem + ((1vw - 3.6px) * 0.5556)), 12px);--s4:clamp(10px, calc(0.5rem + ((1vw - 3.6px) * 0.7407)), 16px);--s5:clamp(12px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);--s6:clamp(14px, calc(0.75rem + ((1vw - 3.6px) * 1.1111)), 24px);--s7:clamp(14px, calc(0.875rem + ((1vw - 3.6px) * 1.2963)), 28px);--s8:clamp(16px, calc(1rem + ((1vw - 3.6px) * 1.4815)), 32px);--s9:clamp(18px, calc(1.125rem + ((1vw - 3.6px) * 1.6667)), 36px);--s10:clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);--s12:clamp(24px, calc(1.5rem + ((1vw - 3.6px) * 2.2222)), 48px);--s14:clamp(28px, calc(1.75rem + ((1vw - 3.6px) * 2.5926)), 56px);--s16:clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);--s20:clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);--s24:clamp(48px, calc(3rem + ((1vw - 3.6px) * 4.4444)), 96px);--s28:clamp(56px, calc(3.5rem + ((1vw - 3.6px) * 5.1852)), 112px);--s32:clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);--s36:clamp(72px, calc(4.5rem + ((1vw - 3.6px) * 6.6667)), 144px);--s40:clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);--s44:clamp(88px, calc(5.5rem + ((1vw - 3.6px) * 8.1491)), 176px);--s48:clamp(96px, calc(6rem + ((1vw - 3.6px) * 9.2593)), 192px);--s56:clamp(112px, calc(7rem + ((1vw - 3.6px) * 11.029)), 224px);--s64:clamp(128px, calc(8rem + ((1vw - 3.6px) * 12.5926)), 256px);--s72:clamp(144px, calc(9rem + ((1vw - 3.6px) * 14.1491)), 288px);--ss-none:0px;--ss-xxs:clamp(10px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);--ss-xs:clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);--ss-sm:clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);--ss-md:clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);--ss-lg:clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);--ss-xl:clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);--ss-xxl:clamp(128px, calc(8rem + ((1vw - 3.6px) * 11.852)), 256px);--radius-none:0px;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px}.alt-shade,.alt-shade-hover:hover{--bg-primary:#07231f;--dark-primary:#f3f7f7;--surface-primary:#0a332d;--heading-primary:#d0e0de;--subtle-primary:#0d423a;--active-primary:#adc9c5;--border-primary:#0f4c43;--text-primary:#8ab2ac;--muted-primary:#11564c;--hover-primary:#72a39b;--base-primary:#146559;--bg-secondary:#23070b;--dark-secondary:#f7f3f4;--surface-secondary:#330a10;--heading-secondary:#e0d0d2;--subtle-secondary:#420d15;--active-secondary:#c9adb1;--border-secondary:#4c0f18;--text-secondary:#b28a90;--muted-secondary:#56111b;--hover-secondary:#a37279;--base-secondary:#651420;--bg-tertiary:#1f0723;--dark-tertiary:#f7f3f7;--surface-tertiary:#2d0a33;--heading-tertiary:#ded0e0;--subtle-tertiary:#3a0d42;--active-tertiary:#c5adc9;--border-tertiary:#430f4c;--text-tertiary:#ac8ab2;--muted-tertiary:#4c1156;--hover-tertiary:#9b72a3;--base-tertiary:#591465;--bg-accent:#584510;--dark-accent:#fffcf5;--surface-accent:#7e6317;--heading-accent:#fef3d5;--subtle-accent:#a4801d;--active-accent:#feebb6;--border-accent:#bd9422;--text-accent:#fee296;--muted-accent:#d6a726;--hover-accent:#fddc81;--base-accent:#fcc52d;--bg-neutral:#0f1514;--dark-neutral:#f4f5f5;--surface-neutral:#1e2928;--heading-neutral:#eceeee;--subtle-neutral:#3f504e;--active-neutral:#dfe2e2;--border-neutral:#607673;--text-neutral:#ced4d3;--muted-neutral:#859996;--hover-neutral:#bec6c5;--base-neutral:#acb9b7;--base-white:#000000;--white-rgb:0,0,0;--base-black:#FFFFFF;--black-rgb:255,255,255}.alt-shade .alt-shade,.alt-shade-hover:hover .alt-shade-hover{--bg-primary:#f3f7f7;--dark-primary:#07231f;--surface-primary:#d0e0de;--heading-primary:#0a332d;--subtle-primary:#adc9c5;--active-primary:#0d423a;--border-primary:#8ab2ac;--text-primary:#0f4c43;--muted-primary:#72a39b;--hover-primary:#11564c;--base-primary:#146559;--bg-secondary:#f7f3f4;--dark-secondary:#23070b;--surface-secondary:#e0d0d2;--heading-secondary:#330a10;--subtle-secondary:#c9adb1;--active-secondary:#420d15;--border-secondary:#b28a90;--text-secondary:#4c0f18;--muted-secondary:#a37279;--hover-secondary:#56111b;--base-secondary:#651420;--bg-tertiary:#f7f3f7;--dark-tertiary:#1f0723;--surface-tertiary:#ded0e0;--heading-tertiary:#2d0a33;--subtle-tertiary:#c5adc9;--active-tertiary:#3a0d42;--border-tertiary:#ac8ab2;--text-tertiary:#430f4c;--muted-tertiary:#9b72a3;--hover-tertiary:#4c1156;--base-tertiary:#591465;--bg-accent:#fffcf5;--dark-accent:#584510;--surface-accent:#fef3d5;--heading-accent:#7e6317;--subtle-accent:#feebb6;--active-accent:#a4801d;--border-accent:#fee296;--text-accent:#bd9422;--muted-accent:#fddc81;--hover-accent:#d6a726;--base-accent:#fcc52d;--bg-neutral:#f4f5f5;--dark-neutral:#0f1514;--surface-neutral:#eceeee;--heading-neutral:#1e2928;--subtle-neutral:#dfe2e2;--active-neutral:#3f504e;--border-neutral:#ced4d3;--text-neutral:#607673;--muted-neutral:#bec6c5;--hover-neutral:#859996;--base-neutral:#acb9b7;--base-white:#FFFFFF;--white-rgb:255,255,255;--base-black:#000000;--black-rgb:0,0,0}
.oxymade-color-panel{background:#fff!important;box-shadow:-2px 0 10px rgba(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 .3s ease!important;visibility:visible!important;width:350px!important;z-index:9999999!important}.oxymade-color-panel *{opacity:1!important;visibility:visible!important}.color-panel-slider.open,.oxymade-color-panel.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:0 0;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-palette-section h4,.oxymade-primary-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 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.3);display:flex;gap:12px;padding:14px 16px;margin-top:12px;margin-bottom:16px;transition:all .2s ease}.oxymade-color-picker-container:hover{border-color:#52525b;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.4)}.oxymade-color-preview{border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.3);flex-shrink:0;cursor:pointer;transition:all .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 rgba(0,0,0,.6),0 0 0 1px rgba(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 .15s ease!important}.sp-thumb-el:hover{transform:scale(1.2)!important;border-color:#8b8b99!important;box-shadow:0 4px 12px rgba(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 rgba(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:.5px!important;transition:all .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-alpha,.sp-color,.sp-hue{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 rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.3)!important}.sp-slider{background:#fff!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:4px!important;box-shadow:0 2px 6px rgba(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:0!important;box-shadow:0 0 0 3px rgba(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 .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 rgba(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:0 0!important;border:1px solid #45454d!important}.sp-clear:hover{border-color:#f87171!important;background:rgba(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 rgba(59,130,246,.1);outline:0}.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 .2s ease}.oxymade-color-item:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 4px rgba(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 .2s}div#oxymade-button.breakdance-toolbar-icon-button:active,div#oxymade-button.breakdance-toolbar-icon-button:focus,div#oxymade-button.breakdance-toolbar-icon-button:hover{background:#048eaa!important}.color-panel-slider{background:#09090b;box-shadow:-4px 0 24px rgba(0,0,0,.4);box-sizing:border-box;height:100vh;display:flex;flex-direction:column;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:999999}.color-panel-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .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:0 0;border:none;padding:6px;border-radius:6px;transition:all .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 .15s ease}.color-section-header:hover{border-color:#3f3f46;background:#1c1c1f}.color-section-content{display:none}.color-main-picker-container.open,.color-picker-container.open,.color-section-content.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 .2s ease}.color-swatch-preview{border-radius:4px;border:1px solid rgba(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 .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 .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 .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 rgba(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 .2s ease,transform .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:white;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 .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 rgba(0,0,0,.15);position:fixed;width:480px;z-index:999999}.oxymade-color-popup-header,.oxymade-spacing-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-section-spacing-button,.oxymade-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 .2s ease}.oxymade-section-spacing-button:hover,.oxymade-spacing-button:hover{background-color:#ccc}.oxymade-section-spacing-option,.oxymade-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 .2s ease}.oxymade-color-popup-header svg,.oxymade-spacing-popup-header svg{color:#999;fill:#999;height:12px;margin-bottom:-1px;width:12px}.color-panel-close:hover,.oxymade-color-popup-header .oxymade-branding:hover,.oxymade-spacing-popup-header .oxymade-branding:hover{color:#333}:root{--margin-sections:60px;--section-width:1440px}@keyframes spin{from{transform:rotate(0)}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 rgba(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 .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 rgba(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 rgba(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 .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:10}.oxymade-color-tooltip:after{border-color:#333 transparent transparent transparent;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 .2s ease;box-shadow:0 4px 12px rgba(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 .15s ease}.oxymade-button-primary{background:#fafafa;color:#18181b}.oxymade-button-primary:hover{background:#e4e4e7}.oxymade-button-secondary{background:0 0;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 .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 rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease;flex-shrink:0}.oxymade-color-preview:hover{transform:scale(1.05);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 2px 8px rgba(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:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.color-swatch-preview{width:28px;height:28px;border-radius:6px;border:none;box-shadow:0 0 0 1px rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease;flex-shrink:0}.color-swatch-preview:hover{transform:scale(1.08);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 2px 8px rgba(0,0,0,.3)}.color-main-preview{width:32px;height:32px;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}