@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;font-size:inherit}p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}img,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none}button{line-height:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none !important}:root{--ac-bg:#0a0612;--ac-bg-surface:#110c1f;--ac-bg-raised:#1a1530;--ac-bg-interactive:#231b40;--ac-bg-input:#0e0a1c;--ac-violet:#8c46dc;--ac-violet-light:#aa6ef2;--ac-violet-dark:#6b33b0;--ac-violet-glow:rgba(140,70,220,0.25);--ac-gold:#c89628;--ac-gold-light:#e0b040;--ac-gold-dark:#9a7218;--ac-gold-glow:rgba(200,150,40,0.25);--ac-border:rgba(140,70,220,0.18);--ac-border-strong:rgba(140,70,220,0.38);--ac-border-gold:rgba(200,150,40,0.30);--ac-border-subtle:rgba(255,255,255,0.06);--ac-text:#ede9f8;--ac-text-secondary:#b2a8d0;--ac-text-muted:#6e6487;--ac-text-disabled:#3c3656;--ac-text-dim:#4a4465;--ac-text-gold:#c89628;--ac-text-violet:#aa6ef2;--ac-pass:#50d890;--ac-pass-bg:rgba(80,216,144,0.10);--ac-pass-border:rgba(80,216,144,0.28);--ac-warn:#f5b731;--ac-warn-bg:rgba(245,183,49,0.10);--ac-warn-border:rgba(245,183,49,0.28);--ac-fail:#f06878;--ac-fail-bg:rgba(240,104,120,0.10);--ac-fail-border:rgba(240,104,120,0.28);--ac-space-1:4px;--ac-space-2:8px;--ac-space-3:12px;--ac-space-4:16px;--ac-space-5:20px;--ac-space-6:24px;--ac-space-8:32px;--ac-space-10:40px;--ac-space-12:48px;--ac-space-16:64px;--ac-space-20:80px;--ac-space-24:96px;--ac-font-brand:'Cinzel','Palatino Linotype',Georgia,serif;--ac-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ac-font-mono:'JetBrains Mono','Fira Code','Cascadia Code','Consolas',monospace;--ac-text-xs:11px;--ac-text-sm:13px;--ac-text-base:15px;--ac-text-md:16px;--ac-text-lg:18px;--ac-text-xl:22px;--ac-text-2xl:28px;--ac-text-3xl:38px;--ac-text-4xl:52px;--ac-leading-tight:1.2;--ac-leading-snug:1.35;--ac-leading-normal:1.55;--ac-leading-loose:1.75;--ac-weight-normal:400;--ac-weight-medium:500;--ac-weight-semibold:600;--ac-weight-bold:700;--ac-radius-sm:4px;--ac-radius-md:8px;--ac-radius-lg:12px;--ac-radius-xl:18px;--ac-radius-2xl:24px;--ac-radius-pill:9999px;--ac-shadow-xs:0 1px 2px rgba(0,0,0,0.50);--ac-shadow-sm:0 2px 6px rgba(0,0,0,0.50);--ac-shadow-md:0 4px 16px rgba(0,0,0,0.55);--ac-shadow-lg:0 12px 40px rgba(0,0,0,0.65);--ac-shadow-glow:0 0 24px var(--ac-violet-glow),0 0 48px rgba(140,70,220,0.10);--ac-shadow-glow-gold:0 0 24px var(--ac-gold-glow),0 0 48px rgba(200,150,40,0.08);--ac-z-base:0;--ac-z-raised:10;--ac-z-overlay:100;--ac-z-modal:200;--ac-z-toast:300;--ac-duration-fast:120ms;--ac-duration-normal:220ms;--ac-duration-slow:380ms;--ac-ease:cubic-bezier(0.4,0,0.2,1);--ac-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ac-picker-canvas-size:300px;--ac-picker-slider-h:18px;--ac-picker-thumb-size:22px;--alc-icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='9' height='9' rx='1.5'/%3E%3Cpath d='M11 5V3a1 1 0 00-1-1H3a1 1 0 00-1 1v7a1 1 0 001 1h2'/%3E%3C/svg%3E");--alc-icon-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3' r='2'/%3E%3Ccircle cx='4' cy='8' r='2'/%3E%3Ccircle cx='12' cy='13' r='2'/%3E%3Cline x1='6' y1='7' x2='10' y2='4.5'/%3E%3Cline x1='6' y1='9' x2='10' y2='11.5'/%3E%3C/svg%3E");--alc-icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 6.5 11.5 13 5'/%3E%3C/svg%3E");--alc-icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.75' stroke-linecap='round'%3E%3Cline x1='3' y1='3' x2='13' y2='13'/%3E%3Cline x1='13' y1='3' x2='3' y2='13'/%3E%3C/svg%3E");--alc-icon-swap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l8 0M4 6l3-3M4 6l3 3M12 10l-8 0M12 10l-3 3M12 10l-3-3'/%3E%3C/svg%3E");--alc-icon-download:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v8M5 7l3 3 3-3'/%3E%3Cpath d='M2 13h12'/%3E%3C/svg%3E")}[class^="alc-icon-"],[class*=" alc-icon-"]{display:inline-block;flex-shrink:0;background-color:currentColor;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.alc-icon-copy{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-copy);mask-image:var(--alc-icon-copy)}.alc-icon-share{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-share);mask-image:var(--alc-icon-share)}.alc-icon-check{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-check);mask-image:var(--alc-icon-check)}.alc-icon-close{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-close);mask-image:var(--alc-icon-close)}.alc-icon-swap{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-swap);mask-image:var(--alc-icon-swap)}.alc-icon-download{width:14px;height:14px;-webkit-mask-image:var(--alc-icon-download);mask-image:var(--alc-icon-download)}.alc-cs-wrap{position:relative;width:100%}.alc-cs-trigger{width:100%;display:flex;align-items:center;gap:var(--ac-space-2);padding:var(--ac-space-2) var(--ac-space-3);background:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);color:var(--ac-text);font-size:var(--ac-text-sm);font-family:var(--ac-font-body);cursor:pointer;text-align:left;outline:none;transition:border-color var(--ac-duration-fast) var(--ac-ease)}.alc-dp-pop .alc-cs-trigger{padding:3px var(--ac-space-3)}.alc-cs-trigger:hover{border-color:var(--ac-border-strong)}.alc-cs-trigger:focus{border-color:var(--ac-violet);box-shadow:0 0 0 3px rgba(140,70,220,0.15)}.alc-cs-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.alc-cs-arrow{flex-shrink:0;width:10px;height:6px;background-color:var(--ac-text-muted);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;transition:transform var(--ac-duration-normal) var(--ac-ease)}.alc-cs-open .alc-cs-arrow{transform:rotate(180deg)}.alc-cs-dropdown{position:absolute;top:100%;margin-top:3px;left:0;right:0;min-width:100%;background:var(--ac-bg-raised);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-md);list-style:none;overflow-y:auto;max-height:240px;z-index:var(--ac-z-overlay);box-shadow:var(--ac-shadow-lg);display:none;scrollbar-width:thin;scrollbar-color:var(--ac-border) transparent}.alc-cs-open .alc-cs-dropdown{display:block}.alc-cs-option{padding:var(--ac-space-2) var(--ac-space-3);font-size:var(--ac-text-sm);cursor:pointer;color:var(--ac-text);font-family:var(--ac-font-body);transition:background var(--ac-duration-fast) var(--ac-ease)}.alc-cs-option:hover{background:var(--ac-bg-interactive)}.alc-cs-option.alc-cs-sel{color:var(--ac-violet-light);font-weight:var(--ac-weight-medium)}.alc-cs-native{display:none}.alc-dp-wrap{position:relative}.alc-dp-input{cursor:pointer !important;width:100%;padding:var(--ac-space-2) var(--ac-space-3);font-family:var(--ac-font-body);font-size:var(--ac-text-sm);color:var(--ac-text);background:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);outline:none;transition:border-color var(--ac-duration-fast) var(--ac-ease);box-sizing:border-box}.alc-dp-input:hover{border-color:var(--ac-border-strong)}.alc-dp-input:focus{border-color:var(--ac-violet);box-shadow:0 0 0 3px rgba(140,70,220,0.15)}.alc-dp-pop{position:absolute;top:calc(100%+4px);left:0;z-index:var(--ac-z-overlay);width:248px;background:var(--ac-bg-raised);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-lg);box-shadow:var(--ac-shadow-lg);padding:var(--ac-space-3);display:none}.alc-dp-pop.alc-dp-open{display:block}.alc-dp-nav{display:flex;align-items:center;gap:var(--ac-space-1);margin-bottom:var(--ac-space-2)}.alc-dp-nav .alc-dp-month-sel,.alc-dp-nav .alc-dp-year-in{box-sizing:border-box;padding:3px var(--ac-space-2);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);font-family:var(--ac-font-body);color:var(--ac-text);background:var(--ac-bg-surface);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);outline:none;line-height:1.4}.alc-dp-nav .alc-dp-month-sel{flex:1;min-width:0;-webkit-appearance:none;appearance:none;cursor:pointer}.alc-dp-nav .alc-dp-month-sel:hover{border-color:var(--ac-border-strong)}.alc-dp-nav .alc-dp-month-sel:focus{border-color:var(--ac-violet)}.alc-dp-nav .alc-dp-year-in{width:56px;flex-shrink:0;text-align:center;-moz-appearance:textfield}.alc-dp-nav .alc-dp-year-in::-webkit-inner-spin-button,.alc-dp-nav .alc-dp-year-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.alc-dp-nav .alc-dp-year-in:focus{border-color:var(--ac-violet)}.alc-dp-prev,.alc-dp-next{background:none;border:none;color:var(--ac-text-muted);cursor:pointer;padding:3px var(--ac-space-2);border-radius:var(--ac-radius-sm);font-size:var(--ac-text-lg);line-height:1;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease)}.alc-dp-prev:hover,.alc-dp-next:hover{background:var(--ac-bg-interactive);color:var(--ac-text)}.alc-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.alc-dp-dow{font-size:var(--ac-text-xs);color:var(--ac-text-muted);text-align:center;padding:var(--ac-space-1) 0;font-weight:var(--ac-weight-semibold);font-family:var(--ac-font-mono);letter-spacing:0.04em}.alc-dp-day,.alc-dp-empty{font-size:var(--ac-text-xs);text-align:center;padding:var(--ac-space-2) 0;border-radius:var(--ac-radius-sm);cursor:pointer;background:none;border:none;color:var(--ac-text);line-height:1;font-family:var(--ac-font-body);transition:background var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease)}.alc-dp-empty{visibility:hidden;cursor:default}.alc-dp-day:hover{background:rgba(140,70,220,0.15);color:var(--ac-violet-light)}.alc-dp-is-today{font-weight:var(--ac-weight-bold);color:var(--ac-violet-light)}.alc-dp-sel,.alc-dp-sel:hover{background:var(--ac-violet) !important;color:#fff !important}.alc-dp-foot{display:flex;justify-content:space-between;margin-top:var(--ac-space-2);padding-top:var(--ac-space-2);border-top:1px solid var(--ac-border-subtle)}.alc-dp-foot button{font-size:var(--ac-text-xs);background:none;border:none;cursor:pointer;padding:var(--ac-space-1) var(--ac-space-2);border-radius:var(--ac-radius-sm);color:var(--ac-text-muted);font-family:var(--ac-font-mono);font-weight:var(--ac-weight-semibold);letter-spacing:0.04em;text-transform:uppercase;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease)}.alc-dp-clear:hover{color:var(--ac-fail)}.alc-dp-today{color:var(--ac-violet-light)}.alc-dp-today:hover{background:rgba(140,70,220,0.12)}.alc-check{display:inline-flex;align-items:center;gap:var(--ac-space-2);font-size:var(--ac-text-sm);color:var(--ac-text-secondary);cursor:pointer;white-space:nowrap;user-select:none}.alc-check input[type="checkbox"],.alc-check input[type="radio"]{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:var(--ac-bg-input);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-sm);cursor:pointer;flex-shrink:0;margin:0;position:relative;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.alc-check input[type="checkbox"]:checked,.alc-check input[type="radio"]:checked{background:var(--ac-violet);border-color:var(--ac-violet)}.alc-check input[type="checkbox"]:checked::after{content:'';position:absolute;left:3px;top:1px;width:5px;height:8px;border:1.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.alc-check input[type="radio"]{border-radius:50%}.alc-check input[type="radio"]:checked::after{content:'';position:absolute;left:3px;top:3px;width:7px;height:7px;background:#fff;border-radius:50%}.alc-check:hover input[type="checkbox"],.alc-check:hover input[type="radio"]{border-color:var(--ac-violet)}.alc-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50%+6px));z-index:var(--ac-z-toast);padding:var(--ac-space-2) var(--ac-space-5);background:var(--ac-bg-raised);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-md);font-family:var(--ac-font-body);font-size:var(--ac-text-sm);color:var(--ac-text);box-shadow:var(--ac-shadow-lg);opacity:0;transition:opacity var(--ac-duration-normal) var(--ac-ease),transform var(--ac-duration-normal) var(--ac-ease);pointer-events:none;white-space:nowrap}.alc-toast.is-visible{opacity:1;transform:translate(-50%,-50%)}.alc-toast--success{border-color:var(--ac-pass-border);color:var(--ac-pass)}.alc-toast--error{border-color:var(--ac-fail-border);color:var(--ac-fail)}.alc-tip{position:fixed;z-index:var(--ac-z-toast);padding:4px var(--ac-space-3);background:var(--ac-bg-raised);border:1px solid rgba(255,255,255,0.1);border-radius:var(--ac-radius-sm);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);letter-spacing:0.02em;color:var(--ac-text);box-shadow:var(--ac-shadow-md);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity var(--ac-duration-fast) var(--ac-ease)}.alc-tip.is-visible{opacity:1}.alc-modal{position:fixed;inset:0;z-index:var(--ac-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--ac-space-5);background:rgba(10,6,18,0.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--ac-duration-normal) var(--ac-ease)}.alc-modal.is-visible{opacity:1;pointer-events:auto}.alc-modal.is-hiding{opacity:0;pointer-events:none;transition-duration:150ms}.alc-modal__box{position:relative;background:var(--ac-bg-surface);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-xl);padding:var(--ac-space-8) var(--ac-space-8);max-width:440px;width:100%;box-shadow:var(--ac-shadow-lg),var(--ac-shadow-glow);transform:translateY(14px);transition:transform var(--ac-duration-normal) var(--ac-ease)}.alc-modal.is-visible .alc-modal__box{transform:translateY(0)}.alc-modal.is-hiding .alc-modal__box{transform:translateY(6px);transition-duration:150ms}.alc-modal__close{position:absolute;top:var(--ac-space-3);right:var(--ac-space-4);background:none;border:none;color:var(--ac-text-muted);cursor:pointer;font-size:var(--ac-text-xl);line-height:1;padding:var(--ac-space-1) var(--ac-space-2);border-radius:var(--ac-radius-sm);transition:color var(--ac-duration-fast) var(--ac-ease)}.alc-modal__close:hover{color:var(--ac-text)}.alc-modal__icon{width:40px;height:40px;border-radius:var(--ac-radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--ac-space-5)}.alc-modal__icon--info{background:rgba(140,70,220,0.15);color:var(--ac-violet-light)}.alc-modal__icon--success{background:var(--ac-pass-bg);color:var(--ac-pass)}.alc-modal__icon--warn{background:var(--ac-warn-bg);color:var(--ac-warn)}.alc-modal__icon--danger{background:var(--ac-fail-bg);color:var(--ac-fail)}.alc-modal__title{font-size:var(--ac-text-lg);font-weight:var(--ac-weight-semibold);color:var(--ac-text);margin-bottom:var(--ac-space-3);line-height:var(--ac-leading-snug)}.alc-modal__body{font-size:var(--ac-text-base);color:var(--ac-text-secondary);line-height:var(--ac-leading-normal);margin-bottom:var(--ac-space-8)}.alc-modal__actions{display:flex;gap:var(--ac-space-3);justify-content:flex-end}.alc-modal__actions .btn--danger{background:var(--ac-fail);color:#fff;box-shadow:0 2px 8px rgba(240,104,120,0.30)}.alc-modal__actions .btn--danger:hover{background:#f87b8a;box-shadow:0 4px 16px rgba(240,104,120,0.40);transform:translateY(-1px)}.alc-input{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text);background:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);padding:var(--ac-space-2) var(--ac-space-3);outline:none;transition:border-color var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease);box-sizing:border-box}.alc-input:focus{border-color:var(--ac-violet);box-shadow:0 0 0 3px rgba(140,70,220,0.15)}.alc-input::placeholder{color:var(--ac-text-muted);opacity:0.5}.alc-input--xs{width:4rem}.alc-input--sm{width:7rem}.alc-input--md{width:11rem}.alc-input--lg{width:18rem}.alc-input--full{width:100%}select.alc-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236e6487' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:0.625rem;padding:var(--ac-space-2) var(--ac-space-3);padding-right:2.25rem;font-family:var(--ac-font-body);font-size:var(--ac-text-sm);color:var(--ac-text);background-color:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);cursor:pointer;outline:none;transition:border-color var(--ac-duration-fast) var(--ac-ease)}select.alc-select:hover{border-color:var(--ac-border-strong)}select.alc-select:focus{border-color:var(--ac-violet);box-shadow:0 0 0 3px rgba(140,70,220,0.15)}select.alc-select option{background-color:var(--ac-bg-raised);color:var(--ac-text)}.module-panel{position:relative}.help-btn{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--ac-radius-pill);border:1.5px solid var(--ac-border-gold);background:transparent;color:var(--ac-text-gold);font-size:11px;font-family:var(--ac-font-body);font-weight:var(--ac-weight-semibold);line-height:1;cursor:pointer;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease);z-index:var(--ac-z-raised)}.help-btn:hover{background:var(--ac-gold);border-color:var(--ac-gold);color:var(--ac-bg);box-shadow:var(--ac-shadow-glow-gold)}.help-btn:focus-visible{outline:2px solid var(--ac-gold);outline-offset:2px}.alc-help-modal__title-tech,.alc-help-search__result-tech,.alc-help-section__friendly{font-style:italic;font-weight:var(--ac-weight-normal);color:var(--ac-text-secondary)}.alc-help-modal__title-tech{font-size:0.78em}.alc-help-section__friendly{font-size:0.88em}.help-btn--header{position:static;transform:none}body.alc-help-open{overflow:hidden}.alc-help-modal{position:fixed;inset:0;background:rgba(5,3,12,0.78);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:var(--ac-z-modal);opacity:0;pointer-events:none;transition:opacity var(--ac-duration-normal) var(--ac-ease)}.alc-help-modal.is-open{opacity:1;pointer-events:auto}.alc-help-modal__box{background:var(--ac-bg-surface);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-xl);box-shadow:var(--ac-shadow-lg),var(--ac-shadow-glow);width:min(640px,calc(100vw - 2rem));height:46vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(12px) scale(0.98);transition:transform var(--ac-duration-normal) var(--ac-ease-spring),opacity var(--ac-duration-normal) var(--ac-ease);opacity:0}.alc-help-modal.is-open .alc-help-modal__box{transform:translateY(0) scale(1);opacity:1}.alc-help-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ac-space-4);padding:var(--ac-space-5) var(--ac-space-6) var(--ac-space-4);border-bottom:1px solid var(--ac-border);flex-shrink:0}.alc-help-modal__title{font-family:var(--ac-font-brand);font-size:var(--ac-text-lg);font-weight:var(--ac-weight-semibold);color:var(--ac-text);letter-spacing:0.02em;margin:0}.alc-help-modal__close{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);color:var(--ac-text-muted);font-size:16px;line-height:1;cursor:pointer;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease)}.alc-help-modal__close:hover{background:var(--ac-bg-interactive);border-color:var(--ac-border-strong);color:var(--ac-text)}.alc-help-modal__tabs{display:flex;gap:var(--ac-space-1);padding:var(--ac-space-3) var(--ac-space-6) 0;border-bottom:1px solid var(--ac-border);flex-shrink:0;position:relative;z-index:1;box-shadow:0 6px 12px -2px rgba(5,3,12,0.7)}.alc-help-tab{padding:var(--ac-space-2) var(--ac-space-4);font-size:var(--ac-text-sm);font-family:var(--ac-font-body);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.alc-help-tab:hover{color:var(--ac-text-secondary)}.alc-help-tab.is-active{color:var(--ac-gold);border-color:var(--ac-gold)}.alc-help-modal__content{flex:1;overflow-y:auto;padding:var(--ac-space-6);scrollbar-width:thin;scrollbar-color:var(--ac-border) transparent}.alc-help-modal__content::-webkit-scrollbar{width:4px}.alc-help-modal__content::-webkit-scrollbar-thumb{background:var(--ac-border);border-radius:var(--ac-radius-pill)}.alc-help-section{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-semibold);color:var(--ac-text-gold);letter-spacing:0.03em;margin:var(--ac-space-6) 0 var(--ac-space-3);padding-bottom:var(--ac-space-2);border-bottom:1px solid var(--ac-border)}.alc-help-section:first-child{margin-top:0}.alc-help-block{margin-bottom:var(--ac-space-6)}.alc-help-block:last-child{margin-bottom:0}.alc-help-block__heading{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-semibold);color:var(--ac-text-violet);margin:0 0 var(--ac-space-2);letter-spacing:0.01em}.alc-help-block__body{font-size:var(--ac-text-sm);color:var(--ac-text-secondary);line-height:var(--ac-leading-loose);margin:0}.alc-help-modal__footer{padding:var(--ac-space-4) var(--ac-space-6);border-top:1px solid var(--ac-border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--ac-space-4)}.alc-help-modal__browse-topics{font-size:var(--ac-text-xs);color:var(--ac-text-muted);text-decoration:none;transition:color var(--ac-duration-fast) var(--ac-ease)}.alc-help-modal__browse-topics:hover{color:var(--ac-text-gold)}.alc-help-modal__kbd-hint{font-size:var(--ac-text-xs);color:var(--ac-text-dim);font-family:var(--ac-font-mono);letter-spacing:0.02em}.alc-help-search{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:calc(var(--ac-z-modal)+10);background:rgba(5,3,12,0.60);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--ac-duration-normal) var(--ac-ease)}.alc-help-search.is-open{opacity:1;pointer-events:auto}.alc-help-search__box{background:var(--ac-bg-raised);border:1px solid var(--ac-border-strong);border-radius:var(--ac-radius-xl);box-shadow:var(--ac-shadow-lg),var(--ac-shadow-glow);width:min(640px,calc(100vw - 2rem));height:46vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(-8px) scale(0.97);transition:transform var(--ac-duration-normal) var(--ac-ease-spring),opacity var(--ac-duration-normal) var(--ac-ease);opacity:0}.alc-help-search.is-open .alc-help-search__box{transform:translateY(0) scale(1);opacity:1}.alc-help-search__input{width:100%;padding:var(--ac-space-4) var(--ac-space-5);background:transparent;border:none;border-bottom:1px solid var(--ac-border);color:var(--ac-text);font-size:var(--ac-text-base);font-family:var(--ac-font-body);outline:none;flex-shrink:0}.alc-help-search__input::placeholder{color:var(--ac-text-dim)}.alc-help-search__results{overflow-y:auto;flex:1;padding:var(--ac-space-2) 0 var(--ac-space-3);scrollbar-width:thin;scrollbar-color:var(--ac-border) transparent}.alc-help-search__results::-webkit-scrollbar{width:4px}.alc-help-search__results::-webkit-scrollbar-thumb{background:var(--ac-border);border-radius:var(--ac-radius-pill)}.alc-help-search__group-label{padding:var(--ac-space-2) var(--ac-space-5) var(--ac-space-1);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-semibold);color:var(--ac-text-dim);letter-spacing:0.08em;text-transform:uppercase}.alc-help-search__result{display:flex;flex-direction:column;gap:var(--ac-space-1);width:100%;text-align:left;padding:var(--ac-space-3) var(--ac-space-5);background:transparent;border:none;cursor:pointer;transition:background var(--ac-duration-fast) var(--ac-ease)}.alc-help-search__result:hover{background:var(--ac-bg-interactive)}.alc-help-search__result-title{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);color:var(--ac-text)}.alc-help-search__result-summary{font-size:var(--ac-text-xs);color:var(--ac-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alc-help-search__empty{padding:var(--ac-space-6) var(--ac-space-5);font-size:var(--ac-text-sm);color:var(--ac-text-muted);text-align:center;margin:0}body{background-color:var(--ac-bg);color:var(--ac-text);font-family:var(--ac-font-body);font-size:var(--ac-text-base);line-height:var(--ac-leading-normal)}::selection{background:rgba(140,70,220,0.35);color:var(--ac-text)}:focus-visible{outline:2px solid rgba(140,70,220,0.7);outline-offset:2px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ac-space-5) var(--ac-space-8);border-bottom:1px solid var(--ac-border);background:rgba(10,6,18,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--ac-z-raised)}.site-brand{display:flex;align-items:center;gap:var(--ac-space-3)}.site-mark{flex-shrink:0;display:block}.site-logo{font-family:var(--ac-font-brand);font-size:var(--ac-text-xl);font-weight:var(--ac-weight-medium);letter-spacing:0.06em;background:linear-gradient(135deg,var(--ac-violet-light) 0%,var(--ac-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-tagline{font-size:var(--ac-text-sm);color:var(--ac-text-muted);letter-spacing:0.02em}.site-header-actions{display:flex;align-items:center;gap:var(--ac-space-3)}.studio{max-width:1320px;margin:0 auto;padding:var(--ac-space-8) var(--ac-space-8) var(--ac-space-16)}.workspace{display:grid;grid-template-columns:var(--ac-picker-canvas-size) 1fr;grid-template-rows:auto auto;gap:var(--ac-space-6);align-items:start}.workspace__picker-col{display:flex;flex-direction:column;gap:var(--ac-space-4)}.workspace__output-col{display:flex;flex-direction:column;gap:var(--ac-space-4)}.picker-canvas-wrap{position:relative;width:var(--ac-picker-canvas-size);height:var(--ac-picker-canvas-size);border-radius:var(--ac-radius-lg);overflow:hidden;cursor:crosshair;box-shadow:var(--ac-shadow-md),inset 0 0 0 1px var(--ac-border)}.picker-canvas-wrap canvas{display:block;width:100%;height:100%}.picker-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(0,0,0,0.3);transform:translate(-50%,-50%);pointer-events:none;will-change:transform}.sliders{display:flex;flex-direction:column;gap:var(--ac-space-3)}.slider{position:relative;height:var(--ac-picker-slider-h);border-radius:var(--ac-radius-pill);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ac-border);overflow:visible}.slider canvas{display:block;width:100%;height:100%;border-radius:var(--ac-radius-pill);pointer-events:none}.slider-thumb{position:absolute;top:50%;width:var(--ac-picker-thumb-size);height:var(--ac-picker-thumb-size);border-radius:50%;border:2.5px solid #fff;box-shadow:var(--ac-shadow-sm),0 0 0 1px rgba(0,0,0,0.4);transform:translate(-50%,-50%);pointer-events:none;will-change:left;transition:box-shadow var(--ac-duration-fast) var(--ac-ease)}.slider:focus-visible .slider-thumb,.slider--dragging .slider-thumb{box-shadow:var(--ac-shadow-sm),0 0 0 3px rgba(140,70,220,0.5)}.color-swatch{border-radius:var(--ac-radius-lg);overflow:hidden;box-shadow:var(--ac-shadow-md),inset 0 0 0 1px rgba(255,255,255,0.08);position:relative}.color-swatch__preview{height:80px;background-color:#ff6b6b;transition:background-color var(--ac-duration-fast) var(--ac-ease)}.color-swatch__meta{background:var(--ac-bg-surface);padding:var(--ac-space-3) var(--ac-space-4);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ac-border-subtle)}.color-swatch__name{font-size:var(--ac-text-sm);color:var(--ac-text-secondary)}.color-swatch__hex{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);color:var(--ac-text);letter-spacing:0.05em}.format-list{display:flex;flex-direction:column;gap:var(--ac-space-1)}.format-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-2) var(--ac-space-3);border-radius:var(--ac-radius-md);border:1px solid transparent;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.format-row:hover{background:var(--ac-bg-surface);border-color:var(--ac-border)}.format-row__label{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.08em}.format-row__value{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-row__value[contenteditable="true"]{outline:none;cursor:text;padding:2px 4px;border-radius:var(--ac-radius-sm);transition:background var(--ac-duration-fast) var(--ac-ease)}.format-row__value[contenteditable="true"]:focus{background:var(--ac-bg-interactive)}.btn-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ac-radius-sm);color:var(--ac-text-muted);transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease);flex-shrink:0}.btn-copy:hover{color:var(--ac-text);background:var(--ac-bg-interactive)}.btn-copy.is-copied{color:var(--ac-pass)}.btn-copy svg{width:14px;height:14px;pointer-events:none}.hex-input-wrap{display:flex;align-items:center;gap:var(--ac-space-2);padding:var(--ac-space-2) var(--ac-space-3);background:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);transition:border-color var(--ac-duration-fast) var(--ac-ease)}.hex-input-wrap:focus-within{border-color:var(--ac-violet);box-shadow:0 0 0 3px rgba(140,70,220,0.15)}.hex-input-wrap__hash{font-family:var(--ac-font-mono);font-size:var(--ac-text-md);color:var(--ac-text-muted);user-select:none}.hex-input{flex:1;font-family:var(--ac-font-mono);font-size:var(--ac-text-md);color:var(--ac-text);background:none;border:none;outline:none;letter-spacing:0.08em}.hex-input-wrap__dropper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--ac-radius-sm);color:var(--ac-text-muted);cursor:pointer;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease)}.hex-input-wrap__dropper:hover{color:var(--ac-violet);background:rgba(140,70,220,0.12)}.module-tabs-wrap{margin-top:var(--ac-space-8)}.module-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ac-border);padding:0 0 0 var(--ac-space-2)}.module-tab{position:relative;padding:var(--ac-space-3) var(--ac-space-5);font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border-radius:var(--ac-radius-md) var(--ac-radius-md) 0 0;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease);cursor:pointer;white-space:nowrap}.module-tab:hover{color:var(--ac-text-secondary);background:var(--ac-bg-surface)}.module-tab.is-active{color:var(--ac-text);background:var(--ac-bg-surface)}.module-tab.is-active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ac-violet);border-radius:2px 2px 0 0}.module-panels{background:var(--ac-bg-surface);border:1px solid var(--ac-border);border-top:none;border-radius:0 0 var(--ac-radius-lg) var(--ac-radius-lg);min-height:320px}.module-panel{display:none;padding:var(--ac-space-8)}.module-panel.is-active{display:block}.harmony-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ac-space-6)}.harmony-controls{display:flex;align-items:center;gap:var(--ac-space-4);flex-wrap:wrap;justify-content:flex-end}.harmony-wheel-toggle{display:flex;gap:2px;padding:2px;border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);background:var(--ac-bg-input);flex-shrink:0}.harmony-wheel-btn{padding:2px var(--ac-space-3);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:none;background:transparent;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease)}.harmony-wheel-btn.is-active{color:var(--ac-gold);background:rgba(200,150,40,0.15)}.harmony-mode-select{display:flex;gap:var(--ac-space-2);flex-wrap:wrap}.harmony-mode-btn{padding:var(--ac-space-2) var(--ac-space-4);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:1px solid var(--ac-border);transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.harmony-mode-btn:hover{color:var(--ac-text);border-color:var(--ac-border-strong)}.harmony-mode-btn.is-active{color:var(--ac-violet-light);background:rgba(140,70,220,0.12);border-color:rgba(140,70,220,0.4)}.harmony-shuffle-btn{display:flex;align-items:center;gap:0.35rem;padding:0.3rem 0.65rem;background:transparent;border:1px solid #3a2a5a;border-radius:4px;color:#9080b0;font-size:0.78rem;font-weight:600;letter-spacing:0.03em;cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;white-space:nowrap}.harmony-shuffle-btn:hover{background:rgba(200,150,40,0.1);color:#c89628;border-color:rgba(200,150,40,0.5)}.harmony-save-btn{display:flex;align-items:center;gap:0.35rem;padding:0.3rem 0.65rem;background:transparent;border:1px solid rgba(140,70,220,0.3);border-radius:4px;color:#9080b0;font-size:0.78rem;font-weight:600;letter-spacing:0.03em;cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;white-space:nowrap}.harmony-save-btn:hover{background:rgba(140,70,220,0.12);color:var(--ac-violet-light);border-color:rgba(140,70,220,0.6)}.harmony-wheel{display:flex;justify-content:center;margin-bottom:var(--ac-space-5)}#harmony-wheel-canvas{display:block;border-radius:50%;cursor:crosshair;box-shadow:0 0 0 1px rgba(255,255,255,0.07),var(--ac-shadow-md)}.harmony-swatches{display:flex;gap:var(--ac-space-4);flex-wrap:wrap}.harmony-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--ac-space-2);cursor:pointer}.harmony-swatch__color{position:relative;width:64px;height:64px;border-radius:var(--ac-radius-md);box-shadow:var(--ac-shadow-sm),inset 0 0 0 1px rgba(255,255,255,0.08);transition:transform var(--ac-duration-fast) var(--ac-ease-spring),box-shadow var(--ac-duration-fast) var(--ac-ease)}.harmony-swatch:hover .harmony-swatch__color{transform:translateY(-3px) scale(1.04);box-shadow:var(--ac-shadow-md),inset 0 0 0 1px rgba(255,255,255,0.12)}.harmony-swatch__hex{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted);letter-spacing:0.05em}.harmony-swatch__label{font-size:10px;color:var(--ac-text-muted);opacity:0.65;letter-spacing:0.04em}.harmony-swatch.harmony-swatch--base .harmony-swatch__color,.harmony-swatch.harmony-swatch--base:hover .harmony-swatch__color{transform:none;box-shadow:var(--ac-shadow-sm),0 0 0 2px var(--ac-violet),inset 0 0 0 1px rgba(255,255,255,0.08)}.harmony-swatch--base{cursor:default}.harmony-pinned{padding:var(--ac-space-3) 0;border-bottom:1px solid var(--ac-border);margin-bottom:var(--ac-space-4)}.harmony-pinned--empty{display:none}.harmony-pinned__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ac-space-3)}.harmony-pinned__title{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.06em}.harmony-pinned__clear{font-size:10px;color:var(--ac-text-muted);background:none;border:none;cursor:pointer;opacity:0.6;transition:opacity var(--ac-duration-fast) var(--ac-ease)}.harmony-pinned__clear:hover{opacity:1}.harmony-pinned__strip{display:flex;gap:var(--ac-space-2);flex-wrap:wrap}.harmony-pinned__swatch{position:relative;width:36px;height:36px;border-radius:var(--ac-radius-md);box-shadow:var(--ac-shadow-sm),inset 0 0 0 1px rgba(255,255,255,0.08);cursor:pointer;transition:transform var(--ac-duration-fast) var(--ac-ease-spring)}.harmony-pinned__swatch:hover{transform:translateY(-2px) scale(1.06)}.harmony-pinned__remove{position:absolute;top:-6px;right:-6px;width:14px;height:14px;border-radius:50%;background:var(--ac-bg-card);border:1px solid var(--ac-border);color:var(--ac-text-muted);font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--ac-duration-fast) var(--ac-ease)}.harmony-pinned__swatch:hover .harmony-pinned__remove{opacity:1}.harmony-swatch__pin{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:rgba(10,6,18,0.55);border:none;color:var(--ac-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease)}.harmony-swatch:hover .harmony-swatch__pin{opacity:1}.harmony-swatch__pin.is-pinned{opacity:1;color:var(--ac-gold)}.contrast-mode-toggle{display:flex;gap:2px;background:rgba(255,255,255,0.04);border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);padding:2px}.contrast-mode-btn{padding:3px 10px;border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:none;background:transparent;cursor:pointer;transition:color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease)}.contrast-mode-btn.is-active{background:rgba(140,70,220,0.2);color:var(--ac-violet-light,#b07ee8)}.contrast-mode-btn:not(.is-active):hover{color:var(--ac-text)}.token-palette-row{display:flex;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-3) 0 var(--ac-space-4)}.token-palette-label{font-size:var(--ac-text-xs);color:var(--ac-text-muted);white-space:nowrap}.token-palette-select{flex:1;max-width:280px;background:var(--ac-bg-elevated);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);color:var(--ac-text);font-size:var(--ac-text-xs);padding:var(--ac-space-2) var(--ac-space-3);cursor:pointer;appearance:none;-webkit-appearance:none}.token-palette-select:focus{outline:1px solid rgba(140,70,220,0.5);border-color:rgba(140,70,220,0.5)}.token-format-tab--palette{border-color:rgba(140,70,220,0.3);color:var(--ac-text-dim)}.token-format-tab--palette.is-active{color:var(--ac-violet-light,#b07ee8);background:rgba(140,70,220,0.12);border-color:rgba(140,70,220,0.45)}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ac-space-6)}.contrast-pickers{display:flex;flex-direction:column;gap:var(--ac-space-4)}.contrast-picker-row{display:flex;align-items:center;gap:var(--ac-space-3)}.contrast-picker-swatch{width:40px;height:40px;border-radius:var(--ac-radius-md);border:1px solid var(--ac-border);cursor:pointer;flex-shrink:0;transition:box-shadow var(--ac-duration-fast) var(--ac-ease)}.contrast-picker-swatch:hover{box-shadow:0 0 0 2px var(--ac-violet)}.contrast-picker-label{font-size:var(--ac-text-sm);color:var(--ac-text-secondary);min-width:90px}.contrast-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-6);border-radius:var(--ac-radius-lg);border:1px solid var(--ac-border);min-height:140px;text-align:center}.contrast-preview__large{font-size:var(--ac-text-2xl);font-weight:var(--ac-weight-bold);line-height:var(--ac-leading-tight)}.contrast-preview__small{font-size:var(--ac-text-base)}.contrast-ratio{font-family:var(--ac-font-mono);font-size:var(--ac-text-3xl);font-weight:var(--ac-weight-semibold);color:var(--ac-text);text-align:center;letter-spacing:-0.02em}.contrast-ratio__label{font-size:var(--ac-text-sm);color:var(--ac-text-muted);text-align:center;margin-top:var(--ac-space-1)}.wcag-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ac-space-3);margin-top:var(--ac-space-4)}.wcag-grade{display:flex;flex-direction:column;align-items:center;gap:var(--ac-space-2);padding:var(--ac-space-3) var(--ac-space-2);border-radius:var(--ac-radius-md);border:1px solid var(--ac-border)}.wcag-grade__level{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.06em}.wcag-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px var(--ac-space-3);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-bold);letter-spacing:0.05em;text-transform:uppercase}.wcag-badge--pass{color:var(--ac-pass);background:var(--ac-pass-bg);border:1px solid var(--ac-pass-border)}.wcag-badge--fail{color:var(--ac-fail);background:var(--ac-fail-bg);border:1px solid var(--ac-fail-border)}.spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ac-space-4)}.space-card{padding:var(--ac-space-4);background:var(--ac-bg-raised);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg)}.space-card__title{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--ac-space-3)}.space-card__values{display:flex;flex-direction:column;gap:var(--ac-space-2)}.space-value-row{display:flex;align-items:center;gap:var(--ac-space-3)}.space-value-row__key{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted);min-width:28px}.space-value-row__val{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text)}.space-card__note{font-size:var(--ac-text-xs);color:var(--ac-text-muted);opacity:0.75;margin-top:var(--ac-space-3);line-height:var(--ac-leading-normal)}.tokens-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ac-space-5)}.token-format-tabs{display:flex;gap:var(--ac-space-2)}.token-format-tab{padding:var(--ac-space-2) var(--ac-space-4);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:1px solid var(--ac-border);transition:all var(--ac-duration-fast) var(--ac-ease)}.token-format-tab.is-active{color:var(--ac-gold);background:rgba(200,150,40,0.10);border-color:rgba(200,150,40,0.35)}.token-code-block{background:var(--ac-bg);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);overflow:hidden}.token-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ac-space-2) var(--ac-space-4);border-bottom:1px solid var(--ac-border-subtle)}.token-code-block__actions{display:flex;align-items:center;gap:var(--ac-space-1)}.token-code-block__lang{font-size:var(--ac-text-xs);color:var(--ac-text-muted);font-family:var(--ac-font-mono)}.token-code-block pre{margin:0;padding:var(--ac-space-5) var(--ac-space-5);overflow-x:auto;font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);line-height:var(--ac-leading-loose);color:var(--ac-text);white-space:pre}.named-result{display:flex;gap:var(--ac-space-6);flex-wrap:wrap}.named-match{display:flex;flex-direction:column;gap:var(--ac-space-3)}.named-match__header{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);text-transform:uppercase;letter-spacing:0.08em;color:var(--ac-text-muted)}.named-match__card{display:flex;align-items:center;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4);background:var(--ac-bg-raised);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);cursor:pointer;transition:border-color var(--ac-duration-fast) var(--ac-ease)}.named-match__card:hover{border-color:var(--ac-border-strong)}.named-match__swatch{width:48px;height:48px;border-radius:var(--ac-radius-md);flex-shrink:0;box-shadow:var(--ac-shadow-sm),inset 0 0 0 1px rgba(255,255,255,0.08)}.named-match__info{display:flex;flex-direction:column;gap:3px}.named-match__name{font-size:var(--ac-text-base);font-weight:var(--ac-weight-medium);color:var(--ac-text)}.named-match__hex{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted)}.named-match__delta{font-size:var(--ac-text-xs);color:var(--ac-text-muted)}.panel-section-title{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-semibold);color:var(--ac-text-secondary);margin-bottom:var(--ac-space-4);letter-spacing:0.01em}.share-bar{display:flex;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-4) var(--ac-space-5);background:var(--ac-bg-surface);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);margin-top:var(--ac-space-8)}.share-bar__label{font-size:var(--ac-text-sm);color:var(--ac-text-muted);flex-shrink:0}.share-bar__url{flex:1;font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ac-space-2);padding:var(--ac-space-2) var(--ac-space-4);border-radius:var(--ac-radius-md);font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);cursor:pointer;transition:all var(--ac-duration-fast) var(--ac-ease);white-space:nowrap}.btn--primary{background:var(--ac-violet);color:#fff;box-shadow:0 2px 8px rgba(140,70,220,0.35)}.btn--primary:hover{background:var(--ac-violet-light);box-shadow:0 4px 16px rgba(140,70,220,0.45);transform:translateY(-1px)}.btn--ghost{color:var(--ac-text-secondary);border:1px solid var(--ac-border)}.btn--ghost:hover{color:var(--ac-text);border-color:var(--ac-border-strong);background:var(--ac-bg-surface)}.btn--icon{padding:var(--ac-space-2);border-radius:var(--ac-radius-md);color:var(--ac-text-muted)}.btn--icon:hover{color:var(--ac-text);background:var(--ac-bg-raised)}.btn svg{width:16px;height:16px;flex-shrink:0}.site-footer{border-top:1px solid var(--ac-border);padding:var(--ac-space-8);text-align:center;color:var(--ac-text-muted);font-size:var(--ac-text-sm)}.site-footer a{color:var(--ac-text-muted);transition:color var(--ac-duration-fast) var(--ac-ease)}.site-footer a:hover{color:var(--ac-text-secondary)}.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}.history-strip{display:flex;align-items:center;gap:var(--ac-space-3);margin-top:var(--ac-space-6);padding:var(--ac-space-3) var(--ac-space-4);background:var(--ac-bg-surface);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg)}.history-strip.is-empty{display:none}.history-strip__label{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.08em;flex-shrink:0}.history-strip__swatches{display:flex;gap:var(--ac-space-2);flex:1;overflow-x:auto;scrollbar-width:none}.history-strip__swatches::-webkit-scrollbar{display:none}.history-swatch{width:24px;height:24px;border-radius:var(--ac-radius-sm);flex-shrink:0;border:1px solid rgba(255,255,255,0.12);cursor:pointer;transition:transform var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease)}.history-swatch:hover{transform:scale(1.25) translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,0.6);border-color:rgba(255,255,255,0.3);z-index:1}.history-strip__clear{flex-shrink:0;font-size:var(--ac-text-xs);padding:var(--ac-space-1) var(--ac-space-3)}.vision-header{margin-bottom:var(--ac-space-6)}.vision-subhead{font-size:var(--ac-text-sm);color:var(--ac-text-muted);margin-top:var(--ac-space-1)}.vision-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--ac-space-4)}.vision-swatch{border-radius:var(--ac-radius-lg);overflow:hidden;border:1px solid var(--ac-border);background:var(--ac-bg-raised)}.vision-swatch--base{border-color:rgba(140,70,220,0.45);box-shadow:0 0 0 1px rgba(140,70,220,0.2)}.vision-swatch__color{height:100px}.vision-swatch__meta{padding:var(--ac-space-3);display:flex;flex-direction:column;gap:3px}.vision-swatch__label{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);color:var(--ac-text)}.vision-swatch__desc{font-size:var(--ac-text-xs);color:var(--ac-text-muted)}.vision-swatch__hex{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-secondary);margin-top:var(--ac-space-1)}.vision-swatch__pct{font-size:10px;color:var(--ac-text-secondary);margin-top:2px}.vision-impact{margin-top:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4);background:var(--ac-bg-raised);border:1px solid var(--ac-border-subtle);border-left:3px solid var(--ac-accent);border-radius:var(--ac-radius-md);display:flex;flex-direction:column;gap:var(--ac-space-2)}.vision-impact:empty{display:none}.vision-impact__stat{font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);color:var(--ac-text);line-height:var(--ac-leading-normal)}.vision-impact__note{font-size:var(--ac-text-xs);color:var(--ac-text-secondary);line-height:var(--ac-leading-normal)}.wcag-vision-heading{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);text-transform:uppercase;letter-spacing:0.08em;color:var(--ac-text-muted);margin-top:var(--ac-space-5);margin-bottom:var(--ac-space-3);padding-top:var(--ac-space-4);border-top:1px solid var(--ac-border-subtle)}.vision-sim-row{display:flex;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-2) 0}.vision-sim-row+.vision-sim-row{border-top:1px solid var(--ac-border-subtle)}.vision-sim-swatches{display:flex;gap:3px;flex-shrink:0}.vision-sim-swatch{width:22px;height:22px;border-radius:var(--ac-radius-sm);border:1px solid rgba(255,255,255,0.08)}.vision-sim-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.vision-sim-label{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-secondary)}.vision-sim-pct{font-size:10px;color:var(--ac-text-secondary)}.vision-sim-ratio{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted);flex-shrink:0;min-width:52px;text-align:right}.vision-sim-footnote{font-size:10px;color:var(--ac-text-muted);margin-top:var(--ac-space-3);line-height:var(--ac-leading-normal);opacity:0.75}.ui-preview{margin-top:var(--ac-space-5);border-radius:var(--ac-radius-lg);border:1px solid var(--ac-border);overflow:hidden}.ui-preview:empty{display:none}.ui-preview__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ui-preview__cell{display:flex;flex-direction:column;border-right:1px solid var(--ac-border-subtle)}.ui-preview__cell:last-child{border-right:none}.ui-preview__cell-label{font-size:10px;text-transform:uppercase;letter-spacing:0.07em;color:var(--ac-text-muted);background:var(--ac-bg-raised);padding:var(--ac-space-1) var(--ac-space-2);border-bottom:1px solid var(--ac-border-subtle);text-align:center}.ui-preview__cell-body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--ac-space-5) var(--ac-space-3)}.ui-preview__btn{padding:6px var(--ac-space-4);border-radius:var(--ac-radius-md);border:none;font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);cursor:default;font-family:inherit;white-space:nowrap}.ui-preview__badge{display:inline-block;padding:2px var(--ac-space-2);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);letter-spacing:0.03em;white-space:nowrap}.ui-preview__link{font-size:var(--ac-text-sm);text-decoration:underline;text-underline-offset:3px;cursor:default;white-space:nowrap}.ui-preview__form{display:flex;flex-direction:column;gap:var(--ac-space-1);width:100%;max-width:110px}.ui-preview__form-label{font-size:10px;font-weight:var(--ac-weight-medium)}.ui-preview__input{border:1px solid;border-radius:var(--ac-radius-sm);padding:3px var(--ac-space-2);font-size:var(--ac-text-xs);font-family:inherit;width:100%;box-sizing:border-box;outline:none}.mixer-inputs{display:flex;align-items:flex-end;gap:var(--ac-space-5);padding:var(--ac-space-2) 0 var(--ac-space-5)}.mixer-inputs__arrow{color:var(--ac-text-muted);font-size:var(--ac-text-xl);font-weight:var(--ac-weight-medium);flex-shrink:0;padding-bottom:10px}.mixer-slot{display:flex;flex-direction:column;gap:var(--ac-space-2);min-width:0}.mixer-slot__label{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-semibold);color:var(--ac-text-secondary);text-transform:uppercase;letter-spacing:0.07em}.mixer-slot__sync{font-weight:var(--ac-weight-normal);text-transform:none;letter-spacing:0;font-style:italic;color:var(--ac-text-muted)}.mixer-slot__swatch{width:52px;height:52px;border-radius:var(--ac-radius-md);border:1px solid var(--ac-border);background:var(--ac-bg-raised);flex-shrink:0}.mixer-slot__hex{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted);letter-spacing:0.03em}.mixer-slot__input{width:100px}.mixer-blend-rows{display:flex;flex-direction:column;gap:var(--ac-space-3);margin-bottom:var(--ac-space-5)}.mixer-blend-row{display:flex;align-items:stretch;gap:var(--ac-space-3)}.mixer-blend-mode{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-semibold);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.08em;align-self:center;width:28px;flex-shrink:0}.mixer-blend-strip{display:flex;flex:1;border-radius:var(--ac-radius-md);overflow:hidden;border:1px solid var(--ac-border)}.mixer-swatch{flex:1;display:flex;flex-direction:column;cursor:pointer;border-right:1px solid rgba(0,0,0,0.18);transition:filter var(--ac-duration-fast) var(--ac-ease);min-width:0}.mixer-swatch:last-child{border-right:none}.mixer-swatch:hover{filter:brightness(1.12)}.mixer-swatch__pct{text-align:center;font-size:10px;color:var(--ac-text-muted);padding:3px 2px 2px;background:var(--ac-bg-surface);flex-shrink:0}.mixer-swatch--end .mixer-swatch__pct{color:var(--ac-text-secondary);font-weight:var(--ac-weight-semibold)}.mixer-swatch__square{flex:1;min-height:60px}.mixer-swatch__hex{text-align:center;font-family:var(--ac-font-mono);font-size:9px;color:var(--ac-text-muted);padding:3px 2px 4px;background:var(--ac-bg-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.mixer-callout{font-size:var(--ac-text-sm);color:var(--ac-text-secondary);line-height:var(--ac-leading-normal);padding:var(--ac-space-3) var(--ac-space-4);border-left:3px solid var(--ac-border-gold);background:rgba(200,150,40,0.05);border-radius:0 var(--ac-radius-sm) var(--ac-radius-sm) 0;margin:0}.space-card--gamut{grid-column:1 / -1;margin-bottom:var(--ac-space-2)}.gamut-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ac-space-5)}.gamut-card-header .space-card__title{margin-bottom:0}.gamut-badge{display:inline-flex;align-items:center;padding:2px var(--ac-space-3);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-bold);letter-spacing:0.04em;text-transform:uppercase;color:var(--ac-pass);background:var(--ac-pass-bg);border:1px solid var(--ac-pass-border)}.gamut-bar{position:relative;height:8px;background:var(--ac-bg-interactive);border-radius:var(--ac-radius-pill);margin-bottom:var(--ac-space-4)}.gamut-bar__fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--ac-violet-dark),var(--ac-violet-light));border-radius:var(--ac-radius-pill);transition:width var(--ac-duration-fast) var(--ac-ease);min-width:3px}.gamut-bar__mark{position:absolute;top:-3px;width:2px;height:14px;border-radius:1px;transform:translateX(-50%)}.gamut-bar__mark--srgb{background:var(--ac-text-muted)}.gamut-bar__mark--p3{left:100%;background:var(--ac-gold)}.gamut-stats{display:flex;gap:var(--ac-space-6);flex-wrap:wrap;margin-bottom:var(--ac-space-2)}.gamut-stat{display:flex;flex-direction:column;gap:2px}.gamut-stat__key{font-size:10px;color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:var(--ac-weight-medium)}.gamut-stat__val{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text)}.gamut-stat__val--srgb{color:var(--ac-text-secondary)}.gamut-stat__val--p3{color:var(--ac-gold-light)}.gamut-note{font-size:var(--ac-text-xs);color:var(--ac-gold);margin-top:var(--ac-space-2);opacity:0.85;line-height:var(--ac-leading-normal)}.gradient-header{display:flex;align-items:center;gap:var(--ac-space-5);margin-bottom:var(--ac-space-6);flex-wrap:wrap}.gradient-header .panel-section-title{margin-bottom:0}.gradient-type-btns{display:flex;gap:var(--ac-space-2)}.gradient-type-btn{padding:var(--ac-space-2) var(--ac-space-4);border-radius:var(--ac-radius-pill);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:1px solid var(--ac-border);transition:all var(--ac-duration-fast) var(--ac-ease)}.gradient-type-btn:hover{color:var(--ac-text-secondary);border-color:var(--ac-border-strong)}.gradient-type-btn.is-active{color:var(--ac-violet-light);background:rgba(140,70,220,0.12);border-color:rgba(140,70,220,0.4)}.gradient-angle-wrap{display:flex;align-items:center;gap:var(--ac-space-2)}.gradient-angle-label{font-size:var(--ac-text-xs);color:var(--ac-text-muted);font-weight:var(--ac-weight-medium);text-transform:uppercase;letter-spacing:0.06em}.gradient-angle-input{width:64px;text-align:right;-moz-appearance:textfield}.gradient-angle-input::-webkit-inner-spin-button,.gradient-angle-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gradient-angle-unit{font-size:var(--ac-text-sm);color:var(--ac-text-muted)}.gradient-preview-wrap{border-radius:var(--ac-radius-lg);overflow:hidden;border:1px solid var(--ac-border);height:90px;margin-bottom:var(--ac-space-6)}.gradient-preview{width:100%;height:100%;background:linear-gradient(90deg,#ff6b6b 0%,#8c46dc 100%);transition:background var(--ac-duration-fast) var(--ac-ease)}.gradient-stops-section{margin-bottom:var(--ac-space-6)}.gradient-stops-label{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--ac-space-3)}.gradient-stops-list{display:flex;flex-direction:column;gap:var(--ac-space-2);margin-bottom:var(--ac-space-3)}.gradient-stop-row{display:flex;align-items:center;gap:var(--ac-space-3)}.gradient-stop-swatch{width:34px;height:34px;border-radius:var(--ac-radius-md);flex-shrink:0;border:1px solid var(--ac-border);cursor:pointer;transition:transform var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease)}.gradient-stop-swatch:hover{transform:scale(1.06);box-shadow:0 0 0 2px var(--ac-violet)}.gradient-stop-hex{flex:1;min-width:0;width:auto !important}.gradient-stop-pos-wrap{display:flex;align-items:center;gap:var(--ac-space-1);flex-shrink:0}.gradient-stop-pos{width:56px;text-align:right;-moz-appearance:textfield}.gradient-stop-pos::-webkit-inner-spin-button,.gradient-stop-pos::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gradient-stop-pos-unit{font-size:var(--ac-text-sm);color:var(--ac-text-muted)}.gradient-stop-remove{flex-shrink:0}.gradient-stop-remove:disabled{opacity:0.3;cursor:not-allowed}.gradient-add-stop{font-size:var(--ac-text-xs);gap:var(--ac-space-2);padding:var(--ac-space-2) var(--ac-space-4)}[data-panel="export"] .panel-section-title,#panel-export .panel-section-title{margin-bottom:0}.export-section{padding:var(--ac-space-4) 0}.export-section+.export-section{border-top:1px solid var(--ac-border-subtle)}.export-section-head{display:flex;align-items:center;gap:var(--ac-space-3);margin-bottom:var(--ac-space-5)}.export-section>.panel-section-title{margin-bottom:var(--ac-space-5)}.export-mode-badge{font-size:var(--ac-text-xs);color:var(--ac-text-muted);background:var(--ac-bg-raised);border:1px solid var(--ac-border-subtle);border-radius:var(--ac-radius-pill);padding:2px var(--ac-space-3);text-transform:capitalize;letter-spacing:0.02em}.export-preview{background:var(--ac-bg);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);overflow:hidden;margin-bottom:var(--ac-space-4)}.export-preview canvas{display:block;max-width:100%;height:auto}.export-actions{display:flex;gap:var(--ac-space-3);flex-wrap:wrap}.btn--export{gap:var(--ac-space-2);font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);border:1px solid var(--ac-border);padding:var(--ac-space-2) var(--ac-space-4);border-radius:var(--ac-radius-pill);transition:all var(--ac-duration-fast) var(--ac-ease)}.btn--export:hover{color:var(--ac-gold);border-color:rgba(200,150,40,0.35);background:rgba(200,150,40,0.08)}.btn--export svg{flex-shrink:0}.palette-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ac-space-4);margin-bottom:var(--ac-space-5);flex-wrap:wrap}.palette-header .panel-section-title{margin-bottom:0}.palette-lib-tabs{display:flex;gap:var(--ac-space-2);flex-wrap:wrap}.palette-lib-tab{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);background:transparent;border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);padding:var(--ac-space-1) var(--ac-space-3);cursor:pointer;transition:all var(--ac-duration-fast) var(--ac-ease)}.palette-lib-tab:hover{color:var(--ac-text);border-color:var(--ac-border-strong)}.palette-lib-tab.is-active{color:var(--ac-violet-light);border-color:rgba(140,70,220,0.5);background:rgba(140,70,220,0.08)}.palette-grid{display:flex;flex-direction:column;gap:3px}.palette-family{display:flex;align-items:stretch;gap:2px}.palette-family__name{width:80px;font-size:var(--ac-text-xs);color:var(--ac-text-muted);flex-shrink:0;display:flex;align-items:center;padding-right:var(--ac-space-2)}.palette-swatch{flex:1;height:34px;min-width:0;border:none;padding:0;cursor:pointer;border-radius:2px;transition:transform var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease)}.palette-swatch:hover{transform:scaleY(1.18) scaleX(1.04);box-shadow:0 2px 8px rgba(0,0,0,0.5);z-index:1;position:relative}.saved-palettes{margin-top:var(--ac-space-8);border-top:1px solid var(--ac-border);padding-top:var(--ac-space-6)}.saved-palettes__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ac-space-4)}.saved-palettes__title{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);text-transform:uppercase;letter-spacing:0.07em}.saved-palettes__list{display:flex;flex-direction:column;gap:var(--ac-space-3)}.saved-palette{display:flex;align-items:center;gap:var(--ac-space-3);padding:var(--ac-space-3) var(--ac-space-3);border-radius:var(--ac-radius-md);background:rgba(255,255,255,0.03);border:1px solid var(--ac-border);transition:border-color var(--ac-duration-fast) var(--ac-ease)}.saved-palette:hover{border-color:var(--ac-border-strong)}.saved-palette__name{font-size:var(--ac-text-xs);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted);min-width:90px;max-width:120px;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;padding:1px 3px;outline:none}.saved-palette__name:focus{background:rgba(140,70,220,0.1);color:var(--ac-text);outline:1px solid rgba(140,70,220,0.4)}.saved-palette__swatches{display:flex;flex:1;gap:4px;align-items:flex-start}.saved-palette__cell{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.saved-palette__swatch{width:100%;height:28px;border-radius:3px;min-width:0;border:none;cursor:pointer;transition:transform var(--ac-duration-fast) var(--ac-ease);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}.saved-palette__swatch:hover{transform:scaleY(1.12)}.saved-palette__role{width:100%;background:rgba(10,6,18,0.9);border:1px solid var(--ac-border);border-radius:3px;color:var(--ac-text-dim);font-size:9px;font-family:var(--ac-font-mono);padding:1px 2px;cursor:pointer;appearance:none;-webkit-appearance:none;text-align:center;transition:border-color var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease)}.saved-palette__role:hover,.saved-palette__role:focus{border-color:rgba(140,70,220,0.5);color:var(--ac-text);outline:none}.saved-palette__role option{background:#110c1f;color:var(--ac-text)}.saved-palette__actions{flex-shrink:0;display:flex;flex-direction:column;gap:4px;align-items:center}.saved-palette__css-btn{padding:2px 6px;border-radius:var(--ac-radius-sm);border:1px solid rgba(140,70,220,0.35);background:transparent;color:var(--ac-color-violet-light,#b07ee8);font-size:9px;font-family:var(--ac-font-mono);letter-spacing:0.04em;cursor:pointer;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.saved-palette__css-btn:hover{background:rgba(140,70,220,0.15);border-color:rgba(140,70,220,0.7)}.saved-palette__delete{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid var(--ac-border);background:transparent;color:var(--ac-text-dim);font-size:14px;line-height:1;cursor:pointer;transition:color var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease);display:flex;align-items:center;justify-content:center}.saved-palette__delete:hover{color:#e05050;border-color:rgba(224,80,80,0.5);background:rgba(224,80,80,0.08)}.saved-palette-wrap{display:flex;flex-direction:column}.saved-palette__css-btn.is-active{background:rgba(140,70,220,0.2);border-color:rgba(140,70,220,0.8);color:var(--ac-text)}.cm{margin:var(--ac-space-2) 0 var(--ac-space-3);padding:var(--ac-space-3);background:rgba(255,255,255,0.02);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);overflow-x:auto}.cm-toggle{display:flex;gap:4px;margin-bottom:var(--ac-space-3)}.cm-toggle__btn{padding:2px 8px;font-size:10px;font-family:var(--ac-font-mono);border-radius:var(--ac-radius-sm);border:1px solid var(--ac-border);background:transparent;color:var(--ac-text-muted);cursor:pointer;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease),color var(--ac-duration-fast) var(--ac-ease)}.cm-toggle__btn.is-active{background:rgba(140,70,220,0.15);border-color:rgba(140,70,220,0.5);color:var(--ac-text)}.cm-grid{display:grid;gap:2px}.cm-corner{width:20px;height:20px}.cm-hdr{width:20px;height:20px;border-radius:3px;border:1px solid rgba(255,255,255,0.1)}.cm-cell{height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--ac-font-mono);font-size:9px;font-weight:600;border-radius:3px;border:2px solid transparent;letter-spacing:-0.02em;white-space:nowrap}.cm-cell--aaa{border-color:rgba(200,150,40,0.75)}.cm-cell--aa{border-color:rgba( 74,222,128,0.55)}.cm-cell--aa-large{border-color:rgba(251,191,36,0.40)}.cm-cell--fail{border-color:transparent;opacity:0.5}.cm-cell--self{border-color:transparent;opacity:0.2}.extract-dropzone{border:2px dashed var(--ac-border);border-radius:var(--ac-radius-lg);padding:var(--ac-space-8) var(--ac-space-8);text-align:center;cursor:pointer;transition:border-color var(--ac-duration-fast) var(--ac-ease),background var(--ac-duration-fast) var(--ac-ease);display:flex;flex-direction:column;align-items:center;gap:var(--ac-space-2);margin-bottom:var(--ac-space-6);outline:none;user-select:none}.extract-dropzone:hover,.extract-dropzone:focus-visible{border-color:rgba(140,70,220,0.5);background:rgba(140,70,220,0.04)}.extract-dropzone.is-dragover{border-color:var(--ac-violet);background:rgba(140,70,220,0.1)}.extract-dropzone__icon{color:var(--ac-text-muted);opacity:0.45;margin-bottom:var(--ac-space-1)}.extract-dropzone__text{font-size:var(--ac-text-base);font-weight:var(--ac-weight-medium);color:var(--ac-text-muted)}.extract-dropzone__sub{font-size:var(--ac-text-xs);color:var(--ac-text-dim)}.extract-url{margin-bottom:var(--ac-space-5)}.extract-url__divider{position:relative;text-align:center;font-size:var(--ac-text-xs);color:var(--ac-text-dim);margin-bottom:var(--ac-space-4)}.extract-url__divider::before,.extract-url__divider::after{content:'';position:absolute;top:50%;width:38%;height:1px;background:var(--ac-border)}.extract-url__divider::before{left:0}.extract-url__divider::after{right:0}.extract-url__row{display:flex;gap:var(--ac-space-2)}.extract-url__input{flex:1;min-width:0}.extract-url__btn{padding:var(--ac-space-2) var(--ac-space-5);border-radius:var(--ac-radius-sm);font-size:var(--ac-text-sm);font-weight:var(--ac-weight-medium);background:rgba(140,70,220,0.15);border:1px solid rgba(140,70,220,0.4);color:var(--ac-violet-light);white-space:nowrap;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.extract-url__btn:hover{background:rgba(140,70,220,0.28);border-color:var(--ac-violet)}.extract-url__error{margin-top:var(--ac-space-2);font-size:var(--ac-text-xs);color:#e05050}.extract-loading{display:flex;align-items:center;justify-content:center;gap:var(--ac-space-3);padding:var(--ac-space-6) 0}.extract-loading__spinner{width:20px;height:20px;border:2px solid var(--ac-border);border-top-color:var(--ac-violet);border-radius:50%;animation:alc-spin 0.7s linear infinite;flex-shrink:0}@keyframes alc-spin{to{transform:rotate(360deg)}}.extract-loading__text{font-size:var(--ac-text-sm);color:var(--ac-text-muted)}.extract-palette{display:flex;gap:var(--ac-space-3);flex-wrap:wrap}.extract-swatch-wrap{flex:1 1 calc(12.5% - var(--ac-space-3));min-width:68px;display:flex;flex-direction:column;gap:4px}.extract-swatch{width:100%;height:80px;border-radius:var(--ac-radius-md);border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden;cursor:pointer;padding:0;transition:transform var(--ac-duration-fast) var(--ac-ease),box-shadow var(--ac-duration-fast) var(--ac-ease)}.extract-swatch:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.45);z-index:1}.extract-swatch__hex{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.58);color:#fff;font-size:9px;font-family:var(--ac-font-mono);text-align:center;padding:3px 2px 4px;letter-spacing:0.03em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.extract-swatch__tonal{width:100%;padding:3px 4px;border-radius:var(--ac-radius-sm);border:1px solid rgba(140,70,220,0.35);background:transparent;color:var(--ac-color-violet-light,#b07ee8);font-size:10px;font-family:var(--ac-font-mono);letter-spacing:0.04em;cursor:pointer;text-align:center;transition:background var(--ac-duration-fast) var(--ac-ease),border-color var(--ac-duration-fast) var(--ac-ease)}.extract-swatch__tonal:hover{background:rgba(140,70,220,0.18);border-color:rgba(140,70,220,0.7)}.tonal-header{display:flex;align-items:center;gap:0.75rem;padding:1rem 1rem 0.5rem;flex-wrap:wrap}.tonal-step-control{display:flex;align-items:center;gap:0.5rem;margin-left:auto}.tonal-step-label{font-size:0.78rem;color:#a090c0;font-weight:600;letter-spacing:0.04em}.tonal-step-slider{width:90px;accent-color:#8c46dc;cursor:pointer}.tonal-step-display{font-size:0.78rem;color:#e0d8f0;font-weight:600;min-width:2ch;text-align:center}.tonal-callout{font-size:0.8rem;color:#8a7aaa;line-height:1.5;padding:0 1rem 0.75rem}.tonal-callout strong{color:#c89628;font-weight:600}.tonal-swatches{display:flex;flex-wrap:nowrap;gap:0;padding:0 1rem 1.25rem;overflow-x:auto}.tonal-step{display:flex;flex-direction:column;flex:1 0 0;min-width:40px}.tonal-swatch{position:relative;width:100%;aspect-ratio:2 / 3;border:none;cursor:pointer;transition:filter 0.15s;display:block}.tonal-swatch:hover{filter:brightness(1.12);z-index:1}.tonal-step--anchor .tonal-swatch::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.85);box-shadow:0 0 0 1.5px rgba(0,0,0,0.45)}.tonal-info{display:flex;flex-direction:column;padding:0.3rem 0.15rem 0;gap:0.1rem}.tonal-hex{font-size:0.6rem;color:#9080b0;font-family:'Courier New',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tonal-l{font-size:0.58rem;color:#5a4a7a;font-family:'Courier New',monospace}@media (max-width:900px){.workspace{grid-template-columns:1fr}.picker-canvas-wrap{width:100%;height:0;padding-bottom:100%;position:relative}.picker-canvas-wrap canvas{position:absolute;top:0;left:0;width:100%;height:100%}.contrast-grid{grid-template-columns:1fr}.studio{padding:var(--ac-space-5) var(--ac-space-4) var(--ac-space-12)}.module-tabs{overflow-x:auto;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}}@media (max-width:600px){.site-header{padding:var(--ac-space-4) var(--ac-space-4)}.site-tagline{display:none}.wcag-grades{grid-template-columns:1fr 1fr}}.cssfilter-note{font-size:var(--ac-text-sm);color:var(--ac-text-muted);margin-bottom:var(--ac-space-4);line-height:1.5}.cssfilter-note code{font-family:var(--ac-font-mono);color:var(--ac-text);font-size:0.9em}.cssfilter-output-wrap{background:var(--ac-bg-input);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);padding:var(--ac-space-3) var(--ac-space-4);margin-bottom:var(--ac-space-4)}.cssfilter-output{font-family:var(--ac-font-mono);font-size:var(--ac-text-sm);color:var(--ac-text);white-space:pre;margin:0 0 var(--ac-space-3);line-height:1.6}.cssfilter-actions{display:flex;align-items:center;gap:var(--ac-space-3)}.cssfilter-loss{font-family:var(--ac-font-mono);font-size:var(--ac-text-xs);color:var(--ac-text-muted)}.cssfilter-preview-wrap{display:flex;align-items:center;gap:var(--ac-space-4)}.cssfilter-preview-pair{display:flex;flex-direction:column;align-items:center;gap:var(--ac-space-2)}.cssfilter-swatch{width:64px;height:64px;border-radius:var(--ac-radius-md);border:1px solid rgba(255,255,255,0.08)}.cssfilter-swatch-label{font-size:var(--ac-text-xs);color:var(--ac-text-muted);font-family:var(--ac-font-mono)}.cssfilter-arrow{font-size:1.25rem;color:var(--ac-text-dim);flex-shrink:0}