:root{--s0:#07070a;--s1:#0e0e14;--s2:#16161e;--s3:#1f1f29;--s4:#2a2a36;--t1:#f6f6fa;--t2:#c0c0cc;--t3:#88889a;--tmute:#5a5a6a;--acc:#ff5d3b;--acc-bright:#ff7a55;--acc-soft:rgba(38,56,217,0.14);--acc-glow:rgba(38,56,217,0.40);--info:#6b8cff;--info-soft:rgba(107,140,255,0.14);--ok:#3dd982;--ok-soft:rgba(61,217,130,0.14);--warn:#f5a623;--warn-soft:rgba(245,166,35,0.12);--bd-soft:rgba(255,255,255,0.05);--bd:rgba(255,255,255,0.09);--bd-strong:rgba(255,255,255,0.16);--r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:20px;--pill:999px;--elev1:0 1px 2px rgba(0,0,0,.45);--elev2:0 6px 24px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3);--elev3:0 18px 56px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);--ease:cubic-bezier(0.16,1,0.3,1);--spring:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:140ms;--dur-normal:220ms;--dur-slow:340ms;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--ui:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--maxw:1180px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-normal:0ms;--dur-slow:0ms}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background:var(--s0);color:var(--t1);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 78% -8%,rgba(38,56,217,.09),transparent 60%),radial-gradient(700px 500px at 8% 18%,rgba(107,140,255,.06),transparent 55%),radial-gradient(1000px 700px at 50% 120%,rgba(38,56,217,.04),transparent 60%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--acc-soft);color:var(--t1)}:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:var(--r1)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (max-width:680px){.wrap{padding:0 16px}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(7,7,10,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--bd-soft)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width:680px){.nav-inner{padding:11px 16px;gap:8px}}.nav-left{gap:8px}.nav-brand,.nav-left{display:inline-flex;align-items:center}.nav-brand{gap:9px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--t1);text-decoration:none;transition:color var(--dur-fast)}.nav-brand:hover{color:var(--acc)}.nav-brand:active{color:var(--acc-bright)}.nav-brand:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:var(--r1)}.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc-glow),0 0 20px rgba(38,56,217,.2);flex-shrink:0}.nav-sep{color:var(--tmute);font-size:14px;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-app{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--t2)}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{font-size:13.5px;color:var(--t3);text-decoration:none;padding:7px 13px;border-radius:var(--r2);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav-links a:hover{color:var(--t1);background:var(--s2)}.nav-links a:active{color:var(--t1);background:var(--s3)}.nav-links a:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-radius:var(--r2)}@media (max-width:480px){.nav-links a{padding:7px 10px;font-size:13px}}.footer-link{color:var(--tmute);text-decoration:none;transition:color var(--dur-fast)}.footer-link:hover{color:var(--t2)}.footer-link:active{color:var(--t1)}.footer-link:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-radius:var(--r1)}.hero{max-width:var(--maxw);margin:0 auto;padding:64px 32px 48px}@media (max-width:680px){.hero{padding:44px 16px 36px}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;color:var(--acc);text-transform:uppercase;letter-spacing:.15em;font-weight:500}.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--acc),transparent)}.hero h1{font-size:clamp(28px,7.5vw,64px);font-weight:800;letter-spacing:-.038em;line-height:1.08;margin:18px 0 20px;max-width:740px;overflow-wrap:anywhere}.hero h1 .grad{background:linear-gradient(115deg,var(--acc) 0,var(--acc-bright) 45%,#ffb39d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{font-size:clamp(15px,2vw,18px);color:var(--t2);line-height:1.6;max-width:560px;margin:0 0 28px}.hero__trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--t3)}.hero__trust .item{display:inline-flex;align-items:center;gap:7px}.hero__trust .pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;box-shadow:0 0 0 0 rgba(61,217,130,.6);animation:pulse 2.2s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,217,130,.55)}70%{box-shadow:0 0 0 7px rgba(61,217,130,0)}to{box-shadow:0 0 0 0 rgba(61,217,130,0)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r2);border:1px solid transparent;font-size:13.5px;font-weight:600;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),opacity var(--dur-fast)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--acc);color:var(--acc-text);box-shadow:0 4px 16px var(--acc-glow)}.btn--primary:not(:disabled):hover{background:var(--acc-bright);transform:translateY(-1px);box-shadow:0 8px 28px var(--acc-glow)}.btn--ghost{background:linear-gradient(180deg,var(--s3),var(--s2));color:var(--t2);border-color:var(--bd);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),var(--elev1)}.btn--ghost:not(:disabled):hover{border-color:var(--bd-strong);background:linear-gradient(180deg,var(--s4),var(--s3));color:var(--t1);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),var(--elev2)}.btn--sm{padding:7px 13px;font-size:12.5px}.drop{border:1.5px dashed var(--bd);border-radius:var(--r3);background:radial-gradient(120% 90% at 50% 0,rgba(38,56,217,.045),transparent 62%),var(--s2);padding:52px 32px;text-align:center;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease),box-shadow var(--dur-normal) var(--ease);cursor:pointer;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 0 0 40px rgba(0,0,0,.18)}.drop:hover{border-color:var(--bd-strong);background:radial-gradient(120% 90% at 50% 0,rgba(38,56,217,.07),transparent 62%),var(--s3);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 0 0 40px rgba(0,0,0,.12)}.drop.over{border-color:var(--acc);background:rgba(38,56,217,.07);transform:scale(1.008);box-shadow:0 0 0 4px rgba(38,56,217,.1),inset 0 0 32px rgba(38,56,217,.04)}.drop:active:not([aria-busy=true]){transform:scale(.995);border-color:var(--bd-strong)}.drop__icon{font-size:30px;line-height:1;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--r4);background:linear-gradient(180deg,var(--s3),var(--s2));border:1px solid var(--bd-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 16px rgba(0,0,0,.35),0 0 0 6px rgba(38,56,217,.04);filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:transform var(--dur-normal) var(--spring),box-shadow var(--dur-normal) var(--ease),border-color var(--dur-normal) var(--ease)}.drop:hover .drop__icon{transform:translateY(-2px) scale(1.03);border-color:rgba(38,56,217,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.4),0 0 0 6px rgba(38,56,217,.08),0 0 24px var(--acc-glow)}.drop.over .drop__icon{border-color:rgba(38,56,217,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.4),0 0 0 6px rgba(38,56,217,.12),0 0 28px var(--acc-glow)}.drop__title{font-size:17px;font-weight:700;margin-bottom:6px;color:var(--t1);letter-spacing:-.01em;line-height:1.25}.drop__sub{color:var(--t3);font-size:13px}.drop__or{color:var(--tmute);font-family:var(--mono);font-size:10.5px;margin:16px auto 12px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:12px;max-width:220px}.drop__or:after,.drop__or:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--bd),transparent)}.drop__sample{color:var(--acc);font-weight:600;font-size:13px;border-bottom:1px dashed rgba(38,56,217,.35);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast);display:inline-block}.drop__sample:hover{color:var(--acc-bright);border-color:rgba(255,119,85,.5)}.drop-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:44px 0}.drop-loading .spinner{width:26px;height:26px;border-width:2.5px}.drop-loading__label{font-size:14px;color:var(--t2);font-weight:600;letter-spacing:-.005em;animation:dropPulse 1.6s var(--ease-in-out) infinite}@keyframes dropPulse{0%,to{opacity:.65}50%{opacity:1}}.panel{background:linear-gradient(165deg,var(--s2),var(--s1));border:1px solid var(--bd-soft);border-radius:var(--r5);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--elev2);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--bd-soft);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);flex-wrap:wrap;min-height:64px}@media (max-width:680px){.panel__head{padding:14px 16px}.panel__body{padding:16px!important}}.panel__title{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--t1);line-height:1.3}.panel__title .sub{display:block;font-size:12px;font-weight:400;color:var(--t3);margin-top:2px}.panel__body{padding:24px}.panel__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-gap:10px;gap:10px}@media (max-width:680px){.swatch-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.swatch-card{background:linear-gradient(165deg,var(--s2),var(--s1));border:1px solid var(--bd-soft);border-radius:var(--r3);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),var(--elev1);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast),box-shadow var(--dur-fast);cursor:default}.swatch-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--elev2);border-color:var(--bd)}.swatch-color{height:96px;width:100%;transition:filter var(--dur-normal)}.swatch-card:hover .swatch-color{filter:brightness(1.06)}.swatch-body{padding:11px 12px}.swatch-hex{font-family:var(--mono);font-size:12.5px;font-weight:700;margin-bottom:3px;color:var(--t1);letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.swatch-vals{font-family:var(--mono);font-size:10px;color:var(--t3);line-height:1.6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.swatch-copy{display:inline-flex;align-items:center;gap:4px;margin-top:9px;padding:5px 11px;border-radius:var(--pill);border:1px solid var(--bd-soft);background:linear-gradient(180deg,var(--s4),var(--s3));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.3);font-family:var(--mono);font-size:10.5px;color:var(--t3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--spring);-webkit-user-select:none;-moz-user-select:none;user-select:none}.swatch-copy:hover{border-color:rgba(38,56,217,.4);color:var(--acc);background:var(--acc-soft);transform:scale(1.04)}.swatch-copy:active{transform:scale(.96)}.swatch-copy:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:var(--pill)}.swatch-copy.copied{color:var(--ok);border-color:rgba(61,217,130,.3);background:var(--ok-soft);transform:scale(1)}.swatch-tabs{display:flex;gap:2px;padding:3px;background:var(--s0);border-radius:var(--r1);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);margin-bottom:7px}.swatch-tab{flex:1 1;padding:3px 0;border-radius:3px;border:0;background:transparent;color:var(--t3);font-family:var(--mono);font-size:9.5px;font-weight:700;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast);text-transform:uppercase;letter-spacing:.09em}.swatch-tab:hover:not(.active){color:var(--t2)}.swatch-tab.active{background:linear-gradient(180deg,var(--s3),var(--s2));color:var(--t1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 3px rgba(0,0,0,.3)}.matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r2);position:relative}@media (max-width:680px){.matrix-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,var(--s1));pointer-events:none;border-radius:0 var(--r2) var(--r2) 0}}.matrix{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--mono);font-size:12px;min-width:520px}.matrix td,.matrix th{padding:10px 13px;text-align:left;border-bottom:1px solid var(--bd-soft);border-right:1px solid var(--bd-soft)}.matrix td:first-child,.matrix th:first-child{border-left:1px solid var(--bd-soft)}.matrix thead tr:first-child th:first-child{border-top-left-radius:var(--r2)}.matrix thead tr:first-child th:last-child{border-top-right-radius:var(--r2)}.matrix thead th{background:linear-gradient(180deg,var(--s3),var(--s2));color:var(--t2);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;border-top:1px solid var(--bd-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:nowrap;position:-webkit-sticky;position:sticky}.matrix tbody tr{transition:background var(--dur-fast)}.matrix tbody tr:hover td{background:rgba(255,255,255,.018)}.matrix tbody tr:last-child td{border-bottom:1px solid var(--bd-soft)}.matrix .swatch-dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:middle;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.matrix-cell{display:flex;flex-direction:column;gap:5px}.matrix-cell-ratio{display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--pill);font-size:10px;font-weight:700;font-family:var(--mono);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.25)}.badge--aaa{background:linear-gradient(180deg,rgba(61,217,130,.2),var(--ok-soft));color:var(--ok);border:1px solid rgba(61,217,130,.28)}.badge--aa{background:linear-gradient(180deg,rgba(107,140,255,.2),var(--info-soft));color:var(--info);border:1px solid rgba(107,140,255,.28)}.badge--aa-large{background:linear-gradient(180deg,rgba(245,166,35,.18),var(--warn-soft));color:var(--warn);border:1px solid rgba(245,166,35,.26)}.badge--fail{background:linear-gradient(180deg,rgba(38,56,217,.16),rgba(38,56,217,.08));color:var(--acc);border:1px solid rgba(38,56,217,.24)}.ratio-val{font-weight:700;color:var(--t1);font-size:12.5px;letter-spacing:-.01em}.matrix td span[style],.ratio-val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-text{font-size:13px;font-weight:600;padding:2px 6px;border-radius:3px;display:inline-block;line-height:1.4}.export-tabs{display:flex;gap:3px;padding:5px;background:var(--s0);border:1px solid var(--bd-soft);border-radius:var(--r3);box-shadow:inset 0 1px 3px rgba(0,0,0,.4);width:-moz-fit-content;width:fit-content;margin-bottom:14px;flex-wrap:wrap}@media (max-width:480px){.export-tabs{width:100%}.export-tab{flex:1 1;justify-content:center}}.export-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r2);border:1px solid transparent;color:var(--t3);font-size:12.5px;font-weight:600;background:transparent;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast);white-space:nowrap}.export-tab:hover{color:var(--t1);background:var(--s3)}.export-tab:active{color:var(--t1);background:var(--s4)}.export-tab:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-radius:var(--r2)}.export-tab.active{color:var(--t1);background:linear-gradient(180deg,rgba(38,56,217,.2),var(--acc-soft));border-color:rgba(38,56,217,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 3px rgba(0,0,0,.3)}.code-block{background:linear-gradient(165deg,var(--s1),var(--s0));border:1px solid var(--bd-soft);border-radius:var(--r3);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);padding:18px 20px;font-family:var(--mono);font-size:12px;color:var(--t2);white-space:pre;overflow-x:auto;line-height:1.75;-webkit-overflow-scrolling:touch;-moz-tab-size:2;tab-size:2;max-height:320px}.copy-row{justify-content:flex-end;margin-top:10px;gap:8px}.copy-row,.section-head{display:flex;align-items:center}.section-head{justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.section-title{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--t1);line-height:1.3}.section-title .sub{color:var(--t3);font-size:12px;font-weight:400;margin-left:8px}@media (max-width:680px){.section-title .sub{display:none}}.spinner{width:18px;height:18px;border:2px solid var(--bd);border-top-color:var(--acc);border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.empty{text-align:center;color:var(--t3);padding:48px 24px;font-size:14px;line-height:1.6}.empty strong{display:block;color:var(--t2);font-size:15px;margin-bottom:6px}.count-pill{font-family:var(--mono);font-size:11px;color:var(--acc);background:var(--acc-soft);border:1px solid rgba(38,56,217,.22);padding:3px 10px;border-radius:var(--pill);white-space:nowrap}.hero__demo-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px}.hero__demo-hint{font-size:13px;color:var(--t3);font-family:var(--mono)}@media (max-width:680px){.hero__demo-hint{display:none}}.drop-error{flex-direction:column;gap:14px;padding:44px 0;text-align:center}.drop-error,.drop-error__icon{display:flex;align-items:center}.drop-error__icon{font-size:28px;line-height:1;width:60px;height:60px;justify-content:center;background:linear-gradient(180deg,rgba(38,56,217,.18),rgba(38,56,217,.08));border:1px solid rgba(38,56,217,.28);border-radius:var(--r4);box-shadow:0 4px 16px rgba(38,56,217,.15)}.drop-error__msg{font-size:14.5px;font-weight:700;color:var(--t1);letter-spacing:-.01em}.drop-error__sub{font-size:12.5px;color:var(--t3);margin-top:-6px}@keyframes swatchEnter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.swatch-card-animate{animation:swatchEnter var(--dur-slow) var(--ease) both}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--bd-soft);border-radius:var(--r3);overflow:hidden}@media (max-width:580px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--s1);padding:22px 20px;transition:background var(--dur-normal)}.step-card:hover{background:var(--s2)}.step-num{font-family:var(--mono);font-size:10.5px;color:var(--acc);font-weight:700;letter-spacing:.04em;margin-bottom:10px}.step-title{font-weight:700;font-size:14.5px;color:var(--t1);margin-bottom:6px;letter-spacing:-.01em;line-height:1.3}.step-desc{color:var(--t3);font-size:12.5px;line-height:1.55}.footer{max-width:var(--maxw);margin:56px auto 0;padding:28px 32px 52px;color:var(--tmute);font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--bd-soft)}@media (max-width:680px){.footer{padding:24px 16px 40px;flex-direction:column;gap:8px}}.footer span:last-child{font-family:var(--mono);font-size:11.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--s4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bd-strong)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.copy-toast{animation:fadeInUp var(--dur-fast) var(--ease) forwards}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:fadeInPanel var(--dur-slow) var(--ease) both}@media (max-width:680px){.matrix-scroll-hint{display:block!important}}.swatch-color-inner{width:100%;height:100%;position:relative;overflow:hidden}.swatch-color-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%,rgba(0,0,0,.1));pointer-events:none}