html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}@media (hover:hover){a:hover{color:#0FA0CE}}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{color:#333;border-color:#888;outline:0}@media (hover:hover){.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#333;border-color:#888;outline:0}}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,button.button-primary:focus,input[type=button].button-primary:focus,input[type=reset].button-primary:focus,input[type=submit].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}@media (hover:hover){.button.button-primary:hover,button.button-primary:hover,input[type=button].button-primary:hover,input[type=reset].button-primary:hover,input[type=submit].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}:root{--radius-small:4px;--radius-medium:8px;--radius-large:16px;--container-max:1200px;--shadow-strong:0 4px 20px rgba(0,0,0,0.3);--shadow-medium:0 2px 10px rgba(0,0,0,0.15);--underline-height:2px;--navbar-offset:64px;--font-monospace:'SFMono-Regular',Consolas,'Monaco','Menlo','Courier New',monospace;--cta-gradient-start:color-mix(in srgb,var(--primary-blue) 80%,black);--cta-gradient-mid:color-mix(in srgb,var(--primary-blue) 77%,black);--cta-gradient-end:color-mix(in srgb,var(--primary-blue) 74%,black);--navbar-gradient:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%);--navbar-underline:linear-gradient(90deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);--btn-gradient:var(--primary-blue);--btn-gradient-hover:color-mix(in srgb,var(--primary-blue) 80%,black)}body.theme-dark{--bg-gradient:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--primary-blue) 18%,transparent) 0%,transparent 42%),radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--accent-blue) 16%,transparent) 0%,transparent 46%),linear-gradient(180deg,color-mix(in srgb,#141413 90%,black) 0%,#141413 44%,color-mix(in srgb,#141413 84%,black) 100%);--text-color:#f3f0ea;--muted-text:#b4ada2;--heading-color:#f3f0ea;--heading-sub:#f3f0ea;--container-bg:#1e1d1b;--border-color:#4e483f;--table-header-bg:#1e1d1b;--card-bg:#252422;--info-item-bg:rgba(45,127,249,0.12);--input-bg:#181716;--link:var(--primary-blue);--link-hover:var(--brand-2);--blockquote:var(--primary-blue);--dropdown-bg:#2d2c29;--shadow-elev:0 10px 40px rgba(0,0,0,0.4);--primary-blue:#fb596e;--primary-blue-hover:#ec4258;--accent-blue:#b6c0ff;--accent-blue-light:#d7dcff;--light-blue-text:#c7cdff;--bg-dark:#181716;--footer-bottom-bg:#1e1d1b;--footer-border:#4e483f;--footer-section-bg:#1e1d1b;--text-primary:#f3f0ea;--text-secondary:#b4ada2;--card-header-bg:#252422;--item-bg:#252422;--item-hover-bg:#2d2c29;--primary-color:#14ccb0;--primary-hover:#26e0c3;--primary-shadow:rgba(20,204,176,0.4);--info-text:#8ec5ff;--info-bg:#1a3a4a;--info-border:#2a5264;--shadow-color:rgba(20,204,176,0.3);--button-disabled-bg:rgba(148,163,184,0.2);--button-disabled-border:rgba(148,163,184,0.32);--button-disabled-text:rgba(226,232,240,0.72);--button-disabled-shadow:none;--btn-gradient:var(--primary-blue);--btn-gradient-hover:color-mix(in srgb,var(--primary-blue) 70%,white);--cta-gradient-start:color-mix(in srgb,var(--primary-blue) 80%,black);--cta-gradient-mid:color-mix(in srgb,var(--primary-blue) 77%,black);--cta-gradient-end:color-mix(in srgb,var(--primary-blue) 74%,black);--navbar-gradient:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%);--navbar-underline:linear-gradient(90deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);--primary-ink:#ffffff;--danger:#ff6b7d;--danger-ink:#ffffff;--success:#3fbf85;--success-ink:#06231a;--warning:#e8a33d;--warning-ink:#2b1d05;--accent-purple:#c07df0;--brand:var(--primary-blue);--brand-2:color-mix(in oklch,var(--primary-blue) 72%,white);--brand-soft:color-mix(in oklch,var(--primary-blue) 18%,transparent);--brand-softer:color-mix(in oklch,var(--primary-blue) 10%,transparent);--brand-ink:var(--primary-ink);--nb-surface:color-mix(in oklch,var(--primary-blue) 8%,var(--container-bg));--nb-panel:color-mix(in oklch,var(--primary-blue) 12%,var(--dropdown-bg));--nb-shadow:color-mix(in oklch,var(--primary-blue) 26%,transparent);--nb-scrim:color-mix(in oklch,var(--primary-blue) 20%,rgb(0 0 0 / 0.62));--nb-knob:color-mix(in oklch,var(--primary-blue) 32%,var(--container-bg));--field-ink:color-mix(in oklch,var(--text-color) 68%,var(--primary-blue));--field-bg:color-mix(in oklch,var(--field-ink) 9%,transparent);--field-border:color-mix(in oklch,var(--field-ink) 16%,transparent);--code-bg:color-mix(in oklch,var(--primary-blue) 7%,var(--input-bg));--code-border:color-mix(in oklch,var(--text-color) 12%,transparent);--code-fg:#81c784}body.theme-light{--bg-gradient:linear-gradient(135deg,#fffcf9 0%,#fdfaf7 30%,#fbf8f4 60%,#fcf9f6 100%);--text-color:#1e1b1a;--muted-text:#6b6561;--heading-color:#1a1714;--heading-sub:#1a1714;--container-bg:#ffffff;--border-color:#e5e0d8;--table-header-bg:#f1efeb;--card-bg:rgba(241,239,235,0.6);--info-item-bg:rgba(45,127,249,0.06);--input-bg:#ffffff;--link:var(--primary-blue);--link-hover:var(--primary-blue-hover);--blockquote:var(--primary-blue);--dropdown-bg:#ffffff;--shadow-elev:0 4px 20px rgba(0,0,0,0.08);--primary-blue:#fb596e;--primary-blue-hover:#d93a52;--light-blue-text:#ffb8c0;--accent-blue:#0fb39a;--bg-dark:#e5e0d8;--footer-nav-bg:#f1efeb;--footer-bottom-bg:#efece6;--footer-border:#e5e0d8;--footer-section-bg:#f1efeb;--text-primary:#1e1b1a;--text-secondary:#6b6561;--card-header-bg:#f1efeb;--item-bg:#f1efeb;--item-hover-bg:#fffefb;--primary-color:#fb596e;--primary-hover:#d93a52;--primary-shadow:rgba(251,89,110,0.25);--info-text:#0a3e8f;--info-bg:#dae8ff;--info-border:#bcd6ff;--shadow-color:rgba(0,0,0,0.06);--button-disabled-bg:rgba(251,89,110,0.07);--button-disabled-border:rgba(251,89,110,0.15);--button-disabled-text:rgba(30,27,26,0.4);--button-disabled-shadow:none;--btn-gradient:var(--primary-blue);--btn-gradient-hover:color-mix(in srgb,var(--primary-blue) 70%,black);--cta-gradient-start:color-mix(in srgb,var(--primary-blue) 80%,black);--cta-gradient-mid:color-mix(in srgb,var(--primary-blue) 77%,black);--cta-gradient-end:color-mix(in srgb,var(--primary-blue) 74%,black);--navbar-gradient:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%);--navbar-underline:linear-gradient(90deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);--primary-ink:#ffffff;--danger:#dc4646;--danger-ink:#ffffff;--success:#1f8a5b;--success-ink:#ffffff;--warning:#b45309;--warning-ink:#ffffff;--accent-purple:#7b1fa2;--brand:var(--primary-blue);--brand-2:color-mix(in oklch,var(--primary-blue) 70%,white);--brand-soft:color-mix(in oklch,var(--primary-blue) 12%,transparent);--brand-softer:color-mix(in oklch,var(--primary-blue) 6%,transparent);--brand-ink:var(--primary-ink);--nb-surface:color-mix(in oklch,var(--primary-blue) 2%,var(--container-bg));--nb-panel:color-mix(in oklch,var(--primary-blue) 4%,var(--dropdown-bg));--nb-shadow:color-mix(in oklch,var(--primary-blue) 22%,transparent);--nb-scrim:color-mix(in oklch,var(--primary-blue) 18%,rgb(0 0 0 / 0.55));--nb-knob:var(--container-bg);--field-ink:color-mix(in oklch,var(--text-color) 68%,var(--primary-blue));--field-bg:color-mix(in oklch,var(--field-ink) 6%,transparent);--field-border:color-mix(in oklch,var(--field-ink) 16%,transparent);--code-bg:color-mix(in oklch,var(--primary-blue) 4%,var(--input-bg));--code-border:color-mix(in oklch,var(--text-color) 12%,transparent);--code-fg:#2d8659}*{box-sizing:border-box}body{font-family:'Be Vietnam Pro',sans-serif;background:var(--bg-gradient);color:var(--text-color);line-height:1.6;padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column}body:not([data-mobile]):not(:has(.admin-container)):has(.blog-article,.blog-overview-header,.app-downloads){--blog-glow-brand:color-mix(in srgb,var(--primary-blue) 9%,transparent);--blog-glow-accent:color-mix(in srgb,var(--accent-blue,var(--primary-blue)) 7%,transparent);--blog-glow-low:color-mix(in srgb,var(--brand-2,var(--primary-blue)) 6%,transparent)}body.theme-dark:not([data-mobile]):not(:has(.admin-container)):has(.blog-article,.blog-overview-header,.app-downloads){--blog-glow-brand:color-mix(in srgb,var(--primary-blue) 20%,transparent);--blog-glow-accent:color-mix(in srgb,var(--accent-blue,var(--primary-blue)) 13%,transparent);--blog-glow-low:color-mix(in srgb,var(--brand-2,var(--primary-blue)) 8%,transparent)}body:not([data-mobile]):not(:has(.admin-container)):has(.blog-article,.blog-overview-header,.app-downloads)::after{content:'';position:fixed;inset:0;z-index:-1;background:var(--blog-page-glow,radial-gradient(1000px 640px at 6% -8%,var(--blog-glow-brand),transparent 68%),radial-gradient(900px 600px at 98% 4%,var(--blog-glow-accent),transparent 68%),radial-gradient(1100px 560px at 60% 108%,var(--blog-glow-low),transparent 70%));pointer-events:none}.container{width:100%;max-width:100%;margin:0 auto;background:transparent;border-radius:0;padding:20px;box-shadow:none;border-top:none}.container.container-90{max-width:90%;width:90%}.container.container-80{max-width:80%;width:80%;margin-left:auto;margin-right:auto}.container.container-70{max-width:70%;width:70%}.container.container-1200{max-width:1200px}.container.container-fullwidth{max-width:100%;width:100%;padding:0;border-radius:0;box-shadow:none;background:transparent}.container .card,.container pre,.container code{border-radius:var(--radius-large)}h1{font-size:42px;font-weight:800;letter-spacing:-1.3px;line-height:1.15;margin:0 0 16px 0;color:var(--heading-color)}h2{font-size:30px;font-weight:700;letter-spacing:-0.6px;line-height:1.2;margin:40px 0 12px 0;color:var(--heading-color);border:none;padding:0}h2.base-section-title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-0.6px;margin:0 0 8px 0;color:var(--heading-color);text-align:center;border:none;padding:0}@media (max-width:768px){h2.base-section-title{font-size:24px}}h1.base-hero-title{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-0.4px;color:var(--text-color);margin:0 0 12px 0}.base-hero-title-brand{font-weight:800;letter-spacing:-0.3px;background:linear-gradient(120deg,#ff8993 0%,#ff7482 50%,#fb596e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-light .base-hero-title-brand{background:linear-gradient(120deg,#ff8993 0%,#ff7482 50%,#fb596e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){h1.base-hero-title{font-size:30px}}@media (max-width:480px){h1.base-hero-title{font-size:26px}}h3{font-size:22px;font-weight:600;letter-spacing:-0.2px;line-height:1.25;margin:28px 0 10px 0;color:var(--heading-color)}h4{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.3;margin:20px 0 8px 0;color:var(--heading-color)}h5{font-size:15px;font-weight:600;letter-spacing:0.15px;line-height:1.4;margin:16px 0 6px 0;color:var(--heading-color)}h6{font-size:12px;font-weight:700;letter-spacing:0.85px;text-transform:uppercase;line-height:1.5;margin:14px 0 6px 0;color:var(--muted-text)}p{margin-bottom:15px;color:var(--muted-text)}.button:disabled,.button[disabled],button:disabled,button[disabled]{background:var(--button-disabled-bg)!important;border-color:var(--button-disabled-border)!important;color:var(--button-disabled-text)!important;box-shadow:var(--button-disabled-shadow);cursor:not-allowed;opacity:1;pointer-events:none;transform:none;filter:saturate(0.7)}.button:disabled::before,.button[disabled]::before,button:disabled::before,button[disabled]::before{display:none}.button:disabled:active,.button[disabled]:active,button:disabled:active,button[disabled]:active{background:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--button-disabled-text);box-shadow:var(--button-disabled-shadow);transform:none}@media (hover:hover){.button:disabled:hover,.button[disabled]:hover,button:disabled:hover,button[disabled]:hover{background:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--button-disabled-text);box-shadow:var(--button-disabled-shadow);transform:none}}ul,ol{margin:15px 0 15px 25px;color:var(--muted-text)}li{margin-bottom:8px}ul{list-style-type:disc}code,pre{font-family:'Courier New','Monaco',monospace;background:var(--code-bg,var(--input-bg));border:1px solid var(--code-border,var(--border-color));border-radius:var(--radius-medium);padding:2px 6px;font-size:14px}pre{padding:15px;margin:15px 0;overflow-x:auto;border-radius:var(--radius-medium)}body.theme-dark pre code{color:var(--code-fg);background:transparent;border:none}body.theme-light pre code{color:var(--code-fg);background:transparent;border:none}blockquote{border-left:4px solid var(--blockquote);padding-left:24px;margin:20px 0;font-style:italic;color:var(--muted-text);position:relative;border-radius:0 var(--radius-medium) var(--radius-medium) 0;background:rgba(37,99,235,0.05);padding:16px 24px}blockquote::before{content:'';color:var(--blockquote);position:absolute;left:8px;top:8px;width:19px;height:19px;background-color:currentColor;-webkit-mask-image:var(--fa-solid-quote-left);mask-image:var(--fa-solid-quote-left);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:0.3}body.theme-light blockquote{background:rgba(37,99,235,0.03)}hr{border:none;border-top:1px solid var(--border-color);margin:30px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}main{flex:1}@media (max-width:750px){.container{max-width:100%!important;width:100%!important;padding-left:12px!important;padding-right:12px!important;padding-top:20px;padding-bottom:20px}}.row:has(.six.columns){display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-left:0;margin-right:0}.row:has(.six.columns) .six.columns{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:0!important;padding-left:0!important;padding-right:0!important;float:none!important}.row:has(.six.columns) .six.columns .card{margin:0!important;height:100%;display:flex;flex-direction:column}.row:has(.six.columns) .six.columns .card h5{margin-top:0;margin-bottom:12px}.row:has(.six.columns) .six.columns .card p{margin-bottom:0;flex:1}.card>a{outline:none;border:none;display:block;transition:transform 0.2s ease,box-shadow 0.2s ease}.card>a:focus{outline:none;border:none}.card:has(>a){box-shadow:inset 0 -1px 0 0 transparent;transition:box-shadow 0.3s ease,transform 0.2s ease}@media (hover:hover){.card:has(>a):hover{box-shadow:inset 0 -1px 0 0 var(--link),0 8px 24px rgba(0,0,0,0.15)}}a.tool-card{transition:transform 0.28s cubic-bezier(0.4,0,0.2,1),box-shadow 0.28s cubic-bezier(0.4,0,0.2,1),border-color 0.2s ease}@media (hover:hover){a.tool-card:hover{border-bottom-color:var(--link)!important}}@media (hover:hover){.card:has(>a):hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);cursor:pointer}}@media (hover:hover){.card>a:hover{cursor:pointer}}@media (max-width:768px){.row:has(.six.columns){grid-template-columns:1fr}}*:focus{outline:none!important}.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}.tools-section-title{text-align:center;margin-bottom:16px}.button,button:not(:where([class*='nb-'],.tab-button,[class*='base-image-preview__'],[class*='app-dl-'],[class*='app-downloads-'])),input[type='submit'],input[type='reset'],input[type='button'],.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;margin:8px 8px 8px 0;border:1px solid var(--border-color)!important;border-radius:10px;background:var(--container-bg)!important;color:var(--text-color)!important;font-size:14px;font-weight:500;line-height:1.5;text-transform:none;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease;text-decoration:none;font-family:inherit;height:auto;white-space:nowrap}a:not(:where([class*='nb-'],[class*='app-dl-'],[class*='app-downloads-'])){color:var(--link)}a{text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px}@media (hover:hover){a:not(:where([class*='nb-'],[class*='app-dl-'],[class*='app-downloads-'])):hover{color:var(--link-hover)}}@media (hover:hover){a:where([class*='nb-']):hover{color:var(--link-hover)}}a .fas,a .fab,a .far{font-size:0.9em;opacity:0.8}@media (hover:hover){a:hover .fas,a:hover .fab,a:hover .far{opacity:1;transform:scale(1.1);transition:all 0.3s ease}}.button .fas,.button .fab,.button .far,button:not(:where([class*='nb-'],.tab-button,[class*='base-image-preview__'],[class*='app-dl-'],[class*='app-downloads-'])) .fas,button:not(:where([class*='nb-'],.tab-button,[class*='base-image-preview__'],[class*='app-dl-'],[class*='app-downloads-'])) .fab,button:not(:where([class*='nb-'],.tab-button,[class*='base-image-preview__'],[class*='app-dl-'],[class*='app-downloads-'])) .far,.btn .fas,.btn .fab,.btn .far{font-size:0.9em;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.button-primary i,.button-primary .fas,.button-primary .fab,.button-primary .far,.btn-primary i,.btn-primary .fas,.btn-primary .fab,.btn-primary .far{color:#ffffff!important}@media (hover:hover){.button:not(:where(.button-primary)):hover,button:not(:where([class*='nb-'],[class*='base-image-preview__'],[class*='app-dl-'],[class*='app-downloads-'],.btn-primary,.btn-primary-action,.button-primary)):hover,.btn:not(:where(.btn-primary,.btn-primary-action)):hover{background:color-mix(in srgb,var(--text-color) 6%,var(--container-bg))!important;border-color:color-mix(in srgb,var(--text-color) 18%,var(--border-color))!important;color:var(--text-color)!important;box-shadow:none;transform:none}}.button-primary,.btn-primary,.btn-primary-action{border:1px solid transparent!important;border-radius:999px!important;color:#ffffff!important;background:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%)!important;padding:10px 22px;font-weight:700;font-size:14px;text-transform:none!important;box-shadow:0 4px 12px -7px var(--primary-blue)!important;transition:filter 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.button-icon,.btn-icon,.icon-btn{border:none!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;min-width:34px!important;width:34px;height:34px;border-radius:999px!important;color:var(--muted-text,var(--text-color))!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.button-icon:focus-visible,.btn-icon:focus-visible,.icon-btn:focus-visible{background:color-mix(in srgb,var(--primary-blue) 12%,transparent)!important;color:var(--primary-blue)!important}@media (hover:hover){.button-icon:hover,.btn-icon:hover,.icon-btn:hover{background:color-mix(in srgb,var(--primary-blue) 12%,transparent)!important;color:var(--primary-blue)!important}}.button:not(:where(.button-primary)),.btn:not(:where(.btn-primary,.btn-primary-action)),.btn-secondary-action,.btn-danger-action,.btn-success-action,.btn-action{border:1px solid color-mix(in srgb,var(--primary-blue) 18%,transparent)!important;border-radius:999px!important;background:var(--container-bg)!important;color:var(--text-color)!important;padding:10px 22px;font-weight:700;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text-color) 4%,transparent),0 4px 12px -7px var(--primary-blue);transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,color 0.2s ease}@media (hover:hover){.button:not(:where(.button-primary)):hover,.btn:not(:where(.btn-primary,.btn-primary-action)):hover,.btn-secondary-action:hover,.btn-danger-action:hover,.btn-success-action:hover,.btn-action:hover{border-color:color-mix(in srgb,var(--primary-blue) 45%,transparent)!important;background:color-mix(in srgb,var(--primary-blue) 5%,var(--container-bg))!important;color:var(--primary-blue)!important}}@media (hover:hover){.button-primary:hover,.btn-primary:hover,.btn-primary-action:hover{background:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%)!important;border:1px solid transparent!important;filter:brightness(1.12)!important;color:#ffffff!important;transform:none}}.button-primary:active,.btn-primary:active,.btn-primary-action:active{filter:brightness(0.96)!important;transform:translateY(1px)}.btn-icon-only,.btn-icon,.icon-btn{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;gap:0!important;justify-content:center!important;align-items:center!important;border-radius:999px!important;flex-shrink:0}.btn-sm.btn-icon-only,.btn-sm.btn-icon,.btn-sm.icon-btn{width:32px!important;min-width:32px!important;height:32px!important}.btn-icon-only>i,.btn-icon>i,.icon-btn>i{margin:0!important;line-height:1}.btn-success,.btn-success-action{border-color:#10b981!important;color:#10b981!important}@media (hover:hover){.btn-success:hover,.btn-success-action:hover{border-color:#059669!important;background:rgba(16,185,129,0.1)!important;color:#059669!important}}.btn-danger,.button-danger,.btn-danger-action{border-color:#ef4444!important;color:#ef4444!important}@media (hover:hover){.btn-danger:hover,.button-danger:hover,.btn-danger-action:hover{border-color:#dc2626!important;background:rgba(239,68,68,0.1)!important;color:#dc2626!important}}input[type='text'],input:not([type]),input[type='email'],input[type='password'],input[type='number'],input[type='url'],select,textarea{width:100%;padding:12px 16px;border:1px solid var(--field-border,var(--border-color))!important;border-radius:var(--radius-medium);background:var(--field-bg,var(--input-bg))!important;color:var(--text-color)!important;font-size:0.95em;font-family:inherit}input[type='url']{padding-left:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.5 26 20.9 58.3 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.5-26-20.9-58.3-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:13px center!important;background-size:14px 14px!important}body.theme-light input[type='url']{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23777' d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.5 26 20.9 58.3 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.5-26-20.9-58.3-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z'/%3E%3C/svg%3E")!important}@media (hover:hover){input[type='text']:hover,input:not([type]):hover,input[type='email']:hover,input[type='password']:hover,input[type='number']:hover,input[type='url']:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary-blue) 55%,transparent)!important}}input[type='text']:focus,input:not([type]):focus,input[type='email']:focus,input[type='password']:focus,input[type='number']:focus,input[type='url']:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 16%,transparent)}input[type='radio']{accent-color:var(--primary-blue);width:16px;height:16px;margin:0;flex-shrink:0;vertical-align:middle}input[type='checkbox']{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;margin:0;padding:0;flex-shrink:0;vertical-align:middle;display:inline-grid;place-content:center;border:1.5px solid var(--border-color);border-radius:5px;background:var(--input-bg,var(--container-bg));cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}input[type='checkbox']:checked{background:var(--primary-blue);border-color:var(--primary-blue)}input[type='checkbox']:checked::after{content:'';width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}input[type='checkbox']:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 25%,transparent)}input[type='checkbox']:disabled{opacity:0.5;cursor:not-allowed}label{color:var(--heading-sub);font-size:0.9em;font-weight:500;display:block;margin-bottom:8px}label.checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer;line-height:1.4;white-space:nowrap}label.checkbox-label input[type='checkbox']{margin:0;flex-shrink:0}.form-group{margin-bottom:20px}textarea{min-height:100px;resize:vertical}.u-full-width{width:100%!important;padding:12px 16px!important;border:1px solid var(--field-border,var(--border-color))!important;border-radius:var(--radius-medium)!important;background:var(--field-bg,var(--input-bg))!important;color:var(--text-color)!important;font-size:0.95em!important;font-family:inherit!important;box-sizing:border-box!important}@media (hover:hover){.u-full-width:hover{border-color:color-mix(in srgb,var(--primary-blue) 55%,var(--border-color))!important}}.u-full-width:focus{outline:none!important;border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 16%,transparent)!important}select.u-full-width,#timezoneSelect{padding:12px 40px 12px 16px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;min-height:44px!important;line-height:1.5!important}body.theme-dark select.u-full-width,body.theme-dark #timezoneSelect{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8b8b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important}body[data-mobile] select:not([multiple]){appearance:none!important;-webkit-appearance:none!important;min-height:var(--dropdown-trigger-min-height,38px)!important;padding:var(--dropdown-trigger-padding,7px 12px)!important;padding-right:36px!important;border-radius:var(--dropdown-trigger-radius,16px)!important;background-color:var(--input-bg,var(--container-bg))!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23778294' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:14px 14px!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;text-overflow:ellipsis;cursor:pointer}body[data-mobile] select[hidden]{display:none!important}.button-sm,.copy-btn{min-height:36px!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.button-sm .fas,.button-sm .fab,.button-sm .far,.copy-btn .fas,.copy-btn .fab,.copy-btn .far{font-size:0.85em!important;margin:0!important;line-height:1!important}.button-sm:only-child,.copy-btn:only-child{width:auto!important;min-width:36px!important}.card{background:var(--card-bg);border:none;border-radius:var(--radius-medium);padding:24px;margin:24px 0;transition:all 0.3s ease}@media (hover:hover){.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.03);border-color:var(--primary-blue)}}.card :is(.fas,.fab,.far){color:var(--primary-blue)}.card :is(.fas,.fab,.far):not(:only-child){margin-right:8px}.badge{display:inline-block;padding:4px 10px;border:1px solid var(--border-color);border-radius:12px;font-size:0.8em;background:rgba(255,255,255,0.05);color:var(--muted-text);margin:0 4px}body.theme-light .badge{background:rgba(0,0,0,0.02)}.form-control,.form-select{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg,var(--container-bg));color:var(--text-color);font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.18s ease,box-shadow 0.18s ease}textarea.form-control{min-height:100px;resize:vertical;line-height:1.6}.form-control:focus,.form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 18%,transparent)}.form-control:disabled,.form-select:disabled,.form-control[readonly]{opacity:0.65;cursor:not-allowed}.nb-root button,.nb-drawer button{text-transform:none;letter-spacing:normal;margin:0}:root,body{--nb-height:74px;--navbar-offset:74px}.nb-root{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nb-rest-bg);border-bottom:1px solid transparent;--nb-glass-strength:42%;--nb-glass-blur:20px}@media (min-width:901px){.nb-root{z-index:1300}}.nb-root,.nb-drawer{--nb-radius-control:999px;--nb-radius-row:14px;--nb-radius-panel:20px;--nb-font:'Plus Jakarta Sans',sans-serif;--nb-link-font:var(--nb-font,inherit);--nb-link-size:14px;--nb-link-weight:700;--nb-link-tracking:-0.3px;--nb-row-font:'Be Vietnam Pro',sans-serif;--nb-row-size:13px;--nb-row-weight:600;--nb-link-hover-bg:var(--brand-softer);--nb-link-hover-lift:1px;--nb-row-hover-bg:var(--brand-softer);--nb-row-hover-shift:0px;--nb-panel-bloom:none;--nb-cta-bg:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-mid) 55%,var(--cta-gradient-end) 100%);--nb-cta-ink:var(--brand-ink);--nb-cta-shadow:0 6px 18px -6px var(--brand);--nb-rest-bg:transparent}body.theme-light .nb-root{--nb-glass-strength:24%;--nb-glass-blur:24px}body.theme-dark .nb-root{--text-primary:#ffffff;--muted-text:#d5d5d5}.nb-root--scrolled{background:color-mix(in srgb,var(--nb-surface) var(--nb-glass-strength),transparent);border-bottom-color:color-mix(in srgb,var(--border-color) 45%,transparent);box-shadow:0 8px 30px -10px var(--nb-shadow);backdrop-filter:saturate(1.8) blur(var(--nb-glass-blur));-webkit-backdrop-filter:saturate(1.8) blur(var(--nb-glass-blur));transition:background 0.22s ease,border-bottom-color 0.22s ease,backdrop-filter 0.22s ease}.nb-root--scrolled:focus-within,.nb-root--scrolled.nb-root--open{background:var(--nb-surface);border-bottom-color:var(--border-color);backdrop-filter:saturate(1.5) blur(10px);-webkit-backdrop-filter:saturate(1.5) blur(10px)}@media (hover:hover){.nb-root--scrolled:hover{background:var(--nb-surface);border-bottom-color:var(--border-color);backdrop-filter:saturate(1.5) blur(10px);-webkit-backdrop-filter:saturate(1.5) blur(10px)}}.nb-spacer{height:var(--nb-height);flex-shrink:0}body:has(.nb-flush) .nb-spacer{height:0}.nb-bar{height:var(--nb-height);padding:0 24px;display:flex;align-items:center;gap:6px;justify-content:space-between;font-family:var(--nb-font,inherit)}.nb-brand{color:inherit;display:flex;align-items:center;gap:11px;margin-right:6px;flex-shrink:0;text-decoration:none}.nb-brand__badge{width:36px;height:36px;border-radius:10px;background:var(--nb-surface);border:1px solid var(--border-color);display:grid;place-items:center;flex-shrink:0;transition:none}.nb-brand__img{width:28px;height:28px;object-fit:contain;transition:none}.nb-brand__text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;font-weight:600;font-size:20px;letter-spacing:-0.5px;color:var(--text-primary);white-space:nowrap}.nb-brand__text .brand-tld{font-size:0.72em;color:var(--primary-blue)}.nb-nav{display:flex;align-items:center;gap:2px;margin-left:8px;position:relative;flex:1 1 auto;min-width:0}.nb-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.nb-row{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:none;background:none;border-radius:var(--nb-radius-row);font-family:var(--nb-row-font);font-weight:var(--nb-row-weight);font-size:var(--nb-row-size);line-height:1.2;color:var(--text-primary);text-decoration:none;cursor:pointer;white-space:nowrap}.nb-row--top{border-radius:var(--nb-radius-control);font-family:var(--nb-link-font);font-size:var(--nb-link-size);font-weight:var(--nb-link-weight);letter-spacing:var(--nb-link-tracking)}@media (prefers-reduced-motion:no-preference){.nb-row{transition:background 0.22s ease,color 0.22s ease,border-color 0.22s ease,transform 0.22s ease}}.nb-row .nb-row__icon,.nb-row__icon{font-size:16px;color:var(--brand)}.nb-row__chev{font-size:13px;color:var(--muted-text)}.nb-row__flag.fi{width:21px;height:15px;border-radius:3px;box-shadow:0 0 0 1px var(--border-color);flex-shrink:0}.nb-row__label{min-width:0}.nb-row--top[aria-expanded='true']{color:var(--brand);background:var(--nb-link-hover-bg)}@media (hover:hover){.nb-row--top:hover{color:var(--brand);background:var(--nb-link-hover-bg)}}.nb-row--top[aria-expanded='true'] .nb-row__icon{color:var(--brand)}@media (hover:hover){.nb-row--top:hover .nb-row__icon{color:var(--brand)}}.nb-icon-btn{width:40px;height:40px;padding:0;line-height:1;display:grid;place-items:center;border:1px solid var(--border-color);background:var(--nb-surface);border-radius:var(--nb-radius-control);color:var(--text-primary);font-size:18px;cursor:pointer}.nb-icon-btn[aria-expanded='true'],.nb-user__toggle[aria-expanded='true']{background:color-mix(in oklch,var(--brand) 18%,var(--nb-surface));border-color:color-mix(in oklch,var(--brand) 45%,var(--border-color));color:var(--brand)}@media (hover:hover){.nb-icon-btn:hover,.nb-user__toggle:hover{background:color-mix(in oklch,var(--brand) 18%,var(--nb-surface));border-color:color-mix(in oklch,var(--brand) 45%,var(--border-color));color:var(--brand)}}.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:none;border-radius:var(--nb-radius-control);font-family:var(--nb-font,inherit);font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}.nb-btn--primary{color:var(--nb-cta-ink);background:var(--nb-cta-bg);box-shadow:var(--nb-cta-shadow)}.nb-root .nb-btn--primary,.nb-drawer .nb-btn--primary{color:var(--nb-cta-ink)}.nb-user__toggle[aria-expanded='true'] .nb-user__avatar{background:color-mix(in oklch,var(--brand) 22%,transparent);color:var(--brand)}@media (hover:hover){.nb-user__toggle:hover .nb-user__avatar{background:color-mix(in oklch,var(--brand) 22%,transparent);color:var(--brand)}}.nb-btn--primary:focus{color:var(--nb-cta-ink);filter:brightness(1.06)}@media (hover:hover){.nb-btn--primary:hover{color:var(--nb-cta-ink);filter:brightness(1.06)}}.nb-btn--danger{width:100%;padding:14px;border:1px solid var(--border-color);background:none;color:var(--danger);font-size:15px}@media (hover:hover){.nb-btn--danger:hover{color:var(--danger);background:color-mix(in oklch,var(--danger) 12%,transparent)}}:where(.nb-root,.nb-drawer) button:focus{color:var(--text-primary)}@media (hover:hover){:where(.nb-root,.nb-drawer) button:hover{color:var(--text-primary)}}.nb-user{position:relative}.nb-user__toggle{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border:1px solid var(--border-color);background:var(--nb-surface);border-radius:24px;font-family:inherit;cursor:pointer}.nb-user__avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklch,var(--text-primary) 7%,transparent);color:var(--text-primary);font-size:20px;line-height:1}.nb-user__avatar--lg{width:40px;height:40px;font-size:24px}.nb-burger{display:none}@media (max-width:960px){:root,body{--nb-height:64px;--navbar-offset:64px}.nb-bar{height:64px;padding:0 16px}.nb-nav,.nb-big-wrap,.nb-btn--top,.nb-user,.nb-notif{display:none}.nb-burger{display:grid}.nb-brand__text{font-size:17px}}@media (prefers-reduced-motion:no-preference){.nb-root{transition:background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease,backdrop-filter 0.3s ease}.nb-bar{transition:height 0.32s cubic-bezier(0.4,0,0.2,1)}.nb-row{transition:color 0.2s ease,background 0.2s ease,transform 0.24s cubic-bezier(0.34,1.56,0.64,1)}.nb-row__icon{transition:transform 0.32s cubic-bezier(0.34,1.56,0.64,1),color 0.2s ease}.nb-row--top:hover{transform:translateY(calc(-1 * var(--nb-link-hover-lift,2px)))}.nb-row--top:hover .nb-row__icon{transform:scale(1.14) rotate(-4deg)}.nb-row__chev{transition:transform 0.25s cubic-bezier(0.4,0,0.2,1)}.nb-row[aria-expanded='true'] .nb-row__chev,.nb-user__toggle[aria-expanded='true'] .nb-row__chev{transform:rotate(180deg)}.nb-icon-btn,.nb-btn{transition:background 0.15s ease,filter 0.15s ease,transform 0.15s ease}.nb-btn--primary:hover{transform:translateY(-1px)}}.theme-switcher{position:fixed;top:calc(var(--navbar-offset) + 8px);right:12px;z-index:20000}.navbar-theme-switcher{display:inline-flex;align-items:center;margin-left:4px}.navbar-theme-switcher .theme-switcher{position:static;top:auto;right:auto;z-index:auto;display:inline-flex;align-items:center}body:has(.navbar-theme-switcher)>.theme-switcher{display:none}@media (max-width:750px){.theme-switcher{display:none}}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:10px;position:relative;z-index:1;margin-top:10px;background:transparent;border:none;box-shadow:none;cursor:pointer;transition:background 0.18s ease,transform 0.12s ease;font-size:22px}@media (hover:hover){.theme-toggle-button:hover{background:rgba(128,128,128,0.12);transform:none;box-shadow:none;border:none}}.theme-toggle-button:active{transform:scale(0.9);background:rgba(128,128,128,0.18)}.theme-toggle-button:focus{outline:none;box-shadow:none}body.theme-dark .theme-toggle-button{color:#c0bcb8}body.theme-light .theme-toggle-button{color:#2d2926;background:rgba(255,255,255,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 6px rgba(45,41,38,0.14)}@media (hover:hover){body.theme-light .theme-toggle-button:hover{background:rgba(255,255,255,0.92);box-shadow:0 2px 10px rgba(45,41,38,0.18)}}.theme-icon{display:inline-block;line-height:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0deg) scale(1);transition:opacity 0.25s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.theme-icon.fa-moon{opacity:1}.theme-icon.fa-sun{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0.6)}body.theme-light .theme-icon.fa-moon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(0.6)}body.theme-light .theme-icon.fa-sun{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}body.theme-switching .theme-icon{transition:opacity 0.2s ease,transform 0.28s cubic-bezier(0.55,0,0.45,1)}body.theme-switching *:not(.theme-icon):not(.theme-veil),body.theme-switching *:not(.theme-icon):not(.theme-veil)::before,body.theme-switching *:not(.theme-icon):not(.theme-veil)::after{transition:none!important}.theme-veil{position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:0;will-change:opacity;background:var(--theme-veil-light,#fffcfd)}.theme-veil[data-target='dark']{background:var(--theme-veil-dark,#1d161c)}@media (prefers-reduced-motion:reduce){.theme-veil{display:none}.theme-icon{transition:none!important}}.nb-theme{position:relative;display:inline-flex;align-self:center;border:1px solid var(--border-color);background:var(--brand-softer);border-radius:20px;padding:2px;margin:2px 8px 0}.nb-theme__knob{position:absolute;top:2px;left:2px;width:32px;height:26px;border-radius:16px;background:var(--nb-knob);box-shadow:0 2px 6px -2px var(--nb-shadow);z-index:0;transform:translateX(calc(var(--nb-theme-index,0) * 32px))}.nb-theme__btn{position:relative;z-index:1;width:32px;height:26px;flex:0 0 32px;border:none;background:none;border-radius:16px;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;font-size:14px;line-height:1;color:var(--muted-text)}.nb-theme__btn.tooltip-wrapper{display:grid}.nb-theme__btn i{display:block;width:14px;height:14px;line-height:14px;text-align:center;font-size:14px;transform:none;transition:color 0.2s ease}@media (hover:hover){.nb-theme__btn:hover i{transform:none}}@media (hover:hover){.nb-theme__btn:hover{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}}@media (hover:hover){.nb-theme__btn:hover i{color:var(--text-primary)}}.nb-theme__btn.is-active{color:var(--brand)}body.theme-dark .nb-theme__btn.is-active,body.theme-dark .nb-theme__btn.is-active i{color:var(--primary-ink)}.auth-page{max-width:600px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 200px);justify-content:center}.auth-header{text-align:center;margin-bottom:40px;width:100%}.auth-title{font-size:36px;font-weight:700;color:var(--primary-blue);margin-bottom:10px;letter-spacing:-0.5px;line-height:1.15}.auth-subtitle{font-size:17px;color:var(--muted-text);margin:0;font-weight:400;line-height:1.5}.auth-card{width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-large);padding:40px;box-shadow:0 4px 24px rgba(0,0,0,0.06);position:relative;overflow:hidden}body.theme-dark .auth-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 24px rgba(0,0,0,0.25)}body.theme-light .auth-card{background:var(--container-bg);border:1px solid var(--border-color);box-shadow:0 4px 24px rgba(0,0,0,0.06)}.auth-form{display:flex;flex-direction:column;gap:0px}.auth-form .form-group{display:flex;flex-direction:column;gap:12px}.auth-form .form-label{display:block;font-weight:600;color:var(--text-color);margin-bottom:8px;letter-spacing:0.3px}.auth-form .form-required{color:var(--primary-blue);margin-left:2px;font-weight:700}.auth-form .form-input-wrapper{position:relative;display:flex;align-items:center}.auth-form .form-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted-text);font-size:18px;z-index:2;transition:color 0.3s ease,transform 0.3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.auth-form .form-icon::before{width:18px!important;height:18px!important}.auth-form .form-input{width:100%;margin:0;padding:16px 18px 16px 56px;border:2px solid var(--border-color);border-radius:var(--radius-medium);background:var(--input-bg);color:var(--text-color);line-height:1.5;font-family:inherit;position:relative;z-index:1}body.theme-dark .auth-form .form-input{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-form .form-input{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1)}.auth-form .form-input:focus{outline:none!important;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 16%,transparent)}.auth-form .form-input-wrapper:focus-within .form-icon{color:var(--primary-blue);transform:translateY(-50%) scale(1.1)}.auth-form .form-input::placeholder{color:var(--muted-text);opacity:0.6;font-size:17px}.auth-form .form-input-textarea{min-height:150px;resize:vertical;padding-top:16px;padding-bottom:16px;line-height:1.6}.auth-form .form-input-textarea:focus{outline:none!important;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 16%,transparent)}.auth-form .form-icon-textarea{top:18px;transform:none;align-items:flex-start}.auth-form .form-input-wrapper:focus-within .form-icon-textarea{transform:scale(1.1);color:var(--primary-blue)}.auth-form .form-hint{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted-text);line-height:1.6}.auth-form .form-hint i{color:var(--primary-blue);flex-shrink:0}.auth-form .form-checkbox-label{display:flex;align-items:center;cursor:pointer;gap:14px;padding:14px;border-radius:var(--radius-medium);transition:all 0.2s ease;user-select:none;position:relative}@media (hover:hover){.auth-form .form-checkbox-label:hover{background:color-mix(in srgb,var(--primary-blue) 6%,transparent)}}.auth-form .form-checkbox{width:24px;height:24px;cursor:pointer;flex-shrink:0;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--border-color);border-radius:var(--radius-small);background:var(--input-bg);position:relative;transition:all 0.3s ease}body.theme-dark .auth-form .form-checkbox{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.2)}body.theme-light .auth-form .form-checkbox{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.2)}.auth-form .form-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2 7l4 4 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.auth-form .form-checkbox:focus{outline:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 16%,transparent),0 0 0 1px var(--primary-blue)}@media (hover:hover){.auth-form .form-checkbox-label:hover .form-checkbox{border-color:var(--primary-blue);transform:scale(1.05)}}@media (hover:hover){.auth-form .form-checkbox-label:hover .form-checkbox:checked{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}}.auth-form .form-checkbox-text{color:var(--text-color);line-height:1.6;flex:1}.auth-form .captcha-container{display:flex;justify-content:center;padding:8px 0;margin-top:4px}.auth-form .form-actions{margin-top:16px}.auth-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;font-size:18px;font-weight:600;border:none;border-radius:var(--radius-medium);cursor:pointer;transition:all 0.3s ease;text-decoration:none;font-family:inherit;position:relative;overflow:hidden;letter-spacing:0.3px}.auth-form .btn-primary{width:100%;background:var(--btn-gradient);color:white;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-blue) 28%,transparent);position:relative}@media (hover:hover){.auth-form .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary-blue) 36%,transparent);background:var(--btn-gradient-hover)}}.auth-form .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-blue) 28%,transparent)}.auth-form .btn-primary i{font-size:18px}.auth-message-container{width:100%;max-width:600px;margin-bottom:32px;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-footer{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color);text-align:center;width:100%}.auth-footer-text{color:var(--muted-text);margin:0;font-size:22px}.auth-footer-text--compact{margin-top:36px}.auth-footer-link{color:var(--link);text-decoration:none;font-weight:600;margin-left:8px;transition:all 0.3s ease;border-bottom:none!important}@media (hover:hover){.auth-footer-link:hover{color:var(--link-hover);text-decoration:underline}}.auth-alternative{width:100%;max-width:600px;margin:32px auto 0}.auth-divider{display:flex;align-items:center;margin:32px 0 24px;gap:16px}.auth-divider--compact{margin:20px 0 16px}.auth-divider-line{flex:1;height:1px;background:var(--border-color)}.auth-divider-text{padding:0 8px;color:var(--muted-text);font-size:19px;text-transform:lowercase}.auth-alternative .btn-secondary{width:100%;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}body.theme-dark .auth-alternative .btn-secondary{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-alternative .btn-secondary{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.1)}#passkey-login-btn{background:var(--container-bg)!important}body.theme-dark #passkey-login-btn{background:var(--container-bg)!important}body.theme-light #passkey-login-btn{background:var(--container-bg)!important}@media (hover:hover){.auth-alternative .btn-secondary:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-blue) 20%,transparent)}}@media (hover:hover){body.theme-dark .auth-alternative .btn-secondary:hover{background:rgba(30,41,59,0.8)}}@media (hover:hover){body.theme-light .auth-alternative .btn-secondary:hover{background:rgba(255,255,255,1)}}@media (hover:hover){#passkey-login-btn:hover{background:var(--container-bg)!important}}@media (hover:hover){body.theme-dark #passkey-login-btn:hover{background:var(--container-bg)!important}}@media (hover:hover){body.theme-light #passkey-login-btn:hover{background:var(--container-bg)!important}}.auth-oauth-providers{display:flex;flex-direction:column;gap:12px;margin-top:16px}.auth-alternative .btn-oauth{width:100%;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1);text-decoration:none}body.theme-dark .auth-alternative .btn-oauth{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.1)}body.theme-light .auth-alternative .btn-oauth{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.1)}@media (hover:hover){.auth-alternative .btn-oauth:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-blue) 20%,transparent);text-decoration:none}}@media (hover:hover){body.theme-dark .auth-alternative .btn-oauth:hover{background:rgba(30,41,59,0.8)}}@media (hover:hover){body.theme-light .auth-alternative .btn-oauth:hover{background:rgba(255,255,255,1)}}.auth-alternative .btn-oauth i.fab.fa-google{color:#4285f4}.auth-alternative .btn-oauth i.fab.fa-facebook{color:#1877f2}.auth-alternative .btn-oauth i.fab.fa-github{color:var(--text-color)}@media (max-width:768px){.auth-page{padding:24px 16px;min-height:auto}.auth-title{font-size:36px}.auth-subtitle{font-size:16px}.auth-card{padding:32px 24px;border-radius:var(--radius-medium)}.auth-form{gap:28px}.auth-form .form-group{gap:10px}.auth-form .form-actions{margin-top:12px}.auth-message-container{margin-bottom:24px}.auth-form .form-input{padding:14px 16px 14px 48px;font-size:16px}.auth-form .form-icon{left:16px;font-size:16px;width:18px;height:18px}.auth-form .form-icon::before{width:16px!important;height:16px!important}.auth-form .form-label{font-size:16px}.auth-form .form-hint{font-size:15px}.auth-form .form-checkbox{width:22px;height:22px}.auth-form .form-checkbox-text{font-size:16px}.auth-form .btn{padding:16px 28px;font-size:17px}.auth-form .btn-primary i{font-size:17px}.auth-alternative{margin-top:24px}.auth-divider{margin:24px 0 20px}}@media (max-width:480px){.auth-card{padding:24px 20px}.auth-title{font-size:32px}}body:has(.mfa-card) .footer{display:none!important}.auth-page:has(.mfa-card){min-height:calc(100dvh - 120px);justify-content:center;padding-top:16px;padding-bottom:16px}.mfa-card{width:100%;max-width:480px;margin:0 auto;padding:48px 40px 40px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--radius-large);box-shadow:0 10px 40px rgba(0,0,0,0.06);text-align:center}body.theme-dark .mfa-card{background:var(--card-bg);box-shadow:0 10px 40px rgba(0,0,0,0.28)}.mfa-card-icon{width:64px;height:64px;margin:0 auto 24px;display:grid;place-items:center;border-radius:18px;font-size:28px;color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 12%,transparent)}.mfa-card-title{font-size:28px;font-weight:700;color:var(--heading-color);letter-spacing:-0.5px;line-height:1.2;margin:0 0 10px}.mfa-card-subtitle{font-size:16px;color:var(--muted-text);line-height:1.5;margin:0}.mfa-card-account{margin:24px 0 14px;padding:12px 16px;border-radius:var(--radius-medium);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:var(--muted-text);font-size:14px;line-height:1.4;word-break:break-word}.mfa-card-account strong{color:var(--text-color);font-weight:600}.mfa-block{margin-top:28px}.mfa-block-label{margin:0 0 16px;color:var(--muted-text);font-size:14px;line-height:1.5}.mfa-otp{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.mfa-otp-input{width:100%;max-width:56px;aspect-ratio:1 / 1;padding:0;text-align:center;font-size:26px;font-weight:600;color:var(--text-color);background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-medium);font-family:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease}.mfa-otp-input:focus{outline:none!important;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 18%,transparent)}.mfa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-medium);cursor:pointer;transition:background 0.2s ease,transform 0.12s ease,box-shadow 0.2s ease,border-color 0.2s ease}.mfa-btn i{font-size:16px}.mfa-btn-primary{background:var(--btn-gradient);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-blue) 28%,transparent)}@media (hover:hover){.mfa-btn-primary:hover:not(:disabled){background:var(--btn-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary-blue) 36%,transparent)}}.mfa-btn-secondary{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}@media (hover:hover){.mfa-btn-secondary:hover:not(:disabled){border-color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 6%,var(--input-bg));transform:translateY(-1px)}}.mfa-btn:active:not(:disabled){transform:translateY(0)}.mfa-btn:disabled{opacity:0.6;cursor:default}.mfa-divider{display:flex;align-items:center;gap:14px;margin:28px 0 0;color:var(--muted-text);font-size:13px;text-transform:uppercase;letter-spacing:1px}.mfa-divider::before,.mfa-divider::after{content:'';flex:1;height:1px;background:var(--border-color)}@media (max-width:480px){.mfa-card{padding:36px 22px 28px}.mfa-card-title{font-size:24px}.mfa-otp{gap:8px}.mfa-otp-input{font-size:22px}}@media (max-height:820px){.mfa-card{padding:30px 32px 26px}.mfa-card-icon{width:50px;height:50px;font-size:23px;border-radius:15px;margin-bottom:14px}.mfa-card-title{font-size:23px}.mfa-card-subtitle{font-size:15px}.mfa-card-account{margin-top:14px;padding:9px 14px}.mfa-block{margin-top:18px}.mfa-block-label{margin-bottom:10px}}@media (max-height:700px){.mfa-card{padding:22px 26px 20px}.mfa-card-icon{width:42px;height:42px;font-size:19px;border-radius:13px;margin-bottom:10px}.mfa-card-title{font-size:20px;margin-bottom:6px}.mfa-card-subtitle{font-size:14px}.mfa-card-account{margin-top:10px;padding:7px 12px;font-size:13px}.mfa-block{margin-top:13px}.mfa-block-label{margin-bottom:8px;font-size:13px}}@media (max-height:700px){.auth-page:has(.mfa-card){padding-top:8px;padding-bottom:8px}.mfa-card{padding:16px 20px 16px}.mfa-card-icon{display:none}.mfa-card-title{font-size:18px;margin-bottom:4px}.mfa-card-subtitle{font-size:13px;line-height:1.4}.mfa-card-account{margin-top:8px;padding:6px 10px;font-size:12.5px}.mfa-block{margin-top:10px}.mfa-block-label{margin-bottom:6px;font-size:12.5px}.mfa-otp{gap:6px;margin-bottom:10px}.mfa-otp-input{width:38px;height:44px;font-size:18px}.mfa-btn,.mfa-btn.btn-submit{padding:10px 16px;font-size:14px}.mfa-divider{margin:12px 0}}body:has(.auth-shell) .footer,body:has(.auth-shell) .nb-spacer + main ~ .footer{display:none!important}body:has(.auth-shell){overflow:hidden}body:has(.auth-shell) main,body:has(.auth-shell) .layout-container,body:has(.auth-shell) .landing-container{min-height:calc(100dvh - var(--nb-height,74px))}.landing-container:has(.auth-shell),.layout-container:has(.auth-shell){height:calc(100dvh - var(--nb-height,74px));overflow:hidden}.auth-shell{height:calc(100dvh - var(--nb-height,74px));overflow:hidden}.auth-field-group{display:grid;gap:6px}.auth-field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.auth-field-label{margin:0;font-size:13px;font-weight:600;line-height:1.3;color:var(--text-color)}.auth-field-label-link{font-size:13px;white-space:nowrap}html body .auth-shell .auth-form-fields:has(.auth-field-group){gap:16px}html body .auth-shell .auth-field-group .auth-field{position:relative!important;padding-right:0!important}html body .auth-shell .auth-field-group .auth-field:has(>.auth-field-peek)>input.auth-field-input{padding-right:0!important}html body .auth-shell .auth-field-group .auth-field>.auth-field-peek{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}html body .auth-shell .auth-field-group .auth-field:has(>.auth-field-peek)::after{content:'';position:absolute;top:50%;right:49px;width:18px;height:18px;margin-top:-9px;border-radius:6px;background-color:var(--on-surface-variant,var(--muted-text,currentColor));-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / 18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / 18px 18px no-repeat;pointer-events:none;transition:background-color 150ms ease}html body .auth-shell .auth-field-group .auth-field:has(>.auth-field-peek)::before{content:'';position:absolute;top:50%;right:40px;width:36px;height:36px;margin-top:-18px;border-radius:12px;background:transparent;pointer-events:none;transition:background-color 150ms ease}html body .auth-shell .auth-field-group .auth-field.is-eye-hover:has(>.auth-field-peek)::before{background:color-mix(in srgb,var(--primary,var(--primary-blue,var(--text-color))) 10%,transparent)}html body .auth-shell .auth-field-group .auth-field.is-eye-hover:has(>.auth-field-peek)::after{background-color:var(--primary,var(--primary-blue,var(--text-color)))}html body .auth-shell .auth-field-group .auth-field.is-eye-hover,html body .auth-shell .auth-field-group .auth-field.is-eye-hover>input.auth-field-input{cursor:pointer!important}html body .auth-shell .auth-field-group .auth-field.is-revealed:has(>.auth-field-peek)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%203l18%2018'/%3E%3Cpath%20d='M10.6%206.2A9.7%209.7%200%200%201%2012%206c6.5%200%2010%207%2010%207a17.7%2017.7%200%200%201-3.1%204.1'/%3E%3Cpath%20d='M6.1%206.1C3.4%207.8%202%2012%202%2012s3.5%207%2010%207c1.7%200%203.2-.3%204.5-.9'/%3E%3Cpath%20d='M9.9%209.9a3%203%200%200%200%204.2%204.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%203l18%2018'/%3E%3Cpath%20d='M10.6%206.2A9.7%209.7%200%200%201%2012%206c6.5%200%2010%207%2010%207a17.7%2017.7%200%200%201-3.1%204.1'/%3E%3Cpath%20d='M6.1%206.1C3.4%207.8%202%2012%202%2012s3.5%207%2010%207c1.7%200%203.2-.3%204.5-.9'/%3E%3Cpath%20d='M9.9%209.9a3%203%200%200%200%204.2%204.2'/%3E%3C/svg%3E")}html body .auth-shell .auth-field-group .auth-field:has(>.auth-field-peek:focus-visible)::after{outline:2px solid var(--primary,var(--primary-blue,currentColor));outline-offset:6px}html body .auth-shell .auth-field-group .auth-field>input.auth-field-input::placeholder,html body .auth-shell .auth-field-group .auth-field>input.auth-field-input:focus::placeholder{color:color-mix(in srgb,var(--text-color,currentColor) 40%,transparent)!important;-webkit-text-fill-color:color-mix(in srgb,var(--text-color,currentColor) 40%,transparent)!important;opacity:1!important;font-weight:400!important}@media (hover:hover){html body .auth-shell .auth-field-group .auth-field>input.auth-field-input:hover::placeholder{color:color-mix(in srgb,var(--text-color,currentColor) 40%,transparent)!important;-webkit-text-fill-color:color-mix(in srgb,var(--text-color,currentColor) 40%,transparent)!important;opacity:1!important;font-weight:400!important}}html body:has(.auth-shell) .nb-spacer{height:0!important}html body:has(.auth-shell) .auth-shell{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;margin-top:0!important;border-top:var(--nb-height,74px) solid transparent!important;padding-top:0!important}html body:has(.auth-shell) main,html body:has(.auth-shell) .layout-container,html body:has(.auth-shell) .landing-container{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}html body:has(.auth-shell) .nb-root{--nb-rest-bg:transparent!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important;box-shadow:none!important}body:has(.auth-recovery) .footer{display:none!important}.auth-page.auth-recovery-page{min-height:calc(100dvh - 120px);justify-content:center;padding-top:16px;padding-bottom:16px}.auth-recovery{--field-h:50px;--radius:12px}.auth-recovery__view[hidden]{display:none!important}.auth-recovery__icon--warn{color:#d97706;background:color-mix(in srgb,#d97706 12%,transparent)}.auth-recovery__form{display:flex;flex-direction:column;gap:14px;margin-top:28px;text-align:left}.auth-recovery .auth-field-group{display:flex;flex-direction:column;gap:6px}.auth-recovery .auth-field-label{font-size:13px;font-weight:600;color:var(--text-color)}.auth-recovery .auth-field>input.auth-field-input,.auth-recovery .auth-field>input.auth-field-input:focus,.auth-recovery .auth-field>input.auth-field-input:focus-visible{appearance:none!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important;font-family:inherit!important;font-size:15px!important;line-height:1.4!important}@media (hover:hover){.auth-recovery .auth-field>input.auth-field-input:hover{appearance:none!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important;font-family:inherit!important;font-size:15px!important;line-height:1.4!important}}.auth-recovery .auth-field>input.auth-field-input::placeholder{color:var(--muted-text);opacity:0.65}.auth-recovery .auth-field.is-invalid{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,0.12)}.auth-recovery .auth-pw-reqs--compact{margin-top:-6px}.auth-recovery__captcha{display:flex;justify-content:center}.auth-recovery__error{margin:0;font-size:13px;font-weight:500;line-height:1.45;color:#dc2626;text-align:center}.auth-recovery__error[hidden]{display:none}.auth-recovery .btn.auth-recovery__submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--field-h);margin:4px 0 0;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;border-radius:var(--radius)}.auth-recovery__form.is-submitting .auth-recovery__submit{opacity:0.6;pointer-events:none}.auth-recovery__lead-action{margin-top:28px!important}.auth-recovery-back{display:inline-flex;align-items:center;gap:6px;margin-top:22px;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted-text);text-decoration:none;border-bottom:none;transition:color 150ms ease,background 150ms ease}@media (hover:hover){.auth-recovery-back:hover{color:var(--text-color);background:color-mix(in srgb,var(--text-color) 6%,transparent)}}.auth-recovery__success{display:grid;justify-items:center;gap:8px;padding:8px 0 4px;animation:auth-recovery-fade-in 260ms 80ms ease-out both}.auth-recovery__success-title{margin:12px 0 0;font-size:24px;font-weight:800;color:var(--heading-color)}.auth-recovery__success-text{margin:0;max-width:340px;font-size:15px;line-height:1.5;color:var(--muted-text)}.auth-recovery__success-action{margin-top:18px!important}@keyframes auth-recovery-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-recovery__success{animation:none}}body:has(.auth-shell) .footer,body:has(.auth-shell)>footer,body:has(.auth-shell) footer.footer,body:has(.auth-shell) .site-footer,body:has(.auth-shell) .app-footer,body:has(.auth-shell) .layout-footer,body:has(.auth-shell) .footer-navigation,body:has(.auth-shell) .page-footer{display:none!important}body:has(.auth-shell) main{margin:0!important;padding:0!important}body:has(.auth-shell){min-height:100vh;height:100vh;overflow:hidden}body:has(.auth-shell) .layout-container,body:has(.auth-shell) .landing-container,body:has(.auth-shell) main{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden}.landing-container:has(.auth-shell),.layout-container:has(.auth-shell){padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100vh!important;overflow:hidden;display:block!important}.auth-shell{--blob-rx:240px;--blob-ry:40%;--slide-ms:1100ms;--slide-ease:cubic-bezier(0.65,0,0.35,1);--fade-ms:500ms;--field-h:48px;--radius:12px;position:relative;width:100%;height:100vh;overflow:hidden;background:var(--container-bg)}.auth-blob{position:absolute;inset:0 0 0 auto;width:50%;background:radial-gradient(120% 90% at 20% 10%,color-mix(in oklab,var(--primary-blue) 70%,white 30%) 0%,transparent 55%),radial-gradient(110% 80% at 80% 100%,color-mix(in oklab,var(--primary-blue) 60%,black 35%) 0%,transparent 60%),linear-gradient(155deg,color-mix(in oklab,var(--primary-blue) 88%,white 12%) 0%,var(--primary-blue) 45%,color-mix(in oklab,var(--accent-blue) 75%,black 22%) 100%);box-shadow:0 40px 100px -30px color-mix(in oklab,var(--primary-blue) 55%,transparent),inset 0 2px 0 rgba(255,255,255,0.18),inset 0 -2px 0 rgba(0,0,0,0.1);transition:transform var(--slide-ms) var(--slide-ease),border-radius var(--slide-ms) var(--slide-ease);will-change:transform,border-radius;pointer-events:none;overflow:hidden;z-index:1}.auth-shell[data-mode='login'] .auth-blob{transform:translateX(0);border-radius:var(--blob-rx) 0 0 var(--blob-rx) / var(--blob-ry) 0 0 var(--blob-ry)}.auth-shell[data-mode='register'] .auth-blob{transform:translateX(-100%);border-radius:0 var(--blob-rx) var(--blob-rx) 0 / 0 var(--blob-ry) var(--blob-ry) 0}.auth-blob::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 40% at 25% 18%,rgba(255,255,255,0.28) 0%,transparent 60%),radial-gradient(45% 30% at 75% 85%,rgba(0,0,0,0.18) 0%,transparent 70%);mix-blend-mode:soft-light;pointer-events:none}.auth-blob-decor{position:absolute;inset:0;pointer-events:none;opacity:0.16;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.9) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 35%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 35%,transparent 80%)}.auth-pane{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center;padding:32px 56px;transition:opacity var(--fade-ms) ease;overflow-y:auto;overflow-x:hidden}.auth-pane-form{z-index:3}.auth-pane-brand{z-index:2;color:#ffffff}.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-form[data-side='login']{left:0;display:grid}.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-form[data-side='register']{display:none}.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-brand[data-side='login-brand']{right:0;display:grid}.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-brand[data-side='register-brand']{display:none}.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-form[data-side='register']{right:0;display:grid}.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-form[data-side='login']{display:none}.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-brand[data-side='register-brand']{left:0;display:grid}.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-brand[data-side='login-brand']{display:none}.auth-shell[data-active-pane='login'] .auth-pane-form[data-side='login']{left:0;display:grid}.auth-shell[data-active-pane='login'] .auth-pane-form[data-side='register']{display:none}.auth-shell[data-active-pane='login'] .auth-pane-brand[data-side='login-brand']{right:0;display:grid}.auth-shell[data-active-pane='login'] .auth-pane-brand[data-side='register-brand']{display:none}.auth-shell[data-active-pane='register'] .auth-pane-form[data-side='register']{right:0;display:grid}.auth-shell[data-active-pane='register'] .auth-pane-form[data-side='login']{display:none}.auth-shell[data-active-pane='register'] .auth-pane-brand[data-side='register-brand']{left:0;display:grid}.auth-shell[data-active-pane='register'] .auth-pane-brand[data-side='login-brand']{display:none}.auth-pane.is-mid{opacity:0}.auth-form-wrap{width:100%;max-width:380px;display:flex;flex-direction:column;gap:0}.auth-form-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 24px;text-align:center}.auth-form-title{margin:0;font-size:32px;line-height:1.1;letter-spacing:-1px;font-weight:700;color:var(--heading-color);background:none;-webkit-text-fill-color:var(--heading-color);white-space:nowrap}.auth-form-subtitle{margin:0;color:var(--muted-text);font-size:15px;line-height:1.5}.auth-form-stack{display:flex;flex-direction:column;gap:18px}.auth-form-fields{display:flex;flex-direction:column;gap:12px}.auth-field{position:relative;display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:0 12px 0 14px;height:var(--field-h);transition:border-color 150ms ease,box-shadow 150ms ease,background 250ms ease}.auth-field:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary-blue) 18%,transparent)}.auth-field-icon{color:var(--muted-text);flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center}.auth-field-peek{appearance:none;background:transparent;border:0;color:var(--muted-text);width:28px;height:28px;display:grid;place-items:center;border-radius:8px;cursor:pointer;flex-shrink:0;padding:0;margin:0}@media (hover:hover){.auth-field-peek:hover{background:color-mix(in oklab,var(--text-color) 8%,transparent);color:var(--text-color)}}.auth-form .form-input-wrapper .auth-field-peek{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:2}.auth-form .form-input-wrapper--peek .form-input{padding-right:52px}.auth-shell .auth-field>input.auth-field-input,.auth-shell .auth-field>input[type='email'].auth-field-input,.auth-shell .auth-field>input[type='password'].auth-field-input,.auth-shell .auth-field>input[type='text'].auth-field-input,.auth-shell .auth-field>input.auth-field-input:focus,.auth-shell .auth-field>input[type='email'].auth-field-input:focus,.auth-shell .auth-field>input[type='password'].auth-field-input:focus,.auth-shell .auth-field>input[type='text'].auth-field-input:focus,.auth-shell .auth-field>input.auth-field-input:focus-visible,.auth-shell .auth-field>input[type='email'].auth-field-input:focus-visible,.auth-shell .auth-field>input[type='password'].auth-field-input:focus-visible,.auth-shell .auth-field>input[type='text'].auth-field-input:focus-visible{appearance:none!important;-webkit-appearance:none!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;filter:none!important;color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-color);font-family:inherit!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important}@media (hover:hover){.auth-shell .auth-field>input.auth-field-input:hover,.auth-shell .auth-field>input[type='email'].auth-field-input:hover,.auth-shell .auth-field>input[type='password'].auth-field-input:hover,.auth-shell .auth-field>input[type='text'].auth-field-input:hover{appearance:none!important;-webkit-appearance:none!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;filter:none!important;color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-color);font-family:inherit!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important}}.auth-shell .auth-field>input.auth-field-input::placeholder{color:var(--muted-text);opacity:0.65}.auth-shell .auth-field>input.auth-field-input:-webkit-autofill,.auth-shell .auth-field>input.auth-field-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-color)!important;transition:background-color 5000s ease-in-out 0s}@media (hover:hover){.auth-shell .auth-field>input.auth-field-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-color)!important;transition:background-color 5000s ease-in-out 0s}}.auth-shell .auth-form-alert,.auth-shell .auth-form .alert{margin:0}.alert.auth-pw-reqs{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.auth-pw-req{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.35;transition:color 0.15s ease}.auth-pw-req svg{flex-shrink:0}.auth-pw-req .auth-pw-req-icon--x{color:#dc2626!important}.auth-pw-req .auth-pw-req-icon--check{display:none;color:#16a34a!important}.auth-pw-req.is-met{color:#16a34a}.auth-pw-req.is-met .auth-pw-req-icon--x{display:none}.auth-pw-req.is-met .auth-pw-req-icon--check{display:block}html body.theme-dark .auth-pw-req .auth-pw-req-icon--x{color:#f87171!important}html body.theme-dark .auth-pw-req .auth-pw-req-icon--check{color:#4ade80!important}html body.theme-dark .auth-pw-req.is-met{color:#4ade80}.auth-pw-reqs--compact{display:flex;flex-direction:column;gap:0;margin-top:-4px}.auth-pw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.auth-pw-meter i{height:4px;border-radius:2px;background:var(--border-color);transition:background 200ms ease}.auth-pw-reqs--compact[data-met='1'] .auth-pw-meter i:nth-child(-n + 1),.auth-pw-reqs--compact[data-met='2'] .auth-pw-meter i:nth-child(-n + 2),.auth-pw-reqs--compact[data-met='3'] .auth-pw-meter i:nth-child(-n + 3){background:#f59e0b}.auth-pw-reqs--compact[data-met='4'] .auth-pw-meter i{background:#16a34a}.auth-pw-reqs--compact .auth-pw-req-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;max-height:0;opacity:0;overflow:hidden;transition:max-height 220ms ease,opacity 180ms ease,padding 220ms ease}.auth-field-group:focus-within + .auth-pw-reqs--compact .auth-pw-req-list,.auth-field-group.is-invalid + .auth-pw-reqs--compact .auth-pw-req-list,.auth-pw-reqs--compact.is-typed:not([data-met='4']) .auth-pw-req-list{max-height:80px;opacity:1;padding-top:8px}.auth-pw-reqs--compact .auth-pw-req{font-size:12px;color:var(--muted-text)}.auth-pw-reqs--compact .auth-pw-req.is-met{color:#16a34a}html body .auth-shell .auth-pw-reqs--compact .auth-pw-req .auth-pw-req-icon--x{color:var(--muted-text)!important}html body .auth-shell .auth-field-group.is-invalid + .auth-pw-reqs--compact .auth-pw-req:not(.is-met),html body .auth-shell .auth-field-group.is-invalid + .auth-pw-reqs--compact .auth-pw-req .auth-pw-req-icon--x{color:#dc2626!important}html body.theme-dark .auth-shell .auth-pw-reqs--compact .auth-pw-req.is-met{color:#4ade80}@media (max-width:380px){.auth-pw-reqs--compact .auth-pw-req-list{grid-template-columns:1fr}}@media (max-width:380px){.alert.auth-pw-reqs{grid-template-columns:1fr}}.auth-form-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:-8px}.auth-check{display:inline-flex;align-items:center;gap:10px;color:var(--muted-text);font-size:14px;cursor:pointer;user-select:none;line-height:1.4}.auth-check input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.auth-check-box{flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:5px;display:grid;place-items:center;color:transparent;background:var(--input-bg);transition:all 150ms ease}.auth-check input:checked + .auth-check-box{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--brand-ink)}.auth-shell button.auth-submit-btn{appearance:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--field-h);padding:0 24px;margin:0;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1;cursor:pointer;transition:transform 120ms ease,opacity 150ms ease,box-shadow 200ms ease}@media (hover:hover){.auth-shell button.auth-submit-btn:hover{transform:translateY(-1px)}}.auth-shell button.auth-submit-btn:active{transform:translateY(0)}.auth-shell button.auth-submit-btn span,.auth-shell button.auth-submit-btn i{color:inherit!important;font:inherit!important}.auth-shell button.auth-submit-btn--sm{height:44px!important;font-size:14px!important}.auth-oauth-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px}.auth-social-label{display:none;font-family:inherit;font-size:14px;font-weight:600;line-height:1;margin-left:10px;white-space:nowrap}.auth-oauth-row:has(>:first-child:last-child) .auth-social-label,.auth-oauth-row:has(>:nth-child(2):last-child) .auth-social-label{display:inline}.auth-oauth-row:has(>:first-child:last-child) .auth-social-btn,.auth-oauth-row:has(>:nth-child(2):last-child) .auth-social-btn{flex:0 0 auto;width:auto;padding:0 16px}.auth-social-btn--disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;filter:grayscale(0.6)}.auth-shell .auth-social-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 1 52px;width:52px;min-width:0;height:48px;min-height:48px;padding:0;margin:0;background:transparent!important;border:0 solid transparent!important;border-width:0!important;border-radius:12px!important;box-shadow:none!important;color:var(--text-color)!important;letter-spacing:normal;cursor:pointer;text-decoration:none;transition:background 150ms ease,transform 120ms ease}@media (hover:hover){.auth-shell .auth-social-btn:hover{background:color-mix(in oklab,var(--text-color) 7%,transparent)!important;transform:translateY(-1px)}}.auth-shell .auth-oauth-row #passkey-login-btn{background:transparent!important}@media (hover:hover){.auth-shell .auth-oauth-row #passkey-login-btn:hover{background:color-mix(in oklab,var(--text-color) 7%,transparent)!important}}.auth-shell .auth-social-btn:active{transform:translateY(0)}.auth-social-icon{display:block}.auth-divider{display:flex;align-items:center;gap:14px;margin:16px 0}.auth-oauth-row + .auth-divider{margin:12px 0 18px}.auth-form-stack + .auth-mobile-toggle{margin-top:24px}.auth-divider>.auth-divider-line{flex:1 1 auto;height:1px;background:var(--border-color);min-width:1px;font-size:0}.auth-divider>.auth-divider-text{flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:500;color:var(--muted-text);text-transform:none;white-space:nowrap;line-height:1}.auth-captcha-wrap{display:flex;justify-content:center;padding:4px 0}.auth-legal{margin:14px 0 0;text-align:center;font-size:12px;color:var(--muted-text);line-height:1.55}.auth-legal a{color:var(--text-color);font-weight:600;text-decoration:none;border-bottom:0;transition:color 150ms ease}@media (hover:hover){.auth-legal a:hover{color:var(--muted-text);text-decoration:none;border-bottom:0}}.auth-shell .auth-link{background:none;border:0;padding:0;margin:0;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text-color);text-decoration:none;cursor:pointer;transition:color 150ms ease}@media (hover:hover){.auth-shell .auth-link:hover{color:var(--muted-text);text-decoration:none}}.auth-mobile-toggle{display:none;text-align:center;font-size:14px;color:var(--muted-text);margin-top:4px}.auth-mobile-toggle .auth-link{margin-left:6px}.auth-shell .auth-brand-wrap{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;color:#ffffff!important}.auth-shell .auth-brand-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:8px}.auth-shell .auth-brand-glyph{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,0.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.35);display:grid;place-items:center;font-weight:800;font-size:18px;color:#ffffff!important;letter-spacing:0;overflow:hidden;padding:6px}.auth-shell .auth-brand-glyph img,.auth-shell .auth-brand-glyph svg{width:100%;height:100%;object-fit:contain;display:block}.auth-shell .auth-brand-wordmark{font-size:14px;font-weight:600;letter-spacing:0.5px;opacity:0.9;color:#ffffff!important}.auth-shell .auth-brand-wordmark .brand-tld{font-size:10px;color:color-mix(in srgb,#ffffff 72%,transparent)!important;background:none}.auth-shell .auth-brand-h,.auth-shell h2.auth-brand-h{margin:24px 0 0;font-size:56px;line-height:1.02;letter-spacing:-2px;font-weight:700;color:#ffffff!important;background:none!important;-webkit-text-fill-color:#ffffff!important;text-wrap:balance}.auth-shell .auth-brand-sub,.auth-shell p.auth-brand-sub{margin:0;max-width:36ch;font-size:16px;line-height:1.5;opacity:0.92;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.auth-shell button.auth-brand-cta{appearance:none;margin-top:6px;height:50px;padding:0 36px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,0.95)!important;color:#1a1408!important;font-family:inherit!important;font-size:15px!important;font-weight:600!important;letter-spacing:0;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,0.04),0 10px 20px -10px rgba(0,0,0,0.25);transition:transform 140ms ease,background 150ms ease;width:auto!important;min-width:0!important}@media (hover:hover){.auth-shell button.auth-brand-cta:hover{background:#ffffff!important;color:#000000!important;transform:translateY(-1px)}}.auth-shell button.auth-brand-cta:active{transform:translateY(0)}.auth-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.5;margin:0 0 16px;animation:authAlertSlide 0.3s ease}.auth-alert[style*='display: none'],.auth-alert[style*='display:none']{margin:0!important}.auth-shell .auth-form-stack .auth-form-alert,.auth-shell .auth-form-stack .alert{margin:0}@keyframes authAlertSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.auth-alert-content{display:flex;flex-direction:column;gap:4px}.auth-alert-content strong{font-weight:600;font-size:14px}.auth-alert-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.auth-alert-action-btn{border:1px solid currentColor;background:transparent;color:inherit;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}@media (hover:hover){.auth-alert-action-btn:hover{background:rgba(239,68,68,0.12)}}.auth-alert-hint{font-size:13px;color:var(--muted-text)}.auth-alert-link-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.auth-alert-code-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auth-alert-code{font-size:20px;font-weight:700;letter-spacing:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-alert-link-input{flex:1;min-width:160px;height:30px;padding:0 10px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:13px}.auth-alert-copy-btn{padding:6px 12px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:13px;font-weight:600;cursor:pointer}.auth-alert-danger{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#ef4444}body.theme-light .auth-alert-danger{background:rgba(239,68,68,0.08);color:#dc2626}.auth-alert-success{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.3);color:#22c55e}body.theme-light .auth-alert-success{background:rgba(34,197,94,0.08);color:#16a34a}#resend-panel{display:flex;flex-direction:column;align-items:center;text-align:center}#resend-panel[hidden]{display:none}.auth-resend-hero{position:relative;width:168px;height:168px;margin:0 0 20px;display:grid;place-items:center}.auth-resend-halo{position:absolute;inset:10px;border-radius:50%;background:color-mix(in oklab,var(--primary-blue) 14%,transparent);animation:authResendBreathe 3.2s ease-in-out infinite}.auth-resend-mascot{position:relative;width:150px;height:auto;animation:authResendFloat 3.2s ease-in-out infinite}.auth-resend-dots{position:relative;display:flex;align-items:center;gap:12px}.auth-resend-dots i{width:16px;height:16px;border-radius:50%;background:var(--primary-blue);animation:authResendHop 1.2s ease-in-out infinite}.auth-resend-dots i:nth-child(2){opacity:0.8;animation-delay:0.15s}.auth-resend-dots i:nth-child(3){opacity:0.6;animation-delay:0.3s}.auth-resend-badge{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--primary-blue);box-shadow:0 6px 18px -8px rgba(15,27,51,0.45)}body.theme-dark .auth-resend-badge{background:var(--card-bg)}@keyframes authResendFloat{50%{transform:translateY(-6px)}}@keyframes authResendBreathe{50%{transform:scale(1.05)}}@keyframes authResendHop{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-12px)}}.auth-shell .auth-resend-title{margin:0 0 8px;white-space:normal}.auth-resend-lead{margin:0 0 22px;font-size:15px;line-height:1.5;color:var(--muted-text);overflow-wrap:anywhere}.auth-resend-lead strong{color:var(--heading-color)}.auth-shell button.auth-resend-inline-link{appearance:none;display:inline;height:auto!important;min-height:0!important;margin:0 0 0 6px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--primary-blue)!important;font-family:inherit;font-size:inherit;font-weight:700;letter-spacing:0!important;line-height:inherit;text-transform:none!important;cursor:pointer}@media (hover:hover){.auth-shell button.auth-resend-inline-link:hover{text-decoration:underline;text-underline-offset:3px}}.auth-resend-actions{display:flex;justify-content:center;width:100%}.auth-shell button.auth-resend-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;height:48px;margin:0;padding:0 24px;font-family:inherit;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.auth-shell button.auth-resend-btn:disabled{opacity:1;cursor:default;color:var(--muted-text)}.auth-resend-ring,.auth-resend-done{display:none;flex:0 0 auto}.auth-resend-ring svg{display:block;transform:rotate(-90deg)}.auth-resend-ring circle{fill:none;stroke-width:3}.auth-resend-ring-track{stroke:var(--border-color)}.auth-resend-ring-prog{stroke:var(--primary-blue);stroke-linecap:round;stroke-dasharray:56.55;transition:stroke-dashoffset 1s linear}#resend-panel[data-state='wait'] .auth-resend-ring,#resend-panel[data-state='sent'] .auth-resend-done{display:block}.auth-shell #resend-panel[data-state='sent'] button.auth-resend-btn{background:color-mix(in oklab,#16a34a 14%,transparent)!important;border-color:transparent!important;color:#16a34a!important;animation:authResendPop 0.25s ease-out}body.theme-dark .auth-shell #resend-panel[data-state='sent'] button.auth-resend-btn{color:#22c55e!important}@keyframes authResendPop{from{transform:scale(0.94);opacity:0}}#resend-panel .auth-resend-when-edit,#resend-panel[data-state='edit'] .auth-resend-when-sent{display:none}#resend-panel[data-state='edit'] .auth-resend-when-edit{display:flex}#resend-panel[data-state='edit'] p.auth-resend-when-edit{display:block}.auth-resend-change-form{flex-direction:column;align-items:center;gap:12px;width:100%}.auth-resend-change-form .auth-field{width:100%}.auth-shell .auth-resend-change-form button.auth-submit-btn{width:auto;min-width:240px}.auth-shell .auth-resend-change-form button.auth-resend-inline-link{margin:0}.auth-resend-feedback{margin:12px 0 0;font-size:13px;color:#dc2626;animation:authAlertSlide 0.2s ease}body.theme-dark .auth-resend-feedback{color:#ef4444}.auth-resend-hint{margin:16px 0 0;font-size:13px;color:var(--muted-text)}@media (prefers-reduced-motion:reduce){.auth-resend-halo,.auth-resend-mascot,.auth-resend-dots i{animation:none}}@media (max-width:820px){body:has(.auth-shell),body:has(.auth-shell) .layout-container,body:has(.auth-shell) .landing-container,body:has(.auth-shell) main,.landing-container:has(.auth-shell),.layout-container:has(.auth-shell){height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important}.auth-shell{height:auto!important;min-height:100vh!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.auth-shell .auth-blob,.auth-shell[data-mode] .auth-blob,.auth-shell[data-active-pane] .auth-blob,.auth-shell .auth-pane-brand,.auth-shell .auth-pane-brand[data-side],.auth-shell[data-mode] .auth-pane-brand[data-side='login-brand'],.auth-shell[data-mode] .auth-pane-brand[data-side='register-brand'],.auth-shell[data-active-pane='login'] .auth-pane-brand[data-side='login-brand'],.auth-shell[data-active-pane='login'] .auth-pane-brand[data-side='register-brand'],.auth-shell[data-active-pane='register'] .auth-pane-brand[data-side='register-brand'],.auth-shell[data-active-pane='register'] .auth-pane-brand[data-side='login-brand']{display:none!important}.auth-shell .auth-pane-form,.auth-shell[data-mode] .auth-pane-form[data-side],.auth-shell[data-active-pane] .auth-pane-form[data-side]{position:relative!important;top:auto!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;height:auto!important;padding:80px 24px 40px!important;overflow:visible!important}.auth-shell[data-active-pane='login'] .auth-pane-form[data-side='register'],.auth-shell[data-active-pane='register'] .auth-pane-form[data-side='login'],.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-form[data-side='register'],.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-form[data-side='login']{display:none!important}.auth-shell[data-active-pane='login'] .auth-pane-form[data-side='login'],.auth-shell[data-active-pane='register'] .auth-pane-form[data-side='register'],.auth-shell[data-mode='login']:not([data-active-pane]) .auth-pane-form[data-side='login'],.auth-shell[data-mode='register']:not([data-active-pane]) .auth-pane-form[data-side='register']{display:flex!important;align-items:center!important;justify-content:center!important}.auth-shell .auth-mobile-toggle{display:flex!important}.auth-shell .auth-form-title{font-size:28px!important;white-space:normal!important}.auth-shell .auth-mobile-toggle{flex-direction:column;align-items:center;gap:14px;margin-top:32px;padding:22px 24px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-blue,var(--text-color)) 8%,transparent) 0%,color-mix(in srgb,var(--primary-blue,var(--text-color)) 4%,transparent) 100%);border:1px solid color-mix(in srgb,var(--primary-blue,var(--text-color)) 24%,transparent);border-radius:20px;text-align:center}.auth-shell .auth-mobile-toggle>span{color:var(--muted-text);font-size:14px;margin:0}.auth-shell .auth-mobile-toggle .auth-link{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:12px 32px;min-height:46px;min-width:180px;background:var(--primary-blue,var(--text-color));color:var(--container-bg,#ffffff);border:0;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:0.2px;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px -2px color-mix(in srgb,var(--primary-blue,var(--text-color)) 40%,transparent),inset 0 1px 0 rgba(255,255,255,0.2);transition:transform 160ms ease,box-shadow 200ms ease}.auth-shell .auth-mobile-toggle .auth-link:hover{transform:translateY(-1px);color:var(--container-bg,#ffffff);box-shadow:0 8px 20px -4px color-mix(in srgb,var(--primary-blue,var(--text-color)) 52%,transparent),inset 0 1px 0 rgba(255,255,255,0.26)}}@media (max-width:480px){.auth-shell .auth-form-title{font-size:24px!important}.auth-pane-form{padding:64px 18px 32px!important}.auth-oauth-row{gap:8px}}.auth-shell button,.auth-shell input{-webkit-tap-highlight-color:transparent}.auth-shell .auth-field-peek:focus-visible,.auth-shell button.auth-submit-btn:focus-visible,.auth-shell .auth-social-btn:focus-visible,.auth-shell button.auth-brand-cta:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-blob,.auth-pane,.auth-shell button,.auth-social-btn{transition:none!important;animation:none!important}}@media print{.auth-blob,.auth-pane-brand{display:none}.auth-pane-form{position:static;width:100%;padding:0}}html body.theme-dark .auth-shell .auth-brand-wrap,html body.theme-dark .auth-shell .auth-brand-mark,html body.theme-dark .auth-shell .auth-brand-wordmark,html body.theme-dark .auth-shell h2.auth-brand-h,html body.theme-dark .auth-shell .auth-brand-h,html body.theme-dark .auth-shell p.auth-brand-sub,html body.theme-dark .auth-shell .auth-brand-sub{color:#111111!important;-webkit-text-fill-color:#111111!important}html body.theme-dark .auth-shell .auth-brand-glyph{background:rgba(0,0,0,0.18)!important;border-color:rgba(0,0,0,0.28)!important}html body.theme-dark .auth-shell button.auth-brand-cta,html body.theme-dark .auth-shell button.auth-brand-cta *{color:#111111!important;-webkit-text-fill-color:#111111!important}@media (hover:hover){html body.theme-dark .auth-shell button.auth-brand-cta:hover,html body.theme-dark .auth-shell button.auth-brand-cta:hover *{color:#000000!important;-webkit-text-fill-color:#000000!important}}.auth-register-stage{position:relative}.auth-register-success{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;animation:auth-register-success-in 260ms 120ms ease-out both}.auth-register-success[hidden]{display:none}.auth-register-success__title{margin:10px 0 0;font-size:22px;font-weight:700;color:var(--heading-color)}.auth-register-success__text{margin:0;font-size:15px;color:var(--muted-text)}.auth-register-stage .auth-form-fields,#register-form .auth-check,#register-form .auth-captcha-wrap{transition:opacity 240ms ease,transform 240ms ease}#register-form.is-registered .auth-form-fields{opacity:0;transform:scale(0.97);pointer-events:none}#register-form.is-registered .auth-check,#register-form.is-registered .auth-captcha-wrap{opacity:0;pointer-events:none}.auth-shell button.auth-submit-btn{position:relative}.auth-shell button.auth-submit-btn .auth-submit-label{transition:opacity 200ms ease,transform 200ms ease}.auth-submit-done{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;opacity:0;pointer-events:none}#register-form.is-registered .auth-submit-btn{pointer-events:none}#register-form.is-registered .auth-submit-btn .auth-submit-label{opacity:0;transform:translateY(-6px) scale(0.92)}#register-form.is-registered .auth-submit-done{opacity:1;animation:auth-submit-done-draw 360ms 160ms ease-out forwards}@keyframes auth-register-success-in{from{opacity:0}to{opacity:1}}@keyframes auth-submit-done-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.auth-register-success,#register-form.is-registered .auth-submit-done{animation:none}#register-form.is-registered .auth-submit-done{stroke-dashoffset:0}}html body .auth-shell .auth-field-group.is-invalid .auth-field,html body .auth-shell .auth-field-group.is-invalid .auth-field:focus-within{border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,0.14)!important}html body .auth-shell .auth-field-group.is-invalid .auth-field-icon{color:#ef4444!important}html body .auth-shell .auth-field-error{margin:6px 0 0;font-size:13px;line-height:1.4;color:#ef4444;animation:auth-field-error-in 180ms ease-out}html body.theme-light .auth-shell .auth-field-group.is-invalid .auth-field,html body.theme-light .auth-shell .auth-field-group.is-invalid .auth-field:focus-within{border-color:#dc2626!important}html body.theme-light .auth-shell .auth-field-group.is-invalid .auth-field-icon,html body.theme-light .auth-shell .auth-field-error{color:#dc2626!important}@keyframes auth-field-error-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html body .auth-shell .auth-field-error{animation:none}}.base-success-check{--success-check-size:84px;--success-check-color:var(--success,#1f9d6b);--success-check-soft:color-mix(in srgb,var(--success-check-color) 14%,transparent);--success-check-accent:var(--brand,var(--primary-color,var(--primary-blue,#fb596e)));position:relative;display:inline-grid;place-items:center;width:var(--success-check-size);height:var(--success-check-size)}.base-success-check[hidden],[hidden]>.base-success-check{display:none}.base-success-check svg{display:block;width:100%;height:100%;overflow:visible;animation:base-success-check-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both}.base-success-check__ring{fill:var(--success-check-soft);stroke:var(--success-check-color);stroke-width:3;stroke-dasharray:176;stroke-dashoffset:176;transform:rotate(-90deg);transform-origin:32px 32px;animation:base-success-check-draw 0.55s ease-out forwards}.base-success-check__tick{fill:none;stroke:var(--success-check-color);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:base-success-check-draw 0.35s 0.45s ease-out forwards}.base-success-check__dot{--r:0deg;position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--success-check-accent);opacity:0;animation:base-success-check-burst 0.7s 0.55s ease-out forwards}.base-success-check__dot:nth-of-type(even){width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:var(--success-check-color)}.base-success-check__dot:nth-of-type(2){--r:45deg}.base-success-check__dot:nth-of-type(3){--r:90deg}.base-success-check__dot:nth-of-type(4){--r:135deg}.base-success-check__dot:nth-of-type(5){--r:180deg}.base-success-check__dot:nth-of-type(6){--r:225deg}.base-success-check__dot:nth-of-type(7){--r:270deg}.base-success-check__dot:nth-of-type(8){--r:315deg}@keyframes base-success-check-pop{from{transform:scale(0.6)}to{transform:scale(1)}}@keyframes base-success-check-draw{to{stroke-dashoffset:0}}@keyframes base-success-check-burst{0%{opacity:0;transform:rotate(var(--r)) translateY(0) scale(0.4)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--r)) translateY(calc(var(--success-check-size) * -0.64)) scale(1)}}@media (prefers-reduced-motion:reduce){.base-success-check svg,.base-success-check__ring,.base-success-check__tick,.base-success-check__dot{animation:none}.base-success-check__ring,.base-success-check__tick{stroke-dashoffset:0}}.button-sm{padding:0.5rem 1rem;font-size:0.9em}.button:disabled,button:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.copy-btn.copied{background:rgba(102,187,106,0.1)!important;border-color:#66bb6a!important;color:#66bb6a!important}body.theme-light .copy-btn.copied{background:rgba(40,167,69,0.1)!important;border-color:#28a745!important;color:#28a745!important}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}body.theme-light .loading-overlay{background:rgba(255,255,255,0.9)}.loading-overlay.show{opacity:1;visibility:visible}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-icon{font-size:5rem;color:var(--link);animation:spin 0.8s linear infinite}.loading-text{color:#ffffff;font-size:1.5rem;font-weight:600;letter-spacing:0.05em}body.theme-light .loading-text{color:#333333}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.color-converter-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.color-input-row{margin-bottom:1.5rem}.color-label{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem;font-weight:600}.color-channel{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--link);color:white;border-radius:6px;font-weight:700;font-size:1.1rem}.color-range{color:var(--text-color);font-size:0.95rem}.slider-number-group{display:grid;grid-template-columns:1fr 82px;gap:1rem;align-items:center}.color-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none}#rgbR{background:linear-gradient(to right,#000,#ff0000)}#rgbG{background:linear-gradient(to right,#000,#00ff00)}#rgbB{background:linear-gradient(to right,#000,#0000ff)}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);border:2px solid #333}.color-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;border:2px solid #333;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.color-number-input{width:100%;padding:0.5rem;text-align:center;font-size:1rem;font-weight:600;border:2px solid var(--border-color);border-radius:var(--radius-small);background:var(--input-bg);color:var(--text-color)}.color-preview-section{display:flex;align-items:center;justify-content:center}.color-preview-large{width:100%;height:100px;border:3px solid var(--border-color);border-radius:var(--radius-small);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.color-preview-clickable{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s ease,box-shadow 0.2s ease}@media (hover:hover){.color-preview-clickable:hover{border-color:var(--link);box-shadow:0 6px 20px rgba(0,0,0,0.25)}}.color-picker-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.color-picker-icon{font-size:1.5rem;color:rgba(255,255,255,0.7);text-shadow:0 2px 4px rgba(0,0,0,0.5);opacity:0;transition:opacity 0.2s ease}@media (hover:hover){.color-preview-clickable:hover .color-picker-icon{opacity:1}}.color-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.color-result-card{background:rgba(255,255,255,0.04);border:2px solid var(--border-color);border-radius:var(--radius-small);padding:1.25rem}body.theme-light .color-result-card{background:#f8f9fa}.result-label{font-weight:600;font-size:0.9rem;color:var(--muted-text);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.result-value-row{display:flex;gap:0.75rem;align-items:center}.result-input{flex:1;padding:0.75rem;font-family:'Courier New',monospace;font-size:1.1rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-small);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all 0.2s ease;line-height:1.65}@media (hover:hover){.result-input:hover{border-color:var(--link);background:var(--input-bg)}}.result-value-row .button-sm{padding:0.825rem 1rem!important;line-height:1!important;margin:0!important;position:relative;top:-5px}.quick-colors{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.04);border:2px solid var(--border-color);border-radius:var(--radius-small)}body.theme-light .quick-colors{background:#f8f9fa}.quick-colors-label{font-weight:600;margin-bottom:1rem;color:var(--text-color)}.quick-colors-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0.75rem}.quick-color-btn{width:100%;height:50px;border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-small);cursor:pointer;transition:all 0.2s ease;padding:0;box-shadow:0 2px 6px rgba(0,0,0,0.2)}body.theme-light .quick-color-btn{border-color:rgba(0,0,0,0.2)}@media (hover:hover){.quick-color-btn:hover{transform:scale(1.08);box-shadow:0 6px 16px rgba(0,0,0,0.4);border-width:3px;border-color:var(--link)}}@media (hover:hover){body.theme-light .quick-color-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,0.25)}}.hex-input-section{display:flex;flex-direction:column;gap:0.75rem}.hex-input-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0.75rem}.hex-input{flex:1;padding:1rem 1.25rem;font-size:1.5rem;font-family:'SF Mono','Monaco','Consolas',monospace;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-small);color:var(--text-color);transition:border-color 0.2s ease}.hex-input:focus{outline:none;border-color:var(--link)}.hex-input::placeholder{color:var(--text-muted);opacity:0.5}.paste-btn{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);flex-shrink:0;position:relative;top:-5px}.input-hint{color:var(--text-muted);font-size:0.9rem}.input-with-clear{position:relative}.input-clear{position:absolute;top:1.1rem;right:1rem;color:var(--muted-text);font-size:1.2rem;cursor:pointer;z-index:1;transition:color 0.2s ease,background 0.2s ease;padding:0.3rem;background:transparent;border-radius:50%;display:none!important}.input-clear.visible{display:block!important}@media (hover:hover){.input-clear:hover{color:var(--text-color);background:rgba(255,255,255,0.1)}}@media (hover:hover){body.theme-light .input-clear:hover{background:rgba(0,0,0,0.05)}}.rgb-quick-input-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.rgb-quick-input-section .hex-input{font-size:1.1rem;text-transform:none;letter-spacing:normal}.rgb-quick-input-section .hex-input::placeholder{font-size:0.95rem}.color-explorer-input{margin-bottom:2rem}.color-explorer-input .hex-input{text-transform:none;letter-spacing:normal}.color-results-4{grid-template-columns:repeat(4,1fr)}@media (max-width:968px){.color-results-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.color-results-4{grid-template-columns:1fr}}.color-results-5{grid-template-columns:repeat(5,1fr)}.color-results-5 .result-input{min-width:0;width:100%;font-size:0.85rem}@media (max-width:968px){.color-results-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.color-results-5{grid-template-columns:1fr}.color-results-5 .result-input{font-size:0.9rem}}.color-variations-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.color-variations-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:0.5rem;margin-top:1rem}@media (max-width:968px){.color-variations-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:600px){.color-variations-grid{grid-template-columns:repeat(4,1fr)}}.color-variation-item{cursor:pointer;text-align:center;transition:transform 0.2s ease}@media (hover:hover){.color-variation-item:hover{transform:scale(1.1)}}.variation-swatch{width:100%;height:50px;border-radius:var(--radius-small);border:2px solid var(--border-color);margin-bottom:0.5rem}.variation-hex{font-size:0.95rem;font-weight:700;font-family:'SF Mono','Monaco','Consolas',monospace;color:#ffffff;letter-spacing:0.02em}body.theme-light .variation-hex{color:#1a1a2e}.color-harmony-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0.75rem;margin-top:1rem}@media (max-width:968px){.color-harmony-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.color-harmony-grid{grid-template-columns:repeat(2,1fr)}}.color-harmony-item{cursor:pointer;text-align:center;padding:0.75rem;background:var(--input-bg);border-radius:var(--radius-small);border:1px solid var(--border-color);transition:all 0.2s ease}@media (hover:hover){.color-harmony-item:hover{border-color:var(--link);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}}.harmony-swatch{width:100%;height:60px;border-radius:var(--radius-small);border:2px solid rgba(255,255,255,0.1);margin-bottom:0.75rem}.harmony-label{display:block;font-size:0.9rem;font-weight:700;color:#ffffff;margin-bottom:0.35rem}body.theme-light .harmony-label{color:#1a1a2e}.harmony-hex{display:block;font-size:1rem;font-weight:700;font-family:'SF Mono','Monaco','Consolas',monospace;color:#5b9bd5;letter-spacing:0.02em}body.theme-light .harmony-hex{color:#1976d2}.color-picker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;background:rgba(0,0,0,0.6);color:white;font-size:1.1rem;font-weight:600;border-radius:var(--radius);transition:opacity 0.3s ease;pointer-events:none}.color-picker-overlay i{font-size:2rem}.color-picker-overlay.hidden{opacity:0}.color-palette-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.palette-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.saved-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.75rem}.saved-color-item{position:relative;background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-small);padding:0.75rem;cursor:pointer;transition:all 0.2s ease}@media (hover:hover){.saved-color-item:hover{border-color:var(--link);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}}.saved-color-swatch{width:100%;height:60px;border-radius:var(--radius-small);border:2px solid rgba(255,255,255,0.1);margin-bottom:0.5rem}.saved-color-hex{display:block;font-size:0.85rem;font-weight:600;font-family:'SF Mono','Monaco','Consolas',monospace;color:var(--text-color);text-align:center;margin-bottom:0.5rem}.saved-color-delete{display:block;width:100%;background:var(--input-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-small);padding:0.4rem;cursor:pointer;transition:all 0.2s ease;font-size:0.75rem;text-align:center}@media (hover:hover){.saved-color-delete:hover{background:#f44336;color:white;border-color:#f44336}}.empty-palette-message{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:0.95rem;background:var(--input-bg);border-radius:var(--radius-small);border:2px dashed var(--border-color)}@media (max-width:600px){.saved-colors-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.code-textarea{font-family:'Courier New','Monaco','Inconsolata','Roboto Mono',monospace;font-size:1.1rem;line-height:1.8;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-small);padding:1rem;width:100%;resize:vertical;transition:all 0.3s ease;letter-spacing:0.02em}.code-textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 3px rgba(52,152,219,0.1)}.code-textarea::placeholder{color:var(--text-muted);opacity:0.85;font-size:1rem;letter-spacing:0.02em}.tool-input-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium);padding:1.5rem;margin-bottom:1.5rem}.tool-input-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.tool-input-card .card-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:0.75rem;letter-spacing:0.02em}.tool-input-card .card-header h3 i{color:var(--link);font-size:1.2rem}.tool-input-card .card-actions{display:flex;gap:0.5rem;flex-wrap:wrap}.tool-input-card .button-sm{padding:0.7rem 1.3rem;font-size:1.05rem;font-weight:500;letter-spacing:0.02em}.color-adjust-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.adjust-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;color:var(--text-muted);font-size:0.9rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.adjust-header i{color:var(--link)}@media (max-width:968px){.color-converter-layout{grid-template-columns:1fr}.color-results{grid-template-columns:1fr}.quick-colors-grid{grid-template-columns:repeat(4,1fr)}}.color-preview{width:100px;height:100px;border:2px solid var(--border-color);border-radius:var(--radius-small);margin:1rem 0}.dropzone{border:2px dashed var(--border-color);border-radius:1rem;padding:3rem 2rem;text-align:center;background:var(--card-bg);transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden}.dropzone::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(91,155,213,0.1),transparent);transition:left 0.5s ease}body.theme-light .dropzone::before{background:linear-gradient(90deg,transparent,rgba(25,118,210,0.1),transparent)}@media (hover:hover){.dropzone:hover{border-color:var(--link);background:rgba(91,155,213,0.02)}}@media (hover:hover){body.theme-light .dropzone:hover{background:rgba(25,118,210,0.02)}}@media (hover:hover){.dropzone:hover::before{left:100%}}.dropzone.drag-over{border-color:var(--link);background:rgba(91,155,213,0.1);transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,0.15)}body.theme-light .dropzone.drag-over{background:rgba(25,118,210,0.1)}.dropzone.drag-over::before{left:100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.dropzone-icon{font-size:4rem;color:var(--link);margin-bottom:1rem;animation:bounce 2s infinite;transition:all 0.6s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone.drag-over .dropzone-icon{animation:pulse 0.5s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.dropzone-icon.uploading{animation:uploadBounce 0.8s ease-in-out infinite}.dropzone-icon.uploaded{animation:uploadSuccess 0.5s ease-out;color:#4caf50}@keyframes uploadBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes uploadSuccess{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(10deg)}100%{transform:scale(1) rotate(0deg)}}.dropzone-text{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:0.5rem}.dropzone-hint{color:var(--text-muted);font-size:0.9rem}.dropzone-file-input{display:none}@media (max-width:768px){.dropzone{padding:2rem 1rem}.dropzone-icon{font-size:3rem}}.image-preview-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;text-align:center}.image-preview{max-width:100%;max-height:400px;margin:0 auto 1rem;border-radius:var(--radius-small);box-shadow:0 4px 12px rgba(0,0,0,0.15);display:block}.image-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.image-info-item{background:var(--input-bg);padding:0.75rem 1rem;border-radius:var(--radius-small);font-size:0.9rem;color:var(--text-color)}.image-info-item i{color:var(--link);margin-right:0.5rem}.result-textarea{width:100%;min-height:120px;max-height:250px;padding:0.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-small);color:var(--text-color);font-family:'SF Mono','Monaco','Consolas',monospace;font-size:0.85rem;resize:vertical;line-height:1.5}.result-textarea:focus{outline:none;border-color:var(--link)}.tab-list{display:flex;gap:3.125rem;margin:0 auto 2.5rem auto;position:relative;padding-bottom:0.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;max-width:fit-content}.tab-list::-webkit-scrollbar{display:none}.tab{position:relative;padding:1rem 0;margin:0;border:none;background:none;text-decoration:none;cursor:pointer;font-weight:500;font-size:1.375rem;display:inline-flex;align-items:center;gap:0.875rem;white-space:nowrap;transition:color 200ms ease-in-out;z-index:1;-webkit-appearance:none;appearance:none;box-shadow:none;outline:none;color:#1e293b}.tab:focus{outline:2px solid #6366f1;outline-offset:4px;border-radius:4px}.tab i{font-size:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color 200ms ease-in-out;color:#1e293b}.tab span{transition:color 200ms ease-in-out}@media (hover:hover){.tab:hover:not(.active){color:#0f172a}}@media (hover:hover){.tab:hover:not(.active) i{color:#0f172a}}.tab.active{color:#4f46e5;font-weight:500}.tab.active i{color:#4f46e5}.tab.active span{color:#4f46e5}.tab-indicator{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;transition:left 300ms var(--dd-ease),width 300ms var(--dd-ease);z-index:2;background:#4f46e5}body.theme-dark .tab{color:#94a3b8}body.theme-dark .tab i{color:#94a3b8}@media (hover:hover){body.theme-dark .tab:hover:not(.active){color:#cbd5e1}}@media (hover:hover){body.theme-dark .tab:hover:not(.active) i{color:#cbd5e1}}body.theme-dark .tab.active{color:#a5b4fc;font-weight:500}body.theme-dark .tab.active i{color:#a5b4fc}body.theme-dark .tab.active span{color:#a5b4fc}body.theme-dark .tab-indicator{background:#a5b4fc}.tab-panels{padding:0 0 4rem 0}.tab-panels .tab-panel{display:none}.tab-panels .tab-panel.active{display:block}.mobile-tab-label{display:none}@media (max-width:768px){.tab-list{gap:2rem;margin:0.75rem auto 2rem auto;padding-bottom:0.625rem}.tab{font-size:1.125rem;padding:0.875rem 0}.tab span{display:none}.tab i{font-size:28px;width:28px;height:28px}.mobile-tab-label{display:block;text-align:center;font-size:1.4rem;font-weight:600;color:var(--link);margin-bottom:0.5rem;padding:0.5rem 1rem}}@media (max-width:480px){.tab-list{gap:1.5rem}.tab i{font-size:26px;width:26px;height:26px}.mobile-tab-label{font-size:1.3rem}}.search-field.home-search-field{width:min(100%,760px);max-width:760px;margin:0 auto 2.5rem auto}.tool-search-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--muted-text)}.tool-search-empty i{font-size:3rem;margin-bottom:1rem;opacity:0.5;color:var(--muted-text)}.tool-search-empty p{font-size:1.25rem;margin:0;color:var(--muted-text)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;max-width:100%;justify-content:start}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-large);padding:1.75rem 1.5rem;text-align:center;cursor:pointer;transition:all 0.3s var(--dd-ease);text-decoration:none;display:block;color:inherit;position:relative;width:100%;margin:0 auto}@media (hover:hover){.tool-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 6px 16px rgba(102,126,234,0.15);text-decoration:none;color:inherit}}.tool-card.last-used{border-color:#667eea;border-width:2px;background:rgba(102,126,234,0.08)}.tool-card.last-used::after{content:'âś“';position:absolute;top:0.5rem;right:0.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:bold}.tool-card .tool-icon{font-size:3rem;margin-bottom:0.75rem;transition:all 0.3s var(--dd-ease);display:block;color:var(--link)}.tool-card[data-tool-category='color'] .tool-icon,.tool-card[data-tool*='color-tools'] .tool-icon{color:#8b5cf6}.tool-card[data-tool-category='image'] .tool-icon,.tool-card[data-tool*='image-tools'] .tool-icon{color:#06b6d4}.tool-card[data-tool-category='code'] .tool-icon,.tool-card[data-tool*='code-tools'] .tool-icon{color:#10b981}.tool-card[data-tool-category='file'] .tool-icon,.tool-card[data-tool*='file-converters'] .tool-icon{color:#f59e0b}.tool-card[data-tool-category='number'] .tool-icon,.tool-card[data-tool*='number-converters'] .tool-icon{color:#6366f1}.tool-card[data-tool-category='web'] .tool-icon,.tool-card[data-tool*='web-dev-tools'] .tool-icon{color:#ec4899}.tool-card[data-tool-category='all'] .tool-icon{color:var(--link)}@media (hover:hover){.tool-card:hover .tool-icon{transform:scale(1.05);opacity:0.9}}.tool-card h3{color:var(--heading-color);font-weight:600;margin-bottom:0.5rem;font-size:1.6rem;line-height:1.4;letter-spacing:0.02em}.tool-card p{color:var(--muted-text);font-size:1.35rem;margin:0;line-height:1.6;letter-spacing:0.01em}@media (hover:hover){body.theme-dark .tool-card:hover{box-shadow:0 6px 16px rgba(0,0,0,0.4)}}body.theme-dark .tool-card[data-tool-category='color'] .tool-icon,body.theme-dark .tool-card[data-tool*='color-tools'] .tool-icon{color:#a78bfa}body.theme-dark .tool-card[data-tool-category='image'] .tool-icon,body.theme-dark .tool-card[data-tool*='image-tools'] .tool-icon{color:#22d3ee}body.theme-dark .tool-card[data-tool-category='code'] .tool-icon,body.theme-dark .tool-card[data-tool*='code-tools'] .tool-icon{color:#34d399}body.theme-dark .tool-card[data-tool-category='file'] .tool-icon,body.theme-dark .tool-card[data-tool*='file-converters'] .tool-icon{color:#fbbf24}body.theme-dark .tool-card[data-tool-category='number'] .tool-icon,body.theme-dark .tool-card[data-tool*='number-converters'] .tool-icon{color:#818cf8}body.theme-dark .tool-card[data-tool-category='web'] .tool-icon,body.theme-dark .tool-card[data-tool*='web-dev-tools'] .tool-icon{color:#f472b6}.tools-section{text-align:center;margin-bottom:2rem}.tools-section--browse{margin-top:4rem}.dd-page.dd-page .dd-browse-tools .tool-card{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:'icon title' 'icon desc' 'foot foot'!important;column-gap:12px!important;row-gap:4px!important;align-items:start!important}.dd-page.dd-page .dd-browse-tools .tool-card .tool-icon{grid-area:icon!important;align-self:start!important;margin:10px 0 0!important}.dd-page.dd-page .dd-browse-tools .tool-card h3{grid-area:title!important;align-self:center!important}.dd-page.dd-page .dd-browse-tools .tool-card p{grid-area:desc!important}.dd-page.dd-page .dd-browse-tools .tool-card .dd-card-foot{grid-area:foot!important}.tools-section-title{font-size:3.5rem;font-weight:800;line-height:1.15;letter-spacing:-0.04em;background:linear-gradient(135deg,var(--text-color) 0%,var(--link) 60%,rgba(139,92,246,0.9) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:heroTitleGradientShift 8s ease infinite;position:relative;padding-bottom:0.3em;overflow:visible;display:block}@keyframes heroTitleGradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.tools-section-description{font-size:1.35rem;color:var(--muted-text);margin:0;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.tool-card{padding:1.5rem 1.25rem}.tool-card h3{font-size:1.4rem}.tool-card p{font-size:1.2rem}.tools-section-title{font-size:2rem;line-height:1.2}.tools-section-description{font-size:1.1rem}}.dd-page{--dd-font-sans:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,sans-serif;--dd-font-mono:'JetBrains Mono',ui-monospace,monospace;--dd-accent-h:262;--dd-r-md:12px;--dd-r-pill:999px;--dd-ease:cubic-bezier(0.4,0,0.2,1);--dd-ease-out:cubic-bezier(0.2,0.8,0.2,1);--dd-t-fast:140ms;--dd-t:220ms;--dd-t-slow:320ms;position:relative;isolation:isolate}body.theme-dark .dd-page{--dd-bg-card:oklch(0.21 0.014 260 / 0.55);--dd-bg-card-solid:oklch(0.22 0.014 260);--dd-bg-elev:oklch(0.2 0.014 260);--dd-fg:oklch(0.97 0.005 260);--dd-fg-muted:oklch(0.72 0.012 260);--dd-fg-dim:oklch(0.55 0.012 260);--dd-border:oklch(1 0 0 / 0.08);--dd-border-strong:oklch(1 0 0 / 0.14);--dd-grid-opacity:0.045;--dd-tab-active-fg:white}body.theme-light .dd-page{--dd-bg-card:oklch(1 0 0 / 0.85);--dd-bg-card-solid:oklch(1 0 0);--dd-bg-elev:oklch(1 0 0);--dd-fg:oklch(0.18 0.012 260);--dd-fg-muted:oklch(0.42 0.012 260);--dd-fg-dim:oklch(0.55 0.012 260);--dd-border:oklch(0.2 0.012 260 / 0.18);--dd-border-strong:oklch(0.2 0.012 260 / 0.3);--dd-grid-opacity:0.1;--dd-tab-active-fg:white}html.dd-site body{--ds-h-color:32;--ds-h-image:210;--ds-h-code:158;--ds-h-file:82;--ds-h-number:300;--ds-h-web:352;--ds-cat-color:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-color));--ds-cat-image:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-image));--ds-cat-code:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-code));--ds-cat-file:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-file));--ds-cat-number:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-number));--ds-cat-web:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h-web));--ds-font-sans:'Hanken Grotesk',system-ui,sans-serif;--ds-font-mono:'JetBrains Mono',ui-monospace,monospace}html.dd-site body.theme-dark{--ds-cat-l:0.76;--ds-cat-c:0.15;--ds-ink-l:0.82;--ds-ink-c:0.12;--ds-bg:#08080b;--ds-text:#f3f3f7;--ds-text-soft:#c4c4d0;--ds-text-muted:#94949f;--ds-text-dim:#63636d;--ds-surface:rgba(255,255,255,0.06);--ds-surface-2:rgba(255,255,255,0.12);--ds-border:rgba(255,255,255,0.11);--ds-border-soft:rgba(255,255,255,0.07);--ds-border-strong:rgba(255,255,255,0.22);--ds-track-off:rgba(255,255,255,0.17);--ds-code-bg:rgba(0,0,0,0.28);--ds-code-text:#e4e4ec;--ds-accent:#3d7dff;--ds-accent-2:#7da8ff;--ds-glass-hi:rgba(255,255,255,0.13);--ds-glass-bar:rgba(12,12,18,0.55);--ds-grid:rgba(255,255,255,0.032);--ds-good:#34d399;--ds-bad:#6e6e7a}html.dd-site body.theme-light{--ds-cat-l:0.62;--ds-cat-c:0.17;--ds-ink-l:0.48;--ds-ink-c:0.15;--ds-bg:#eef0f6;--ds-text:#14151c;--ds-text-soft:#3b3c48;--ds-text-muted:#5b5c69;--ds-text-dim:#9a9ba8;--ds-surface:rgba(255,255,255,0.5);--ds-surface-2:rgba(255,255,255,0.8);--ds-border:rgba(10,10,25,0.09);--ds-border-soft:rgba(10,10,25,0.05);--ds-border-strong:rgba(10,10,25,0.16);--ds-track-off:rgba(10,10,25,0.14);--ds-code-bg:rgba(255,255,255,0.5);--ds-code-text:#23242e;--ds-accent:#2563eb;--ds-accent-2:#3d7dff;--ds-glass-hi:rgba(255,255,255,0.65);--ds-glass-bar:rgba(238,240,246,0.62);--ds-grid:rgba(10,10,25,0.035);--ds-good:#16a34a;--ds-bad:#a6a6b0}html.dd-site body.theme-dark{background:var(--ds-bg)}.ds-glass{border:1px solid var(--ds-border);background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 8px 26px -16px rgba(0,0,0,0.28)}.ds-code-pane{border-radius:16px;border:1px solid var(--ds-border);background:var(--ds-code-bg);overflow:hidden}.ds-dot{width:9px;height:9px;border-radius:50%;flex:none}.ds-dot--red{background:#ff6b57}.ds-dot--yellow{background:#fbbf24}.ds-dot--green{background:#34d399}html:has(.dd-page) body.theme-light{background:var(--ds-bg)!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tool-card{background:oklch(1 0 0)!important;box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.04)!important}@media (hover:hover){html:has(.dd-page) body.theme-light .dd-page.dd-page .tool-card:hover{box-shadow:0 1px 0 oklch(1 0 0 / 0.06) inset,0 8px 24px -8px oklch(0.7 0.13 var(--dd-cat-h) / 0.25),0 0 0 1px oklch(0.7 0.13 var(--dd-cat-h) / 0.2)!important}}html:has(.dd-page) body.theme-light .dd-page.dd-page .search-field.home-search-field .search-field__input{box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.04)!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-list{background:oklch(1 0 0)!important;box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.05)!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .h2r-pane,html:has(.dd-page) body.theme-light .dd-page.dd-tool .h2r-finetune,html:has(.dd-page) body.theme-light .dd-page.dd-tool .h2r-quick{background:oklch(1 0 0)!important;box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.04)!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tool-card .dd-card-foot{border-top-color:oklch(0.2 0.012 260 / 0.12)!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tool-card p{color:oklch(0.42 0.012 260)!important}html.dd-site body.theme-dark,html.dd-site body.theme-dark .dashboard-page,html.dd-site body.theme-dark .landing-container{--primary-blue:#3d7dff;--primary-blue-hover:#2563eb;--accent-blue:#3d7dff;--accent-blue-light:#bfd4ff;--light-blue-text:#7da8ff;--link:#3d7dff;--link-hover:#2563eb;--primary-color:#3d7dff;--primary-hover:#2563eb;--primary-shadow:rgba(61,125,255,0.4);--shadow-color:rgba(61,125,255,0.3);--info-text:#7da8ff;--info-bg:rgba(61,125,255,0.1);--info-border:rgba(61,125,255,0.3);--btn-gradient:#3d7dff;--btn-gradient-hover:#2563eb;--blockquote:#3d7dff}html.dd-site body.theme-light,html.dd-site body.theme-light .dashboard-page,html.dd-site body.theme-light .landing-container{--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--accent-blue:#2563eb;--accent-blue-light:#bfd4ff;--light-blue-text:#3d7dff;--link:#2563eb;--link-hover:#1d4ed8;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-shadow:rgba(37,99,235,0.4);--shadow-color:rgba(37,99,235,0.3);--info-text:#3d7dff;--info-bg:rgba(37,99,235,0.1);--info-border:rgba(37,99,235,0.3);--btn-gradient:#2563eb;--btn-gradient-hover:#1d4ed8;--blockquote:#2563eb}html.dd-site body.theme-dark .nb-root,html.dd-site body.theme-dark .nb-drawer,html.dd-site body.theme-light .nb-root,html.dd-site body.theme-light .nb-drawer{--nb-cta-bg:var(--ds-accent-fill);--nb-cta-ink:#ffffff}html.dd-site body.theme-dark,html.dd-site body.theme-light{--ds-accent-fill:#2563eb}html.dd-site body.theme-dark{--ds-text-dim:#80808c;--ds-bad:#8a8a96;--footer-bottom-bg:#101016}html.dd-site body.theme-light{--ds-text-dim:#6e6f7c;--ds-bad:#7c7d89;--footer-bottom-bg:#ffffff}html.dd-site body:not(:has(.admin-container)) .footer{--muted-text:var(--ds-text-muted)}html.dd-site body:not(:has(.admin-container)) .footer-credit-inline{opacity:1}html.dd-site body.theme-light:not(:has(.admin-container)) .footer-credit-inline a,html.dd-site body.theme-light:not(:has(.admin-container)) .footer .brand-tld{color:var(--ds-accent)}html.dd-site body.theme-dark:not(:has(.admin-container)) .footer-credit-inline a,html.dd-site body.theme-dark:not(:has(.admin-container)) .footer .brand-tld{color:var(--ds-accent-2)}html.dd-site body:not(:has(.admin-container)) .base-consent .base-consent__btn--accent{background:var(--ds-accent-fill)!important;border-color:var(--ds-accent-fill)!important}html.dd-site body:has(.dd-page.dd-tool){--dd-page-h:var(--ds-h-color)}html.dd-site body:has(.dd-page.dd-tool[data-cat-key='image']){--dd-page-h:var(--ds-h-image)}html.dd-site body:has(.dd-page.dd-tool[data-cat-key='code']){--dd-page-h:var(--ds-h-code)}html.dd-site body:has(.dd-page.dd-tool[data-cat-key='file']){--dd-page-h:var(--ds-h-file)}html.dd-site body:has(.dd-page.dd-tool[data-cat-key='number']){--dd-page-h:var(--ds-h-number)}html.dd-site body:has(.dd-page.dd-tool[data-cat-key='web']){--dd-page-h:var(--ds-h-web)}html.dd-site body.theme-dark:has(.dd-page.dd-tool),html.dd-site body.theme-dark:has(.dd-page.dd-tool) .landing-container{--primary-blue:oklch(0.72 0.14 var(--dd-page-h));--primary-blue-hover:oklch(0.64 0.15 var(--dd-page-h));--accent-blue:oklch(0.72 0.14 var(--dd-page-h));--accent-blue-light:oklch(0.86 0.07 var(--dd-page-h));--light-blue-text:oklch(0.8 0.11 var(--dd-page-h));--link:oklch(0.76 0.13 var(--dd-page-h));--link-hover:oklch(0.84 0.1 var(--dd-page-h));--primary-color:oklch(0.72 0.14 var(--dd-page-h));--primary-hover:oklch(0.64 0.15 var(--dd-page-h));--primary-shadow:oklch(0.72 0.14 var(--dd-page-h) / 0.4);--shadow-color:oklch(0.72 0.14 var(--dd-page-h) / 0.3);--info-text:oklch(0.8 0.11 var(--dd-page-h));--info-bg:oklch(0.72 0.14 var(--dd-page-h) / 0.1);--info-border:oklch(0.72 0.14 var(--dd-page-h) / 0.3);--btn-gradient:oklch(0.72 0.14 var(--dd-page-h));--btn-gradient-hover:oklch(0.64 0.15 var(--dd-page-h));--blockquote:oklch(0.72 0.14 var(--dd-page-h))}html.dd-site body.theme-light:has(.dd-page.dd-tool),html.dd-site body.theme-light:has(.dd-page.dd-tool) .landing-container{--primary-blue:oklch(0.56 0.17 var(--dd-page-h));--primary-blue-hover:oklch(0.49 0.17 var(--dd-page-h));--accent-blue:oklch(0.56 0.17 var(--dd-page-h));--accent-blue-light:oklch(0.86 0.07 var(--dd-page-h));--light-blue-text:oklch(0.6 0.16 var(--dd-page-h));--link:oklch(0.5 0.16 var(--dd-page-h));--link-hover:oklch(0.44 0.16 var(--dd-page-h));--primary-color:oklch(0.56 0.17 var(--dd-page-h));--primary-hover:oklch(0.49 0.17 var(--dd-page-h));--primary-shadow:oklch(0.56 0.17 var(--dd-page-h) / 0.35);--shadow-color:oklch(0.56 0.17 var(--dd-page-h) / 0.25);--info-text:oklch(0.5 0.16 var(--dd-page-h));--info-bg:oklch(0.56 0.17 var(--dd-page-h) / 0.08);--info-border:oklch(0.56 0.17 var(--dd-page-h) / 0.28);--btn-gradient:oklch(0.56 0.17 var(--dd-page-h));--btn-gradient-hover:oklch(0.49 0.17 var(--dd-page-h));--blockquote:oklch(0.56 0.17 var(--dd-page-h))}html.dd-site body.theme-dark:has(.dd-page.dd-tool) :is(.navbar,.nb-root,.nb-drawer,.footer){--primary-blue:#3d7dff;--primary-blue-hover:#2563eb;--accent-blue:#3d7dff;--accent-blue-light:#bfd4ff;--light-blue-text:#7da8ff;--link:#3d7dff;--link-hover:#2563eb;--primary-color:#3d7dff;--primary-hover:#2563eb;--primary-shadow:rgba(61,125,255,0.4);--shadow-color:rgba(61,125,255,0.3);--btn-gradient:#3d7dff;--btn-gradient-hover:#2563eb;--nb-cta-bg:var(--ds-accent-fill);--nb-cta-ink:#ffffff;--brand:var(--primary-blue);--brand-2:color-mix(in oklch,var(--primary-blue) 72%,white);--brand-soft:color-mix(in oklch,var(--primary-blue) 18%,transparent);--brand-softer:color-mix(in oklch,var(--primary-blue) 10%,transparent);--nb-surface:color-mix(in oklch,var(--primary-blue) 8%,var(--container-bg));--nb-panel:color-mix(in oklch,var(--primary-blue) 12%,var(--dropdown-bg));--nb-shadow:color-mix(in oklch,var(--primary-blue) 26%,transparent);--nb-knob:color-mix(in oklch,var(--primary-blue) 32%,var(--container-bg));--nb-cta-shadow:0 6px 18px -6px var(--primary-blue)}html.dd-site body.theme-light:has(.dd-page.dd-tool) :is(.navbar,.nb-root,.nb-drawer,.footer){--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--accent-blue:#2563eb;--accent-blue-light:#bfd4ff;--light-blue-text:#3d7dff;--link:#2563eb;--link-hover:#1d4ed8;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-shadow:rgba(37,99,235,0.4);--shadow-color:rgba(37,99,235,0.3);--btn-gradient:#2563eb;--btn-gradient-hover:#1d4ed8;--nb-cta-bg:var(--ds-accent-fill);--nb-cta-ink:#ffffff;--brand:var(--primary-blue);--brand-2:color-mix(in oklch,var(--primary-blue) 70%,white);--brand-soft:color-mix(in oklch,var(--primary-blue) 12%,transparent);--brand-softer:color-mix(in oklch,var(--primary-blue) 6%,transparent);--nb-surface:color-mix(in oklch,var(--primary-blue) 2%,var(--container-bg));--nb-panel:color-mix(in oklch,var(--primary-blue) 4%,var(--dropdown-bg));--nb-shadow:color-mix(in oklch,var(--primary-blue) 22%,transparent);--nb-cta-shadow:0 6px 18px -6px var(--primary-blue)}html.dd-site body.theme-dark .navbar,html.dd-site body.theme-light .navbar{background:var(--ds-glass-bar)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;border-bottom:1px solid var(--ds-border)!important;box-shadow:inset 0 1px 0 var(--ds-glass-hi)!important}html:has(.dd-page) body.theme-light .navbar::after{display:none!important}html:has(.dd-page) body.theme-light .navbar .dd-brand-link,html:has(.dd-page) body.theme-light .navbar .dd-brand-text{color:oklch(0.18 0.012 260)!important}html:has(.dd-page) body.theme-light .navbar .navbar-nav a{color:oklch(0.3 0.012 260)!important}@media (hover:hover){html:has(.dd-page) body.theme-light .navbar .navbar-nav a:hover{color:oklch(0.18 0.012 260)!important}}html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline #theme-toggle,html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline .theme-toggle-button{border-color:oklch(0.2 0.012 260 / 0.18)!important;background:oklch(0.97 0.005 260)!important;color:oklch(0.3 0.012 260)!important}.dd-page,.dd-page p,.dd-page h1,.dd-page h2,.dd-page h3{font-family:var(--dd-font-sans);font-feature-settings:'ss01','cv11';-webkit-font-smoothing:antialiased}.dd-atmos{position:absolute;inset:-64px -32px auto -32px;height:760px;pointer-events:none;z-index:-1;overflow:hidden}.dd-atmos__grid{position:absolute;inset:0;background-image:radial-gradient(var(--dd-fg) 1px,transparent 1px);background-size:28px 28px;opacity:var(--dd-grid-opacity);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 90%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 90%)}.dd-page .tools-section{margin-bottom:1.25rem}.dd-page.dd-page .tools-section-title{font-family:var(--dd-font-sans)!important;font-size:clamp(28px,3.6vw,40px)!important;font-weight:500!important;letter-spacing:-0.025em!important;line-height:1.1!important;padding-bottom:0.15em!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:var(--dd-fg)!important;color:var(--dd-fg)!important;animation:none!important}.dd-page.dd-page .tools-section-title .dd-title-muted{font-weight:500!important;color:var(--dd-fg-muted)!important;-webkit-text-fill-color:var(--dd-fg-muted)!important}.dd-page.dd-page .tools-section-description{font-family:var(--dd-font-sans)!important;font-size:15px!important;color:var(--dd-fg-muted)!important;max-width:640px!important;line-height:1.5!important}.dd-page.dd-page .search-field.home-search-field{width:100%!important;max-width:100%!important;margin:0 0 14px!important;position:relative}.dd-page.dd-page .search-field.home-search-field .search-field__input{width:100%!important;height:56px!important;padding:0 18px 0 52px!important;border-radius:var(--dd-r-md)!important;border:1px solid var(--dd-border-strong)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:var(--dd-font-sans)!important;font-size:16px!important;font-weight:500!important;outline:none;transition:border-color 200ms,box-shadow 200ms,background 200ms}body.theme-dark .dd-page.dd-page .search-field.home-search-field .search-field__input{background:oklch(0.21 0.014 260 / 0.7)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dd-page.dd-page .search-field.home-search-field .search-field__input::placeholder{color:var(--dd-fg-dim)!important;font-weight:400!important}.dd-page.dd-page .search-field.home-search-field .search-field__input:focus{border-color:oklch(0.7 0.16 var(--dd-accent-h) / 0.7)!important;box-shadow:0 0 0 4px oklch(0.7 0.16 var(--dd-accent-h) / 0.15),0 8px 24px -8px oklch(0.7 0.16 var(--dd-accent-h) / 0.3)!important}.dd-page.dd-page .search-field.home-search-field .search-field__icon{left:18px!important;color:var(--dd-fg-dim)!important}.dd-page.dd-page .tab-list{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px!important;margin:0 0 1rem!important;border-radius:var(--dd-r-pill)!important;background:var(--dd-bg-elev)!important;border:1px solid var(--dd-border)!important;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);position:relative;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start!important;width:max-content!important;max-width:100%!important}.dd-page .tab-list::-webkit-scrollbar{display:none}.dd-page.dd-page .tab{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 13px!important;margin:0!important;border:0!important;border-radius:var(--dd-r-pill)!important;background:transparent!important;color:var(--dd-fg-muted)!important;font-family:var(--dd-font-sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:-0.005em!important;white-space:nowrap!important;z-index:1;cursor:pointer!important;transition:color 200ms}.dd-page.dd-page .tab i{font-size:13px!important;width:auto!important;height:auto!important;color:inherit!important;opacity:0.85!important}@media (hover:hover){.dd-page.dd-page .tab:hover:not(.active),.dd-page.dd-page .tab:hover:not(.active) i{color:var(--dd-fg)!important}}.dd-page.dd-page .tab.active,.dd-page.dd-page .tab.active i,.dd-page.dd-page .tab.active span{color:var(--dd-tab-active-fg)!important;font-weight:500!important}.dd-page.dd-page .tab:focus{outline:2px solid oklch(0.7 0.17 var(--dd-accent-h) / 0.6)!important;outline-offset:2px!important;border-radius:var(--dd-r-pill)!important}.dd-page.dd-page .tab-indicator{position:absolute!important;top:5px!important;bottom:5px!important;left:0;height:auto!important;border-radius:var(--dd-r-pill)!important;background:oklch(0.55 0.16 var(--dd-accent-h))!important;box-shadow:0 4px 16px -4px oklch(0.55 0.18 var(--dd-accent-h) / 0.6),0 0 0 1px oklch(1 0 0 / 0.1) inset!important;transition:left 360ms var(--dd-ease-out),width 360ms var(--dd-ease-out),background 360ms ease!important;z-index:0!important;pointer-events:none}@media (max-width:768px){.dd-page.dd-page .tab span{display:inline!important}.dd-page.dd-page .tab i{font-size:13px!important;width:auto!important;height:auto!important}}.dd-page.dd-page .tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important;margin-bottom:2rem!important}.dd-page.dd-page .tool-card{--dd-cat-h:260;position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;text-align:left!important;padding:20px!important;border-radius:var(--dd-r-md)!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);isolation:isolate;overflow:hidden;box-shadow:none!important;transition:transform 260ms var(--dd-ease-out),border-color 260ms,box-shadow 260ms,background 260ms!important}.dd-page.dd-page .tool-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(400px circle at 50% 0%,oklch(0.7 0.13 var(--dd-cat-h) / 0.18),transparent 60%);opacity:0;transition:opacity 300ms;pointer-events:none;z-index:-1}.dd-page.dd-page .tool-card[data-search-hidden='true']{display:none!important}@media (hover:hover){.dd-page.dd-page .tool-card:hover::before{opacity:1}}.dd-page.dd-page .tool-card[data-tool-category='color']{--dd-cat-h:var(--ds-h-color)}.dd-page.dd-page .tool-card[data-tool-category='image']{--dd-cat-h:var(--ds-h-image)}.dd-page.dd-page .tool-card[data-tool-category='code']{--dd-cat-h:var(--ds-h-code)}.dd-page.dd-page .tool-card[data-tool-category='file']{--dd-cat-h:var(--ds-h-file)}.dd-page.dd-page .tool-card[data-tool-category='number']{--dd-cat-h:var(--ds-h-number)}.dd-page.dd-page .tool-card[data-tool-category='web']{--dd-cat-h:var(--ds-h-web)}@media (hover:hover){.dd-page.dd-page .tool-card:hover{transform:translateY(-2px)!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.4)!important;box-shadow:0 1px 0 oklch(1 0 0 / 0.06) inset,0 12px 32px -12px oklch(0.7 0.13 var(--dd-cat-h) / 0.3),0 0 0 1px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important}}.dd-page.dd-page .tool-card .tool-icon,body.theme-dark .dd-page.dd-page .tool-card .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='color'] .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='image'] .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='code'] .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='file'] .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='number'] .tool-icon,body.theme-dark .dd-page.dd-page .tool-card[data-tool-category='web'] .tool-icon{width:42px!important;height:42px!important;margin:0 0 4px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.18)!important;border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.3)!important;color:oklch(0.82 0.13 var(--dd-cat-h))!important;flex-shrink:0!important;font-size:18px!important}.dd-page.dd-page .tool-card .tool-icon i{font-size:18px!important;color:inherit!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;width:auto!important;height:auto!important;margin:0!important}@media (hover:hover){.dd-page.dd-page .tool-card:hover .tool-icon{transform:none!important;opacity:1!important}}.dd-page.dd-page .tool-card h3{font-family:var(--dd-font-sans)!important;font-size:15px!important;font-weight:600!important;letter-spacing:-0.015em!important;line-height:1.3!important;margin:0!important;color:var(--dd-fg)!important}.dd-page.dd-page .tool-card p{font-family:var(--dd-font-sans)!important;font-size:13px!important;line-height:1.45!important;margin:0!important;color:var(--dd-fg-muted)!important;letter-spacing:0!important}.dd-page.dd-page .tool-search-empty,.dd-page.dd-page .tool-search-empty i,.dd-page.dd-page .tool-search-empty p{color:var(--dd-fg-muted)!important}@media (max-width:720px){.dd-page.dd-page .tool-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:10px!important}.dd-page.dd-page .tab-list{margin:0.5rem 0 1rem!important}}html:has(.dd-page) body.theme-dark,html:has(.dd-page) body.theme-light{--dd-page-bg-dark:oklch(0.16 0.012 260);--dd-page-bg-light:oklch(0.985 0.004 260)}html:has(.dd-page) body.theme-dark{background:var(--ds-bg,oklch(0.16 0.012 260))!important;background-image:none!important;color:var(--ds-text,oklch(0.97 0.005 260))!important}html:has(.dd-page) body.theme-light{background:var(--ds-bg,oklch(0.985 0.004 260))!important;background-image:none!important;color:var(--ds-text,oklch(0.18 0.012 260))!important}html:has(.dd-page) body.theme-dark::before,html:has(.dd-page) body.theme-light::before{display:none!important;background:none!important;filter:none!important;opacity:0!important}html:has(.dd-page) main.container,html:has(.dd-page) main.container.container-90{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-top:8px!important}html:has(.dd-page) .navbar{background:oklch(0.16 0.012 260 / 0.85)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;backdrop-filter:blur(14px) saturate(140%)!important;box-shadow:none!important}html:has(.dd-page) body.theme-light .navbar{background:oklch(1 0 0 / 0.92)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;backdrop-filter:blur(14px) saturate(140%)!important;border-bottom:1px solid oklch(0.2 0.012 260 / 0.1)!important;box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.04)!important}html:has(.dd-page) .navbar::before{display:none!important}html:has(.dd-page) .navbar::after{height:1px!important;background:linear-gradient(to right,transparent,oklch(1 0 0 / 0.14) 12%,oklch(1 0 0 / 0.14) 88%,transparent)!important}html:has(.dd-page) body.theme-light .navbar::after{background:linear-gradient(to right,transparent,oklch(0.2 0.012 260 / 0.18) 12%,oklch(0.2 0.012 260 / 0.18) 88%,transparent)!important}html:has(.dd-page) body.theme-dark .footer,html:has(.dd-page) body.theme-dark .footer-navigation,html:has(.dd-page) body.theme-dark .footer-bottom,html:has(.dd-page) body.theme-dark .footer-nav-section,html:has(.dd-page) body.theme-dark .footer-bottom-bar{background:transparent!important}html:has(.dd-page) body.theme-light .footer,html:has(.dd-page) body.theme-light .footer-navigation,html:has(.dd-page) body.theme-light .footer-bottom{background:transparent!important}.dd-page .dd-atmos{position:fixed;inset:0;height:auto;z-index:0}.dd-page .dd-atmos__grid{inset:0!important;background-size:28px 28px!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)!important;opacity:0.06!important}html:has(.dd-page) body.theme-light .dd-page .dd-atmos__grid{opacity:0.1!important}html:has(.dd-page) main.container{position:relative;z-index:1}html:has(.dd-page) .navbar{position:sticky;z-index:1300}html:has(.dd-page) body{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,sans-serif!important}html:has(.dd-page) .dd-page.dd-page .search-field.home-search-field{max-width:100%!important;width:100%!important;--search-height:56px!important;--search-icon-size:18px!important;display:block!important;line-height:1!important;margin:0 0 14px!important}html:has(.dd-page) .dd-page.dd-page .search-field.home-search-field .search-field__input{height:56px!important;line-height:56px!important;padding:0 20px 0 52px!important;font-size:16px!important;background-color:oklch(0.21 0.014 260 / 0.7)!important;border-color:oklch(1 0 0 / 0.14)!important;color:oklch(0.97 0.005 260)!important;border-radius:12px!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html:has(.dd-page) body.theme-light .dd-page.dd-page .search-field.home-search-field .search-field__input{background-color:oklch(1 0 0)!important;border-color:oklch(0.2 0.012 260 / 0.18)!important;color:oklch(0.18 0.012 260)!important}html:has(.dd-page) .dd-page.dd-page .search-field.home-search-field .search-field__input::placeholder{color:oklch(0.55 0.012 260)!important;font-weight:400!important}html:has(.dd-page) .dd-page.dd-page .search-field.home-search-field .search-field__input:focus{border-color:oklch(0.7 0.16 var(--dd-accent-h) / 0.7)!important;box-shadow:0 0 0 4px oklch(0.7 0.16 var(--dd-accent-h) / 0.15),0 8px 24px -8px oklch(0.7 0.16 var(--dd-accent-h) / 0.3)!important}html:has(.dd-page) .dd-page.dd-page .search-field.home-search-field .search-field__icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;color:oklch(0.55 0.012 260)!important;font-size:18px!important}html:has(.dd-page) .dd-page.dd-page .tab-list{display:inline-flex!important;gap:4px!important;padding:5px!important;margin:0 0 14px!important;border-radius:999px!important;background:oklch(0.2 0.014 260 / 0.7)!important;border:1px solid oklch(1 0 0 / 0.08)!important;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);position:relative!important;overflow-x:auto!important;overflow-y:hidden!important;width:max-content!important;max-width:100%!important;justify-content:flex-start!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-list{background:oklch(1 0 0 / 0.7)!important;border-color:oklch(0.2 0.012 260 / 0.1)!important}html:has(.dd-page) .dd-page.dd-page .tab{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 13px!important;margin:0!important;height:auto!important;line-height:1!important;border:0!important;border-radius:999px!important;background:transparent!important;color:oklch(0.72 0.012 260)!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:-0.005em!important;white-space:nowrap!important;z-index:1!important;cursor:pointer!important;transition:color 200ms!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tab{color:oklch(0.42 0.012 260)!important}html:has(.dd-page) .dd-page.dd-page .tab i,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab i,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab i{font-size:13px!important;width:auto!important;height:auto!important;line-height:1!important;color:inherit!important;opacity:0.85!important;display:inline-flex!important;align-items:center!important}html:has(.dd-page) .dd-page.dd-page .tab span{display:inline!important;color:inherit!important}@media (hover:hover){html:has(.dd-page) .dd-page.dd-page .tab:hover:not(.active),html:has(.dd-page) .dd-page.dd-page .tab:hover:not(.active) i,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab:hover:not(.active),html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab:hover:not(.active) i,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab:hover:not(.active),html:has(.dd-page) body.theme-light .dd-page.dd-page .tab:hover:not(.active) i{color:oklch(0.97 0.005 260)!important}}@media (hover:hover){html:has(.dd-page) body.theme-light .dd-page.dd-page .tab:hover:not(.active),html:has(.dd-page) body.theme-light .dd-page.dd-page .tab:hover:not(.active) i{color:oklch(0.18 0.012 260)!important}}html:has(.dd-page) .dd-page.dd-page .tab.active,html:has(.dd-page) .dd-page.dd-page .tab.active i,html:has(.dd-page) .dd-page.dd-page .tab.active span,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab.active,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab.active i,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab.active span,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab.active,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab.active i,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab.active span{color:white!important;font-weight:500!important}html:has(.dd-page) .dd-page.dd-page .tab-indicator,html:has(.dd-page) body.theme-dark .dd-page.dd-page .tab-indicator,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-indicator{position:absolute!important;top:5px!important;bottom:5px!important;left:0;height:auto!important;border-radius:999px!important;background:oklch(0.55 0.16 var(--dd-accent-h))!important;box-shadow:0 4px 16px -4px oklch(0.55 0.18 var(--dd-accent-h) / 0.6),0 0 0 1px oklch(1 0 0 / 0.1) inset!important;transition:left 360ms var(--dd-ease-out),width 360ms var(--dd-ease-out)!important;z-index:0!important;pointer-events:none!important}@media (max-width:768px){html:has(.dd-page) .dd-page.dd-page .tab span{display:inline!important}html:has(.dd-page) .dd-page.dd-page .tab-list{margin:0.5rem 0 1rem!important;padding:6px!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:visible!important;justify-content:stretch!important;gap:2px!important;border-radius:14px!important}html:has(.dd-page) .dd-page.dd-page .tab-list .tab-indicator{display:none!important}html:has(.dd-page) .dd-page.dd-page .tab{flex:1 1 0!important;min-width:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px 4px!important;font-size:10.5px!important;line-height:1.15!important;text-align:center!important;border-radius:10px!important}html:has(.dd-page) .dd-page.dd-page .tab i{font-size:16px!important;width:auto!important;height:auto!important;line-height:1!important}html:has(.dd-page) .dd-page.dd-page .tab .dd-tab-label{white-space:normal!important;overflow-wrap:anywhere!important;hyphens:auto!important}html:has(.dd-page) .dd-page.dd-page .tab .dd-tab-count{display:none!important}html:has(.dd-page) .dd-page.dd-page .tab.active,html:has(.dd-page) .dd-page.dd-page .tab.active:hover{background:oklch(0.55 0.16 var(--dd-accent-h))!important;color:white!important}html:has(.dd-page) .dd-page.dd-page .tab.active i,html:has(.dd-page) .dd-page.dd-page .tab.active span{color:white!important}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='all'] .tab.active{background:linear-gradient(90deg,oklch(0.6 0.13 262) 0%,oklch(0.64 0.13 232) 50%,oklch(0.68 0.1 195) 100%)!important}html:has(.dd-page) .dd-page.dd-page .mobile-tab-label{display:none!important}}html:has(.dd-page) .dd-page.dd-page .tab .dd-tab-count{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:10px!important;padding:2px 6px!important;border-radius:999px!important;background:oklch(1 0 0 / 0.1)!important;color:inherit!important;opacity:0.75!important;font-feature-settings:'tnum'!important;line-height:1!important;margin-left:2px!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tab .dd-tab-count{background:oklch(0.2 0.012 260 / 0.08)!important}html:has(.dd-page) .dd-page.dd-page .tab.active .dd-tab-count{background:oklch(1 0 0 / 0.22)!important;opacity:1!important}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='all'] .tab-indicator,html:has(.dd-page) .dd-page.dd-page .tab-indicator--rainbow{background:linear-gradient(90deg,oklch(0.6 0.13 262) 0%,oklch(0.64 0.13 232) 50%,oklch(0.68 0.1 195) 100%)!important}html:has(.dd-page) .dd-page.dd-page .dd-search-kbd{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;gap:4px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11px!important;color:oklch(0.72 0.012 260)!important;pointer-events:none!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .dd-search-kbd{color:oklch(0.42 0.012 260)!important}html:has(.dd-page) .dd-page.dd-page .dd-search-kbd kbd{padding:3px 6px!important;border-radius:5px!important;border:1px solid oklch(1 0 0 / 0.1)!important;background:oklch(0.2 0.014 260)!important;font-family:inherit!important;font-size:10px!important;min-width:18px!important;text-align:center!important;color:inherit!important;line-height:1!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .dd-search-kbd kbd{background:oklch(1 0 0)!important;border-color:oklch(0.2 0.012 260 / 0.12)!important}html:has(.dd-page) .dd-page.dd-page .tool-card .tool-icon>i.fas{display:none!important}html:has(.dd-page) .dd-page.dd-page .tool-card .tool-icon .dd-glyph{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important;font-weight:600!important;letter-spacing:-0.04em!important;line-height:1!important;color:inherit!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='color']{--dd-cat-h:var(--ds-h-color)}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='image']{--dd-cat-h:var(--ds-h-image)}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='code']{--dd-cat-h:var(--ds-h-code)}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='file']{--dd-cat-h:var(--ds-h-file)}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='number']{--dd-cat-h:var(--ds-h-number)}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='web']{--dd-cat-h:var(--ds-h-web)}html:has(.dd-page) .dd-page.dd-page .tool-card .dd-card-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:10.5px!important;letter-spacing:0.02em!important;padding-top:10px!important;margin-top:auto!important;border-top:1px dashed oklch(1 0 0 / 0.08)!important;color:oklch(0.55 0.012 260)!important;text-transform:none!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tool-card .dd-card-foot{border-top-color:oklch(0.2 0.012 260 / 0.1)!important;color:oklch(0.62 0.012 260)!important}html:has(.dd-page) .dd-page.dd-page .tool-card .dd-card-cat{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10.5px!important;color:oklch(0.78 0.13 var(--dd-cat-h))!important}html:has(.dd-page) .dd-page.dd-page .tool-card .dd-card-cat::before{content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;background:oklch(0.7 0.13 var(--dd-cat-h))!important;flex-shrink:0}.dd-atmos__lines{position:absolute;inset:0;background-image:linear-gradient(to right,oklch(1 0 0 / 1) 1px,transparent 1px),linear-gradient(to bottom,oklch(1 0 0 / 1) 1px,transparent 1px);background-size:64px 64px;opacity:0.04;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);pointer-events:none}html:has(.dd-page) body.theme-light .dd-atmos__lines{background-image:linear-gradient(to right,oklch(0.2 0.012 260) 1px,transparent 1px),linear-gradient(to bottom,oklch(0.2 0.012 260) 1px,transparent 1px);opacity:0.05}html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline{position:static!important;top:auto!important;right:auto!important;z-index:auto!important;display:inline-flex!important;align-items:center!important;margin-left:8px!important}@media (max-width:768px){html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline{display:none!important}}html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline #theme-toggle,html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline .theme-toggle-button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;border-radius:8px!important;border:1px solid oklch(1 0 0 / 0.08)!important;background:oklch(1 0 0 / 0.04)!important;color:oklch(0.72 0.012 260)!important;box-shadow:none!important;font-size:14px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:color 150ms,background 150ms,border-color 150ms!important}html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline #theme-toggle,html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline .theme-toggle-button{border-color:oklch(0.2 0.012 260 / 0.12)!important;background:oklch(0.18 0.012 260 / 0.04)!important;color:oklch(0.42 0.012 260)!important}@media (hover:hover){html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline #theme-toggle:hover,html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline .theme-toggle-button:hover{color:oklch(0.97 0.005 260)!important;background:oklch(1 0 0 / 0.08)!important;border-color:oklch(1 0 0 / 0.14)!important;transform:none!important}}@media (hover:hover){html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline #theme-toggle:hover,html:has(.dd-page) body.theme-light .theme-switcher.dd-theme-switcher-inline .theme-toggle-button:hover{color:oklch(0.18 0.012 260)!important;background:oklch(0.18 0.012 260 / 0.08)!important;border-color:oklch(0.2 0.012 260 / 0.18)!important}}html:has(.dd-page) .theme-switcher.dd-theme-switcher-inline .theme-icon{font-size:14px!important;color:inherit!important;margin:0!important}html:has(.dd-page) .navbar .dd-brand-link{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-weight:600!important;font-size:14px!important;letter-spacing:-0.01em!important;color:oklch(0.97 0.005 260)!important;opacity:1!important;padding:6px 0!important;border-radius:0!important;background:none!important;width:auto!important;height:auto!important}html:has(.dd-page) body.theme-light .navbar .dd-brand-link{color:oklch(0.18 0.012 260)!important}html:has(.dd-page) .navbar .dd-brand-link::before{display:none!important;content:none!important}@media (hover:hover){html:has(.dd-page) .navbar .dd-brand-link:hover{background:none!important;color:inherit!important}}html:has(.dd-page) .dd-brand-logo{width:35px!important;height:35px!important;flex-shrink:0!important;display:block!important;border-radius:6px!important}html:has(.dd-page) .dd-brand-text{font-family:'Space Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important;font-weight:600!important;font-size:16.5px!important;letter-spacing:-0.02em!important;color:inherit!important}html.dd-site .navbar .navbar-section--center{margin-left:28px!important}@media (max-width:750px){html.dd-site .navbar .navbar-section--center{margin-left:0!important}}html.dd-site .navbar .dropdown-content{background:oklch(0.2 0.014 260)!important;border-color:oklch(1 0 0 / 0.08)!important}html.dd-site body.theme-light .navbar .dropdown-content{background:oklch(1 0 0)!important;border-color:oklch(0.2 0.012 260 / 0.12)!important}html.dd-site .navbar .dropdown-content a::before,html.dd-site .navbar .dropdown-content a::after{display:none!important}@media (hover:hover){html.dd-site .navbar .dropdown-content a:hover,html.dd-site body.theme-dark .navbar .dropdown-content a:hover,html.dd-site body.theme-light .navbar .dropdown-content a:hover{background:oklch(0.64 0.14 232 / 0.14)!important;box-shadow:none!important;transform:none!important;color:var(--text-color)!important}}.dd-page.dd-tool{--dd-cat-h:var(--ds-h-color);--dd-accent-h:var(--dd-cat-h)}html:has(.dd-page) main.container.container-90 .dd-page{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.dd-page.dd-tool[data-cat-key='color']{--dd-cat-h:var(--ds-h-color)}.dd-page.dd-tool[data-cat-key='image']{--dd-cat-h:var(--ds-h-image)}.dd-page.dd-tool[data-cat-key='code']{--dd-cat-h:var(--ds-h-code)}.dd-page.dd-tool[data-cat-key='file']{--dd-cat-h:var(--ds-h-file)}.dd-page.dd-tool[data-cat-key='number']{--dd-cat-h:var(--ds-h-number)}.dd-page.dd-tool[data-cat-key='web']{--dd-cat-h:var(--ds-h-web)}.dd-page.dd-tool .dd-tool-head{padding:24px 0 22px;border-bottom:1px solid var(--dd-border);margin-bottom:28px;position:relative}.dd-page.dd-tool .dd-tool-head__topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dd-page.dd-tool .dd-crumb{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--dd-fg-muted);text-decoration:none;padding:5px 10px 5px 8px;border-radius:7px;border:1px solid var(--dd-border);background:oklch(1 0 0 / 0.04);cursor:pointer;transition:color 150ms,background 150ms,border-color 150ms}body.theme-light .dd-page.dd-tool .dd-crumb{background:oklch(0.18 0.012 260 / 0.04)}@media (hover:hover){.dd-page.dd-tool .dd-crumb:hover{color:var(--dd-fg);background:oklch(1 0 0 / 0.08);border-color:var(--dd-border-strong)}}@media (hover:hover){body.theme-light .dd-page.dd-tool .dd-crumb:hover{background:oklch(0.18 0.012 260 / 0.08)}}.dd-page.dd-tool .dd-crumb i{font-size:11px}.dd-page.dd-tool .dd-crumb--reset{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.3);color:oklch(0.78 0.13 var(--dd-cat-h));background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08)}@media (hover:hover){.dd-page.dd-tool .dd-crumb--reset:hover{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.16);color:oklch(0.85 0.13 var(--dd-cat-h));border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.5)}}.dd-page.dd-tool .dd-tool-head__row{display:flex;align-items:center;gap:16px}.dd-page.dd-tool .dd-tool-head__icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.15);border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.3);color:oklch(0.78 0.13 var(--dd-cat-h));font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;font-weight:600;letter-spacing:-0.02em;flex-shrink:0}.dd-page.dd-tool .dd-tool-head__title{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:26px;font-weight:600;letter-spacing:-0.025em;margin:0;line-height:1.15;color:var(--dd-fg)}.dd-page.dd-tool .dd-tool-head__desc{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:14px;color:var(--dd-fg-muted);margin:4px 0 0}.dd-page.dd-tool .dd-tool-head__cat{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--dd-fg-muted);padding:5px 10px;border-radius:6px;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.1);border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.25)}.dd-page.dd-tool .dd-tool-head__cat::before{content:'';width:6px;height:6px;border-radius:50%;background:oklch(0.7 0.13 var(--dd-cat-h))}body.theme-light .dd-page.dd-tool .dd-tool-head__icon{background:oklch(0.6 0.15 var(--dd-cat-h) / 0.1);border-color:oklch(0.6 0.15 var(--dd-cat-h) / 0.3);color:oklch(0.45 0.14 var(--dd-cat-h))}body.theme-light .dd-page.dd-tool .dd-tool-head__cat{background:oklch(0.6 0.15 var(--dd-cat-h) / 0.08);border-color:oklch(0.6 0.15 var(--dd-cat-h) / 0.28);color:oklch(0.42 0.06 var(--dd-cat-h))}body.theme-light .dd-page.dd-tool .dd-tool-head__cat::before{background:oklch(0.58 0.16 var(--dd-cat-h))}@media (max-width:600px){.dd-page.dd-tool .dd-tool-head__row{flex-wrap:wrap;row-gap:10px}.dd-page.dd-tool .dd-tool-head__text{flex:1 1 calc(100% - 64px);min-width:0}.dd-page.dd-tool .dd-tool-head__cat{order:3;margin-left:64px}}html:has(.dd-page.dd-tool) body.theme-light .dd-page.dd-tool button.dd-crumb--reset,html:has(.dd-page.dd-tool) body.theme-light .dd-page.dd-tool a.dd-crumb--reset{border-color:oklch(0.6 0.15 var(--dd-cat-h) / 0.38)!important;color:oklch(0.44 0.14 var(--dd-cat-h))!important;background:oklch(0.6 0.15 var(--dd-cat-h) / 0.07)!important}@media (hover:hover){html:has(.dd-page.dd-tool) body.theme-light .dd-page.dd-tool button.dd-crumb--reset:hover,html:has(.dd-page.dd-tool) body.theme-light .dd-page.dd-tool a.dd-crumb--reset:hover{border-color:oklch(0.6 0.15 var(--dd-cat-h) / 0.55)!important;color:oklch(0.4 0.14 var(--dd-cat-h))!important;background:oklch(0.6 0.15 var(--dd-cat-h) / 0.13)!important}}.dd-page.dd-tool .hex2rgb{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:820px){.dd-page.dd-tool .hex2rgb{grid-template-columns:1fr}}.dd-page.dd-tool .h2r-pane{padding:22px 24px;border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dd-page.dd-tool .h2r-pane + .h2r-pane,.dd-page.dd-tool .h2r-pane + .dd-num-grid,.dd-page.dd-tool .h2r-pane + .dd-num-quad,.dd-page.dd-tool .h2r-pane + .dd-diff-grid,.dd-page.dd-tool .h2r-pane + .dd-rxp-grid,.dd-page.dd-tool .h2r-pane + .dd-pg-grid,.dd-page.dd-tool .h2r-pane + .dd-rx-cols,.dd-page.dd-tool .dd-num-grid + .h2r-pane,.dd-page.dd-tool .dd-diff-grid + .h2r-pane,.dd-page.dd-tool .dd-rxp-grid + .h2r-pane,.dd-page.dd-tool .dd-pg-grid + .h2r-pane,.dd-page.dd-tool .dd-rx-cols + .h2r-pane{margin-top:18px}.dd-page.dd-tool .h2r-pane__head h2{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;margin:0;font-size:17px;font-weight:600;letter-spacing:-0.015em;color:var(--dd-fg)}.dd-page.dd-tool .h2r-pane__head p{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;margin:4px 0 16px;font-size:13px;color:var(--dd-fg-muted)}.dd-page.dd-tool .h2r-input{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border:1px solid var(--dd-border-strong);border-radius:12px;background:var(--dd-bg-card-solid);overflow:hidden;transition:border-color 200ms,box-shadow 200ms}.dd-page.dd-tool .h2r-input:focus-within{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6);box-shadow:0 0 0 3px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)}.dd-page.dd-tool .h2r-hash{text-align:center;color:var(--dd-fg-dim);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;border-right:1px solid var(--dd-border);padding:12px 0;align-self:stretch;display:grid;place-items:center}.dd-page.dd-tool .h2r-input input.hex-input{border:0!important;outline:0!important;background:transparent!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:18px!important;font-weight:500!important;letter-spacing:0.04em!important;padding:12px!important;text-transform:uppercase!important;height:auto!important;line-height:1!important;box-shadow:none!important}.dd-page.dd-tool .h2r-input input.hex-input::placeholder{color:var(--dd-fg-dim)}.dd-page.dd-tool .h2r-copy{background:transparent;border:0;border-left:1px solid var(--dd-border);color:var(--dd-fg-muted);cursor:pointer;font-size:13px;padding:0;height:100%;width:100%;display:grid;place-items:center;transition:color 150ms,background 150ms}@media (hover:hover){.dd-page.dd-tool .h2r-copy:hover{color:var(--dd-fg);background:oklch(1 0 0 / 0.04)}}@media (hover:hover){body.theme-light .dd-page.dd-tool .h2r-copy:hover{background:oklch(0.18 0.012 260 / 0.04)}}.dd-page.dd-tool .h2r-copy.copied{color:oklch(0.75 0.16 145)}.dd-page.dd-tool .h2r-error{margin-top:10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:oklch(0.72 0.18 25)}.dd-page.dd-tool .h2r-rgb{display:flex;flex-direction:column;gap:12px}.dd-page.dd-tool .h2r-swatch{position:relative;display:block;height:96px;border-radius:10px;border:1px solid var(--dd-border);background:#888;transition:background 200ms,transform 150ms,box-shadow 200ms,border-color 200ms;box-shadow:0 1px 0 oklch(1 0 0 / 0.06) inset;cursor:pointer;overflow:hidden}@media (hover:hover){.dd-page.dd-tool .h2r-swatch:hover{transform:translateY(-1px);border-color:var(--dd-border-strong);box-shadow:0 1px 0 oklch(1 0 0 / 0.1) inset,0 8px 20px -8px oklch(0 0 0 / 0.4)}}@media (hover:hover){.dd-page.dd-tool .h2r-swatch:hover .h2r-swatch__hint{opacity:1;transform:translate(-50%,-50%)}}.dd-page.dd-tool .h2r-swatch input[type='color']{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;background:transparent}.dd-page.dd-tool .h2r-swatch__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 4px));display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:oklch(0 0 0 / 0.55);color:white;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:0.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity 200ms,transform 200ms;pointer-events:none}body.theme-light .dd-page.dd-tool .h2r-swatch__hint{background:oklch(0.18 0.012 260 / 0.85)}.dd-page.dd-tool .h2r-swatch__hint i{font-size:11px}.dd-page.dd-tool .h2r-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:720px){.dd-page.dd-tool .h2r-results{grid-template-columns:1fr}}.dd-page.dd-tool .h2r-result-card{display:flex;flex-direction:column;gap:6px}.dd-page.dd-tool .h2r-result-card__label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--dd-fg-muted)}.dd-page.dd-tool .h2r-result-card__row{display:grid;grid-template-columns:1fr 36px;align-items:stretch;border:1px solid var(--dd-border);border-radius:8px;background:var(--dd-bg-card-solid);overflow:hidden}.dd-page.dd-tool .h2r-result-card__row input.result-input{border:0!important;outline:0!important;background:transparent!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:14px!important;padding:10px 14px!important;color:var(--dd-fg)!important;height:auto!important;width:100%!important;box-shadow:none!important;margin:0!important}.dd-page.dd-tool .h2r-finetune{margin-top:16px;padding:22px 24px;border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dd-page.dd-tool .h2r-slider{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:14px;padding:10px 0;border-top:1px dashed var(--dd-border)}.dd-page.dd-tool .h2r-slider:first-of-type{border-top:0;padding-top:4px}.dd-page.dd-tool .h2r-slider label{display:flex;align-items:baseline;gap:6px;font-family:'JetBrains Mono',ui-monospace,monospace}.dd-page.dd-tool .h2r-slider label b{font-size:14px;font-weight:700;width:16px}.dd-page.dd-tool .h2r-slider label span{font-size:11px;color:var(--dd-fg-muted)}.dd-page.dd-tool .h2r-slider[data-channel='r'] label b{color:oklch(0.7 0.18 25)}.dd-page.dd-tool .h2r-slider[data-channel='g'] label b{color:oklch(0.7 0.18 145)}.dd-page.dd-tool .h2r-slider[data-channel='b'] label b{color:oklch(0.7 0.18 250)}.dd-page.dd-tool .h2r-slider input[type='range'].color-slider{-webkit-appearance:none!important;appearance:none!important;width:100%!important;height:8px!important;margin:0!important;border-radius:999px!important;border:1px solid var(--dd-border)!important;outline:0!important;cursor:pointer!important;box-shadow:none!important}.dd-page.dd-tool .h2r-slider input[type='range']#rgbR{background:linear-gradient(to right,#000,#ff0000)!important}.dd-page.dd-tool .h2r-slider input[type='range']#rgbG{background:linear-gradient(to right,#000,#00ff00)!important}.dd-page.dd-tool .h2r-slider input[type='range']#rgbB{background:linear-gradient(to right,#000,#0000ff)!important}.dd-page.dd-tool .h2r-slider input[type='range'].color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dd-fg);border:2px solid oklch(0.16 0.012 260);box-shadow:0 1px 4px oklch(0 0 0 / 0.4);cursor:grab}body.theme-light .dd-page.dd-tool .h2r-slider input[type='range'].color-slider::-webkit-slider-thumb{border-color:oklch(0.985 0.004 260)}.dd-page.dd-tool .h2r-slider input[type='range'].color-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--dd-fg);border:2px solid oklch(0.16 0.012 260);cursor:grab}.dd-page.dd-tool .h2r-slider input[type='number'].color-number-input{text-align:center!important;padding:8px 10px!important;border:1px solid var(--dd-border)!important;border-radius:8px!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important;font-variant-numeric:tabular-nums!important;outline:0!important;height:36px!important;line-height:1!important;width:80px!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important}.dd-page.dd-tool .h2r-quick{margin-top:16px;padding:22px 24px;border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dd-page.dd-tool .h2r-quick>.h2r-pane__head{margin-bottom:14px}.dd-page.dd-tool .h2r-quick>.h2r-pane__head h2{margin-bottom:0}.dd-page.dd-tool .h2r-quick>.h2r-pane__head p{margin-bottom:0}.dd-page.dd-tool .h2r-quick__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(32px,1fr))!important;gap:8px!important}@media (max-width:720px){.dd-page.dd-tool .h2r-quick__grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))!important}}.dd-page.dd-tool .h2r-quick__grid .quick-color-btn,.dd-page.dd-tool .h2r-swatch-btn{aspect-ratio:1!important;width:auto!important;height:auto!important;border-radius:8px!important;border:1px solid var(--dd-border)!important;cursor:pointer!important;padding:0!important;margin:0!important;transition:transform 150ms,border-color 150ms,box-shadow 150ms!important}@media (hover:hover){.dd-page.dd-tool .h2r-quick__grid .quick-color-btn:hover,.dd-page.dd-tool .h2r-swatch-btn:hover{transform:scale(1.08)!important;border-color:var(--dd-fg)!important;box-shadow:0 4px 12px -4px oklch(0 0 0 / 0.4)!important}}.dd-page.dd-tool .input-clear{display:none!important}.dd-page.dd-tool .seo-content{margin-top:32px}.dd-page.dd-tool .h2r-swatch.color-preview-clickable{display:block!important;width:100%!important;height:96px!important;border-width:1px!important;box-shadow:0 1px 0 oklch(1 0 0 / 0.06) inset!important}.dd-page.dd-tool .h2r-swatch input[type='color'].color-picker-hidden{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;border:0!important;padding:0!important;background:transparent!important;margin:0!important}@media (hover:hover){.dd-page.dd-tool .h2r-swatch:hover .h2r-swatch__hint{opacity:1!important;transform:translate(-50%,-50%)!important}}.dd-page.dd-tool .h2r-swatch__hint i.color-picker-icon{font-size:11px!important;color:white!important;text-shadow:none!important;opacity:1!important}html:has(.dd-page.dd-tool) .dd-page.dd-tool .h2r-quick__grid button.quick-color-btn,html:has(.dd-page.dd-tool) .dd-page.dd-tool .h2r-quick__grid button.h2r-swatch-btn{background:var(--dd-swatch-bg,#888)!important;background-color:var(--dd-swatch-bg,#888)!important;border:1px solid var(--dd-border)!important;margin:0!important;padding:0!important;height:auto!important;width:auto!important;aspect-ratio:1!important;border-radius:8px!important;display:block!important;box-shadow:none!important;color:transparent!important}@media (hover:hover){html:has(.dd-page.dd-tool) .dd-page.dd-tool .h2r-quick__grid button.quick-color-btn:hover,html:has(.dd-page.dd-tool) .dd-page.dd-tool .h2r-quick__grid button.h2r-swatch-btn:hover{background:var(--dd-swatch-bg,#888)!important;background-color:var(--dd-swatch-bg,#888)!important;border-color:var(--dd-fg)!important;transform:scale(1.08)!important;box-shadow:0 4px 12px -4px oklch(0 0 0 / 0.4)!important}}html:has(.dd-page.dd-tool) .dd-page.dd-tool button.h2r-copy{background:transparent!important;border:0!important;border-left:1px solid var(--dd-border)!important;border-radius:0!important;margin:0!important;padding:0!important;height:100%!important;width:100%!important;color:var(--dd-fg-muted)!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:13px!important;box-shadow:none!important}@media (hover:hover){html:has(.dd-page.dd-tool) .dd-page.dd-tool button.h2r-copy:hover{background:oklch(1 0 0 / 0.04)!important;color:var(--dd-fg)!important;border-color:var(--dd-border)!important;border-left-color:var(--dd-border)!important;transform:none!important}}@media (hover:hover){body.theme-light html:has(.dd-page.dd-tool) .dd-page.dd-tool button.h2r-copy:hover{background:oklch(0.18 0.012 260 / 0.04)!important}}.dd-page.dd-tool .h2r-input.dd-paste-input{grid-template-columns:1fr}.dd-page.dd-tool .h2r-input.dd-paste-input input{text-transform:none!important;letter-spacing:0.01em!important;font-size:15px!important}.dd-page.dd-tool .h2r-results.dd-results-2x2{grid-template-columns:repeat(2,1fr)}@media (max-width:520px){.dd-page.dd-tool .h2r-results.dd-results-2x2{grid-template-columns:1fr}}.dd-page.dd-tool .dd-variations,.dd-page.dd-tool .color-variations-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))!important;gap:10px!important}.dd-page.dd-tool .color-variation-item{display:flex!important;flex-direction:column!important;gap:6px!important;padding:8px!important;border:1px solid var(--dd-border)!important;border-radius:8px!important;background:var(--dd-bg-card-solid)!important;cursor:pointer!important;text-align:center!important;transition:transform 150ms,border-color 150ms,box-shadow 150ms!important}@media (hover:hover){.dd-page.dd-tool .color-variation-item:hover{transform:translateY(-1px)!important;border-color:var(--dd-border-strong)!important;box-shadow:0 4px 12px -4px oklch(0 0 0 / 0.4)!important}}.dd-page.dd-tool .variation-swatch{width:100%!important;aspect-ratio:1!important;border-radius:6px!important;border:1px solid var(--dd-border)!important}.dd-page.dd-tool .variation-hex{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:10px!important;color:var(--dd-fg-muted)!important;letter-spacing:0.02em!important}.dd-page.dd-tool .dd-harmony,.dd-page.dd-tool .color-harmony-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px!important}.dd-page.dd-tool .color-harmony-item{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:var(--dd-bg-card-solid)!important;cursor:pointer!important;text-align:center!important;transition:transform 150ms,border-color 150ms,box-shadow 150ms!important}@media (hover:hover){.dd-page.dd-tool .color-harmony-item:hover{transform:translateY(-2px)!important;border-color:var(--dd-border-strong)!important;box-shadow:0 6px 16px -6px oklch(0 0 0 / 0.4)!important}}.dd-page.dd-tool .harmony-swatch{width:100%!important;height:56px!important;border-radius:8px!important;border:1px solid var(--dd-border)!important}.dd-page.dd-tool .harmony-name,.dd-page.dd-tool .harmony-hex{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11px!important;color:var(--dd-fg-muted)!important;letter-spacing:0.02em!important}.dd-page.dd-tool .harmony-name{color:var(--dd-fg)!important;font-weight:500}.dd-page.dd-tool .h2r-pane__head.dd-saved-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.dd-page.dd-tool .dd-saved-grid,.dd-page.dd-tool .saved-colors-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(80px,96px))!important;gap:10px!important;justify-content:start!important}.dd-page.dd-tool .dd-saved-empty,.dd-page.dd-tool .empty-palette-message{grid-column:1 / -1;text-align:center!important;padding:24px 16px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12px!important;color:var(--dd-fg-muted)!important;border:1px dashed var(--dd-border)!important;border-radius:10px!important;background:transparent!important}.dd-page.dd-tool .saved-color-item{position:relative!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:8px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:var(--dd-bg-card-solid)!important;cursor:pointer!important;text-align:center!important;transition:transform 150ms,border-color 150ms,box-shadow 150ms!important}@media (hover:hover){.dd-page.dd-tool .saved-color-item:hover{transform:translateY(-1px)!important;border-color:var(--dd-border-strong)!important;box-shadow:0 4px 12px -4px oklch(0 0 0 / 0.4)!important}}.dd-page.dd-tool .saved-color-swatch{width:100%!important;aspect-ratio:1!important;border-radius:8px!important;border:1px solid var(--dd-border)!important}.dd-page.dd-tool .saved-color-hex{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:10px!important;color:var(--dd-fg-muted)!important;letter-spacing:0.02em!important}.dd-page.dd-tool button.saved-color-delete{position:static!important;width:100%!important;height:auto!important;padding:4px 6px!important;margin:0!important;border-radius:6px!important;border:1px solid var(--dd-border)!important;background:transparent!important;color:var(--dd-fg-muted)!important;font-size:0!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;opacity:1!important;transition:color 150ms,background 150ms,border-color 150ms!important;box-shadow:none!important;white-space:nowrap!important;overflow:hidden!important}.dd-page.dd-tool button.saved-color-delete i.fas{font-size:11px!important;line-height:1!important;display:inline-block!important;vertical-align:middle!important;margin:0!important}@media (hover:hover){.dd-page.dd-tool button.saved-color-delete:hover{color:oklch(0.72 0.18 25)!important;background:oklch(0.72 0.18 25 / 0.1)!important;border-color:oklch(0.72 0.18 25 / 0.4)!important}}@media (hover:hover){.dd-page.dd-tool .saved-color-item:hover button.saved-color-delete{opacity:1!important}}@media (hover:hover){.dd-page.dd-tool button.saved-color-delete:hover{color:oklch(0.72 0.18 25)!important;background:oklch(0.72 0.18 25 / 0.15)!important;border-color:oklch(0.72 0.18 25 / 0.4)!important}}.dd-page.dd-tool .h2r-pane.dd-pane-padless{padding:0!important;overflow:hidden!important}.dd-page.dd-tool .dd-alert{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important;margin-bottom:16px!important;border-radius:10px!important;border:1px solid oklch(0.7 0.16 var(--dd-accent-h,200) / 0.3)!important;background:oklch(0.7 0.16 var(--dd-accent-h,200) / 0.08)!important;color:var(--dd-fg)!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;line-height:1.5!important}.dd-page.dd-tool .dd-alert i{color:oklch(0.78 0.16 var(--dd-accent-h,200))!important;margin-top:2px;flex-shrink:0}.dd-page.dd-tool .dd-alert[hidden]{display:none!important}.dd-page.dd-tool .dd-alert--warn{--dd-accent-h:75}.dd-page.dd-tool .dd-sm-warn-title{margin:0 0 6px;font-weight:600}.dd-page.dd-tool .dd-sm-warn-list{margin:0;padding-left:18px;word-break:break-word}.dd-page.dd-tool .dd-sm-warn-list code{font-family:var(--ds-font-mono);font-size:12px}.dd-page.dd-tool .dropzone{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:56px 24px!important;border:2px dashed var(--dd-border-strong)!important;border-radius:12px!important;background:var(--dd-bg-card)!important;cursor:pointer!important;transition:border-color 200ms,background 200ms!important;text-align:center!important;margin:0!important}.dd-page.dd-tool .dropzone.drag-over{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important}@media (hover:hover){.dd-page.dd-tool .dropzone:hover{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important}}.dd-page.dd-tool .dropzone-icon{width:56px!important;height:56px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important;border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.3)!important;color:oklch(0.82 0.13 var(--dd-cat-h))!important;margin-bottom:14px!important;font-size:22px!important}.dd-page.dd-tool .dropzone-icon i{font-size:22px!important}.dd-page.dd-tool .dropzone-text{font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important;font-size:15px!important;font-weight:500!important;color:var(--dd-fg)!important;margin-bottom:6px!important}.dd-page.dd-tool .dropzone-hint{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11px!important;color:var(--dd-fg-muted)!important;letter-spacing:0.02em!important}.dd-page.dd-tool .dropzone-file-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.dd-page.dd-tool .dd-pane-info{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11px!important;color:var(--dd-fg-muted)!important;margin:4px 0 0!important}.dd-page.dd-tool .h2r-pane__head.dd-result-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:16px!important}.dd-page.dd-tool .h2r-pane__head.dd-result-head h2{margin:0!important}.dd-page.dd-tool .h2r-pane__head.dd-result-head p{margin:4px 0 0!important}.dd-page.dd-tool .dd-textarea,.dd-page.dd-tool textarea.result-textarea{width:100%!important;min-height:140px!important;padding:12px 14px!important;border-radius:10px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important;line-height:1.5!important;outline:0!important;resize:vertical!important;box-shadow:none!important;margin:0!important}.dd-page.dd-tool .dd-textarea:focus,.dd-page.dd-tool textarea.result-textarea:focus{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;box-shadow:0 0 0 3px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important}.dd-page.dd-tool .dd-textarea::placeholder,.dd-page.dd-tool textarea.result-textarea::placeholder{color:var(--dd-fg-dim)!important}.dd-page.dd-tool .dd-image-preview{display:grid!important;place-items:center!important;padding:16px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:repeating-conic-gradient(oklch(1 0 0 / 0.04) 0% 25%,transparent 0% 50%) 50% / 24px 24px!important;min-height:160px!important}.dd-page.dd-tool .dd-image-preview img.image-preview{max-width:100%!important;max-height:360px!important;border-radius:8px!important;display:block!important}.dd-page.dd-tool .dd-tool-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}.dd-page.dd-tool .dd-sprite-preview-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}.dd-page.dd-tool .dd-sprite-thumb{border:1px solid var(--dd-border);border-radius:10px;padding:12px;text-align:center;background:var(--dd-bg-card-solid)}.dd-page.dd-tool .dd-sprite-thumb img{max-width:100%;max-height:120px;height:auto}.dd-page.dd-tool .dd-sprite-thumb__name{margin-top:10px;font-size:13px;font-weight:600;color:var(--dd-fg);word-break:break-all}.dd-page.dd-tool .dd-sprite-thumb__size{margin-top:4px;font-size:12px;color:var(--dd-fg-dim)}.dd-page.dd-tool .dd-sprite-options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;margin-top:16px}.dd-page.dd-tool .dd-sprite-options .dd-kit-field{width:160px}.dd-page.dd-tool .dd-sprite-canvas-wrap{overflow-x:auto!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;padding:12px!important;background:repeating-conic-gradient(oklch(1 0 0 / 0.04) 0% 25%,transparent 0% 50%) 50% / 24px 24px!important}.dd-page.dd-tool canvas.dd-sprite-canvas,.dd-page.dd-tool canvas#spriteCanvas{display:block!important;background:transparent!important;border:0!important;margin:0 auto!important}.dd-page.dd-tool .image-info{margin-top:12px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12px!important;color:var(--dd-fg-muted)!important}.dd-page.dd-tool .image-info-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:8px!important;margin-top:12px!important}.dd-page.dd-tool .image-info-item{padding:8px 10px!important;border-radius:8px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11px!important;color:var(--dd-fg)!important;display:flex!important;align-items:center!important;gap:6px!important}.dd-page.dd-tool .image-info-item i{color:oklch(0.78 0.13 var(--dd-cat-h))!important;font-size:11px!important}.dd-page.dd-tool .image-info-item strong{color:var(--dd-fg)!important;font-weight:600!important;word-break:break-all}.dd-page.dd-tool button.dd-crumb--reset[disabled],.dd-page.dd-tool button.dd-crumb[disabled]{opacity:0.5!important;cursor:not-allowed!important;pointer-events:none!important}html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb,html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb{margin:0!important;height:auto!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12px!important;padding:5px 10px 5px 8px!important;border-radius:7px!important;border:1px solid var(--dd-border)!important;background:oklch(1 0 0 / 0.04)!important;color:var(--dd-fg-muted)!important;text-decoration:none!important;box-shadow:none!important}body.theme-light html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb,body.theme-light html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb{background:oklch(0.18 0.012 260 / 0.04)!important}@media (hover:hover){html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb:hover,html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb:hover{background:oklch(1 0 0 / 0.08)!important;border-color:var(--dd-border-strong)!important;color:var(--dd-fg)!important}}@media (hover:hover){body.theme-light html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb:hover,body.theme-light html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb:hover{background:oklch(0.18 0.012 260 / 0.08)!important}}html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb--reset,html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb--reset{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.3)!important;color:oklch(0.78 0.13 var(--dd-cat-h))!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08)!important}@media (hover:hover){html:has(.dd-page.dd-tool) .dd-page.dd-tool button.dd-crumb--reset:hover,html:has(.dd-page.dd-tool) .dd-page.dd-tool a.dd-crumb--reset:hover{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.16)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.5)!important}}.dd-page.dd-tool .dd-code-area{min-height:320px!important;font-size:13px!important;line-height:1.6!important;tab-size:2!important;-moz-tab-size:2!important;white-space:pre!important;overflow:auto!important}.dd-page.dd-tool .dd-code-area[readonly]{background:oklch(0.16 0.01 260 / 0.6)!important;color:var(--dd-fg)!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-code-area[readonly]{background:oklch(0.985 0.002 260)!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-size-info{margin-top:14px!important;padding:12px 14px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:oklch(0.18 0.012 260 / 0.45)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12.5px!important;line-height:1.6!important}.dd-page.dd-tool .dd-size-info:empty{display:none!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-size-info{background:oklch(0.985 0.002 260)!important}.dd-page.dd-tool .h2r-pane.dd-preview-pane{padding:0!important;overflow:hidden!important}.dd-page.dd-tool .dd-preview-pane .h2r-pane__head.preview-collapsible{cursor:pointer!important;padding:14px 18px!important;margin:0!important;border-bottom:1px solid var(--dd-border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;user-select:none!important}@media (hover:hover){.dd-page.dd-tool .dd-preview-pane .h2r-pane__head.preview-collapsible:hover{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important}}.dd-page.dd-tool .dd-preview-pane .h2r-pane__head.preview-collapsible h2{font-size:15px!important;font-weight:600!important;letter-spacing:-0.01em!important;margin:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-preview-pane .h2r-pane__head.preview-collapsible h2 i{color:oklch(0.78 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-preview-chevron{color:var(--dd-fg-dim)!important;font-size:14px!important;transition:transform 0.25s ease!important}.dd-page.dd-tool .dd-preview-container{overflow:hidden!important;transition:max-height 0.4s ease,padding 0.4s ease!important;background:oklch(0.16 0.01 260 / 0.4)!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-preview-container{background:oklch(0.985 0.002 260)!important}.dd-page.dd-tool .dd-preview-scroll{overflow:auto!important;max-height:600px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:var(--dd-bg-card-solid)!important}.dd-page.dd-tool .dd-preview-body{padding:16px!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-preview-body table{width:100%!important;border-collapse:collapse!important;font-size:13.5px!important}.dd-page.dd-tool .dd-preview-body th,.dd-page.dd-tool .dd-preview-body td{padding:10px 12px!important;border-bottom:1px solid var(--dd-border)!important;text-align:left!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-preview-body th{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08)!important;font-weight:600!important;letter-spacing:0.01em!important}@media (hover:hover){.dd-page.dd-tool .dd-preview-body tr:hover td{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.04)!important}}.dd-page.dd-tool .dd-num-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}@media (max-width:880px){.dd-page.dd-tool .dd-num-grid{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-num-grid .h2r-pane{margin:0!important}.dd-page.dd-tool .dd-num-base{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 9px!important;border-radius:999px!important;border:1px solid var(--dd-border)!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08)!important;color:oklch(0.78 0.13 var(--dd-cat-h))!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11.5px!important;letter-spacing:0.02em!important;margin-left:auto!important}.dd-page.dd-tool .dd-num-input{width:100%!important;padding:18px 16px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:28px!important;letter-spacing:0.04em!important;text-align:center!important;outline:0!important;word-break:break-all!important;resize:vertical!important;box-shadow:none!important;margin:0!important;min-height:92px!important;line-height:1.3!important}.dd-page.dd-tool .dd-num-input:focus{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;box-shadow:0 0 0 3px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important}.dd-page.dd-tool .dd-num-input::placeholder{color:var(--dd-fg-dim)!important;letter-spacing:0.04em!important}.dd-page.dd-tool .dd-num-result{width:100%!important;min-height:92px!important;padding:18px 16px!important;border-radius:12px!important;border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.4)!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:28px!important;letter-spacing:0.04em!important;text-align:center!important;word-break:break-all!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1.3!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-num-result{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important;color:oklch(0.55 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-num-rows{display:flex!important;flex-direction:column!important;gap:12px!important}.dd-page.dd-tool .dd-num-row{display:grid!important;grid-template-columns:minmax(0,110px) 1fr auto!important;gap:12px!important;align-items:center!important;padding:12px 14px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important}.dd-page.dd-tool .dd-num-row__label{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:0.08em!important;color:var(--dd-fg-dim)!important}.dd-page.dd-tool .dd-num-row__value{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:20px!important;letter-spacing:0.03em!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important;word-break:break-all!important;text-align:center!important;min-width:0!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-num-row__value{color:oklch(0.55 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-num-row__copy{}.dd-page.dd-tool .dd-num-quad{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}@media (max-width:880px){.dd-page.dd-tool .dd-num-quad{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-num-quad .h2r-pane{margin:0!important}.dd-page.dd-tool textarea.dd-num-input{resize:vertical!important;min-height:120px!important}.dd-page.dd-tool .dd-diff-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}@media (max-width:880px){.dd-page.dd-tool .dd-diff-grid{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-diff-grid .h2r-pane{margin:0!important}.dd-page.dd-tool .dd-diff-dot{display:inline-block!important;width:9px!important;height:9px!important;border-radius:50%!important;margin-right:6px!important;vertical-align:middle!important}.dd-page.dd-tool .dd-diff-dot--orig{background:oklch(0.62 0.18 25)!important}.dd-page.dd-tool .dd-diff-dot--mod{background:oklch(0.65 0.16 145)!important}.dd-page.dd-tool .dd-diff-stats{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.dd-page.dd-tool .dd-diff-stat{flex:1!important;min-width:140px!important;padding:14px 16px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;display:flex!important;flex-direction:column!important;gap:4px!important}.dd-page.dd-tool .dd-diff-stat__value{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:26px!important;font-weight:600!important;color:var(--dd-fg)!important;letter-spacing:0.02em!important}.dd-page.dd-tool .dd-diff-stat__label{font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:0.08em!important;color:var(--dd-fg-dim)!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.dd-page.dd-tool .dd-diff-stat--changes .dd-diff-stat__value{color:oklch(0.75 0.16 50)!important}.dd-page.dd-tool .dd-diff-stat--resolved .dd-diff-stat__value{color:oklch(0.7 0.16 145)!important}.dd-page.dd-tool .dd-diff-stat--pending .dd-diff-stat__value{color:oklch(0.7 0.18 25)!important}.dd-page.dd-tool .dd-merge{margin-top:14px!important;border:1px solid var(--dd-border)!important;border-radius:12px!important;background:var(--dd-bg-card-solid)!important;padding:14px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important;line-height:1.6!important;max-height:600px!important;overflow:auto!important}.dd-page.dd-tool .dd-upload-success{align-items:center!important;gap:14px!important;padding:14px 18px!important;border-radius:12px!important;border:1px solid oklch(0.7 0.16 145 / 0.4)!important;background:oklch(0.7 0.16 145 / 0.08)!important}.dd-page.dd-tool .dd-upload-success__icon{color:oklch(0.7 0.16 145)!important;font-size:24px!important}.dd-page.dd-tool .dd-upload-success__text{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important}.dd-page.dd-tool .dd-upload-success__title{font-weight:600!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-upload-success__sub{font-size:13px!important;color:var(--dd-fg-dim)!important}.dd-page.dd-tool .dd-pg-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:18px!important}@media (max-width:1100px){.dd-page.dd-tool .dd-pg-grid{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-pg-grid .h2r-pane{margin:0!important}.dd-page.dd-tool .dd-pg-tabs{display:flex!important;gap:4px!important;margin-bottom:12px!important;border-bottom:1px solid var(--dd-border)!important;padding-bottom:0!important}.dd-page.dd-tool .dd-pg-tab{padding:10px 16px!important;border:0!important;background:transparent!important;cursor:pointer!important;color:var(--dd-fg-dim)!important;font-weight:500!important;font-size:13.5px!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:color 0.15s ease,border-color 0.15s ease!important}@media (hover:hover){.dd-page.dd-tool .dd-pg-tab:hover{color:var(--dd-fg)!important}}.dd-page.dd-tool .dd-pg-tab.active{color:oklch(0.78 0.13 var(--dd-cat-h))!important;border-bottom-color:oklch(0.7 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-pg-area{min-height:540px!important;font-size:13px!important}.dd-page.dd-tool .dd-pg-iframe{width:100%!important;height:540px!important;border:1px solid var(--dd-border)!important;border-radius:10px!important;background:#fff!important}.dd-page.dd-tool .dd-pg-console{margin-top:14px!important;padding:14px!important;border-radius:10px!important;border:1px solid var(--dd-border)!important;background:oklch(0.14 0.01 260 / 0.7)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12.5px!important;max-height:250px!important;overflow-y:auto!important}.dd-page.dd-tool .dd-pg-console__head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--dd-border)!important}.dd-page.dd-tool .dd-pg-console__head strong{color:oklch(0.78 0.13 var(--dd-cat-h))!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:13px!important}.dd-page.dd-tool .dd-pg-console__log{line-height:1.6!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-rx-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.dd-page.dd-tool .dd-rx-input-wrap{position:relative!important;flex:1!important;min-width:240px!important;display:flex!important;align-items:center!important}.dd-page.dd-tool .dd-rx-input__prefix{position:absolute!important;left:14px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:18px!important;color:oklch(0.78 0.13 var(--dd-cat-h))!important;font-weight:600!important;pointer-events:none!important}.dd-page.dd-tool .dd-rx-input{width:100%!important;padding:14px 40px 14px 30px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:15px!important;outline:0!important}.dd-page.dd-tool .dd-rx-input:focus{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;box-shadow:0 0 0 3px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important}.dd-page.dd-tool .dd-rx-input__clear{position:absolute!important;right:10px;top:6px!important;transform:none!important;margin:0!important;width:auto!important;background:transparent!important;border:0!important;cursor:pointer!important;color:var(--dd-fg-dim)!important;padding:6px 8px!important;border-radius:6px!important;line-height:1!important}@media (hover:hover){.dd-page.dd-tool .dd-rx-input__clear:hover{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.1)!important;color:var(--dd-fg)!important}}.dd-page.dd-tool .dd-rx-flag{width:44px!important;height:44px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg-dim)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all 0.15s ease!important}@media (hover:hover){.dd-page.dd-tool .dd-rx-flag:hover{color:var(--dd-fg)!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.4)!important}}.dd-page.dd-tool .dd-rx-flag.active{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.5)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-rx-error{margin-top:12px!important;padding:10px 14px!important;border-radius:10px!important;border:1px solid oklch(0.65 0.18 25 / 0.5)!important;background:oklch(0.65 0.18 25 / 0.1)!important;color:oklch(0.78 0.18 25)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important}.dd-page.dd-tool .dd-rx-quick{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.dd-page.dd-tool .dd-rx-cols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:18px!important}@media (max-width:880px){.dd-page.dd-tool .dd-rx-cols{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-rx-cols .h2r-pane{margin:0!important}.dd-page.dd-tool .dd-rx-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.18)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:12px!important;font-weight:600!important;margin-left:4px!important}.dd-page.dd-tool .dd-rx-output{width:100%!important;min-height:240px!important;padding:14px!important;border-radius:10px!important;border:1px solid var(--dd-border)!important;background:oklch(0.16 0.01 260 / 0.6)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13.5px!important;line-height:1.7!important;white-space:pre-wrap!important;overflow:auto!important;max-height:480px!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-rx-output{background:oklch(0.985 0.002 260)!important}.dd-page.dd-tool .dd-rx-output mark{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.4)!important;color:oklch(0.95 0.05 var(--dd-cat-h))!important;padding:1px 3px!important;border-radius:3px!important;border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important}.dd-page.dd-tool .dd-diff-options{margin-top:14px;max-width:520px}.dd-page.dd-tool .merge-cell mark.dd-diff-word{background:oklch(0.7 0.15 25 / 0.35);color:inherit;border-radius:3px;padding:0 1px}.dd-page.dd-tool .merge-cell.added mark.dd-diff-word{background:oklch(0.72 0.15 150 / 0.35)}.dd-page.dd-tool .dd-rx-details{max-height:420px;overflow:auto}.dd-page.dd-tool .dd-rx-group{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px}.dd-page.dd-tool .dd-rx-details code{white-space:pre-wrap;word-break:break-all}.dd-page.dd-tool .dd-rx-details__more{margin:10px 0 0;color:var(--dd-fg-dim);font-size:13px}.dd-page.dd-tool button{text-transform:none!important}.dd-page.dd-tool .dd-rxg-modes{display:flex!important;gap:8px!important;margin-bottom:20px!important;flex-wrap:wrap!important}.dd-page.dd-tool .dd-rxg-mode{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:11px 18px!important;background:var(--dd-bg-card-solid)!important;border:1px solid var(--dd-border)!important;border-radius:12px!important;color:var(--dd-fg-dim)!important;cursor:pointer!important;font-family:var(--dd-font-sans)!important;font-size:15px!important;font-weight:600!important;transition:all 0.15s ease!important}@media (hover:hover){.dd-page.dd-tool .dd-rxg-mode:hover{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.5)!important;color:var(--dd-fg)!important}}.dd-page.dd-tool .dd-rxg-mode.active{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.5)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-rxg-opts{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important;margin-top:14px!important}.dd-page.dd-tool .dd-rxg-opt{display:inline-flex!important;align-items:center!important;align-self:center!important;gap:8px!important;color:var(--dd-fg)!important;font-size:14px!important;cursor:pointer!important}.dd-page.dd-tool .dd-rxg-opt input[type='checkbox']{margin:0!important;width:16px!important;height:16px!important;flex:0 0 auto!important;align-self:center!important}.dd-page.dd-tool .dd-rxg-strategy,.dd-page.dd-tool .dd-rx-flags-inline{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.dd-page.dd-tool .dd-rx-flags-inline{margin-top:12px!important}.dd-page.dd-tool .dd-rxg-strategy__label{color:var(--dd-fg-muted)!important;font-size:14px!important;font-weight:600!important}.dd-page.dd-tool .dd-rxg-strategy .dd-rx-flag{width:auto!important;height:auto!important;padding:8px 14px!important;line-height:1!important;font-family:var(--dd-font-sans)!important;font-size:14px!important}.dd-page.dd-tool .dd-rxg-opt,.dd-page.dd-tool .dd-rxg-strategy .dd-rx-flag,.dd-page.dd-tool .gen-flag,.dd-page.dd-tool .exp-flag{margin:0!important}.dd-page.dd-tool .dd-rxg-output{min-height:48px!important;padding:14px 16px!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:16px!important;line-height:1.6!important;word-break:break-all!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-rxg-slash{color:var(--dd-fg-muted)!important}.dd-page.dd-tool .dd-rxg-flags{color:oklch(0.85 0.13 var(--dd-cat-h))!important;font-weight:700!important}.dd-page.dd-tool .dd-rxg-placeholder{color:var(--dd-fg-muted)!important;font-family:var(--dd-font-sans)!important;font-size:15px!important}.dd-page.dd-tool .dd-rxg-hint{color:var(--dd-fg-muted)!important;font-size:13px!important;margin:0 0 10px!important}.dd-page.dd-tool .dd-rxg-note-link{color:oklch(0.85 0.13 var(--dd-cat-h))!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:2px!important}@media (hover:hover){.dd-page.dd-tool .dd-rxg-note-link:hover{text-decoration:none!important}}.dd-page.dd-tool .dd-rxg-checklist{margin-top:14px!important;display:flex!important;flex-direction:column!important;gap:6px!important}.dd-page.dd-tool .dd-rxg-check-head{font-weight:600!important;font-size:14px!important;color:var(--dd-fg)!important;margin-bottom:4px!important}.dd-page.dd-tool .dd-rxg-check-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important}.dd-page.dd-tool .dd-rxg-check-row code{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:14px!important;color:var(--dd-fg)!important;word-break:break-all!important}.dd-page.dd-tool .dd-rxg-check-row.ok i{color:oklch(0.72 0.17 145)!important}.dd-page.dd-tool .dd-rxg-check-row.bad i{color:oklch(0.65 0.2 25)!important}.dd-page.dd-tool .dd-rxg-check-note{margin-top:6px!important;font-size:13px!important;color:var(--dd-fg-muted)!important;font-style:italic!important}.dd-page.dd-tool .dd-rxg-check--err{color:oklch(0.65 0.2 25)!important;font-size:13px!important}body.theme-light .dd-page.dd-tool .dd-rxg-mode.active{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.14)!important;border-color:oklch(0.6 0.13 var(--dd-cat-h) / 0.55)!important;color:oklch(0.5 0.15 var(--dd-cat-h))!important}body.theme-light .dd-page.dd-tool .dd-rxg-flags,body.theme-light .dd-page.dd-tool .dd-rxg-note-link,body.theme-light .dd-page.dd-tool .dd-rx-flag.active{color:oklch(0.5 0.15 var(--dd-cat-h))!important}body.theme-light .dd-page.dd-tool .dd-rxg-check-row.ok i{color:oklch(0.52 0.17 145)!important}body.theme-light .dd-page.dd-tool .dd-rxg-check-row.bad i{color:oklch(0.55 0.2 25)!important}.dd-page.dd-tool .dd-sm-url,.dd-page.dd-tool .dd-sm-select{width:100%!important;padding:14px 16px!important;border-radius:12px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;color:var(--dd-fg)!important;font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:14px!important;outline:0!important;appearance:none!important;-webkit-appearance:none!important}.dd-page.dd-tool .dd-sm-url:focus,.dd-page.dd-tool .dd-sm-select:focus{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.6)!important;box-shadow:0 0 0 3px oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important}.dd-page.dd-tool .dd-sm-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:40px!important;cursor:pointer!important}.dd-page.dd-tool .dd-sm-promo-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;border-radius:999px!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.15)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:0.04em!important;text-transform:uppercase!important;margin-bottom:8px!important;width:fit-content!important}.dd-page.dd-tool .dd-sm-promo-copy{margin:0!important;color:var(--dd-fg-dim)!important;line-height:1.6!important;font-size:14px!important}@media (prefers-reduced-motion:reduce){.dd-page *,.dd-page *::before,.dd-page *::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html.dd-site .modal{z-index:100100!important}html:has(.modal:not(.hide)) main.container.dd-page,html.dd-site:has(.modal:not(.hide)) main.container.dd-page{z-index:auto!important;isolation:auto!important}html.dd-site .bugs-app,html.dd-site .bugs-app .modal,html.dd-site .bugs-app .modal-content{--accent:oklch(0.64 0.14 232)!important;--accent-fg:#ffffff!important}html.dd-site .button-primary,html.dd-site .btn-primary,html.dd-site body.theme-dark .btn-primary,html.dd-site body.theme-light .btn-primary{background:linear-gradient(135deg,oklch(0.66 0.14 232) 0%,oklch(0.57 0.145 242) 100%)!important;color:#ffffff!important;box-shadow:0 4px 14px -6px oklch(0.6 0.16 235 / 0.45)!important}@media (hover:hover){html.dd-site .button-primary:hover,html.dd-site .btn-primary:hover,html.dd-site body.theme-dark .btn-primary:hover,html.dd-site body.theme-light .btn-primary:hover{background:linear-gradient(135deg,oklch(0.7 0.14 230) 0%,oklch(0.61 0.145 240) 100%)!important;color:#ffffff!important;box-shadow:0 6px 20px -6px oklch(0.62 0.17 235 / 0.55)!important}}html.dd-site .button-primary:active,html.dd-site .btn-primary:active,html.dd-site body.theme-dark .btn-primary:active,html.dd-site body.theme-light .btn-primary:active{background:linear-gradient(135deg,oklch(0.6 0.14 236) 0%,oklch(0.52 0.145 244) 100%)!important}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='color']{--dd-tab-h:290}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='image']{--dd-tab-h:200}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='code']{--dd-tab-h:162}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='file']{--dd-tab-h:80}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='number']{--dd-tab-h:265}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab='web']{--dd-tab-h:350}html:has(.dd-page) .dd-page.dd-page .tab-list[data-active-tab]:not([data-active-tab='all']) .tab-indicator{background:oklch(0.7 0.13 var(--dd-tab-h,232) / 0.2)!important;box-shadow:inset 0 0 0 1px oklch(0.74 0.13 var(--dd-tab-h,232) / 0.55),0 6px 20px -8px oklch(0.66 0.15 var(--dd-tab-h,232) / 0.5)!important}html:has(.dd-page) .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active,html:has(.dd-page) .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active i,html:has(.dd-page) .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active span{color:oklch(0.85 0.13 var(--dd-tab-h,232))!important}html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active i,html:has(.dd-page) body.theme-light .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active span{color:oklch(0.5 0.16 var(--dd-tab-h,232))!important}html:has(.dd-page) .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active .dd-tab-count{background:oklch(0.5 0.12 var(--dd-tab-h,232) / 0.32)!important}@media (max-width:768px){html:has(.dd-page) .dd-page.dd-page .tab-list:not([data-active-tab='all']) .tab.active{background:oklch(0.7 0.13 var(--dd-tab-h,232) / 0.22)!important;box-shadow:inset 0 0 0 1px oklch(0.74 0.13 var(--dd-tab-h,232) / 0.5)!important}}html.dd-site .brand-tld{color:var(--ds-accent)}html.dd-site body.theme-light .collapse-container{--collapse-accent-rgb:56,189,248;--cc-bg:oklch(1 0 0);--cc-border:oklch(0.2 0.012 260 / 0.13);--cc-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.05),0 6px 16px -12px oklch(0.2 0.012 260 / 0.18)}html.dd-site body.theme-dark .collapse-container{--collapse-accent-rgb:56,189,248;--cc-bg:color-mix(in srgb,#ffffff 5%,var(--ds-bg));--cc-border:var(--ds-border);--cc-shadow:none}html.dd-site body:not(:has(.admin-container)) .collapse-container{background:var(--cc-bg);box-shadow:inset 0 0 0 1px var(--cc-border),var(--cc-shadow)}@media (hover:hover){html.dd-site body:not(:has(.admin-container)) .collapse-container:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--collapse-accent) 35%,var(--cc-border)),var(--cc-shadow)}}html.dd-site body:not(:has(.admin-container)) .collapse-container.open{background:var(--cc-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--collapse-accent) 45%,var(--cc-border)),var(--cc-shadow)}@media (max-width:768px){}html:has(.dd-page) .dd-brand-logo,html:has(.dd-page) body.theme-light .dd-brand-logo{background:oklch(1 0 0)!important;border-color:oklch(0.2 0.012 260 / 0.16)!important;box-shadow:0 1px 2px oklch(0.2 0.012 260 / 0.09)!important}.dd-page.dd-tool{--dd-c:oklch(0.72 0.14 var(--dd-cat-h));--dd-c-ink:oklch(0.82 0.12 var(--dd-cat-h));--dd-c-2:oklch(0.66 0.15 calc(var(--dd-cat-h) - 22));--dd-c-on:#14151c;--dd-c-soft:oklch(0.7 0.13 var(--dd-cat-h) / 0.12);--dd-c-line:oklch(0.7 0.13 var(--dd-cat-h) / 0.34);--dd-c-glow:oklch(0.7 0.13 var(--dd-cat-h) / 0.2);--dd-tk-var:#fbbf24;--dd-tk-flag:#5eead4;--dd-tk-tag:#a5a4ff}body.theme-light .dd-page.dd-tool{--dd-c:oklch(0.6 0.16 var(--dd-cat-h));--dd-c-ink:oklch(0.5 0.15 var(--dd-cat-h));--dd-c-2:oklch(0.58 0.16 calc(var(--dd-cat-h) - 22));--dd-c-on:#fff;--dd-c-soft:oklch(0.6 0.15 var(--dd-cat-h) / 0.09);--dd-c-line:oklch(0.6 0.15 var(--dd-cat-h) / 0.3);--dd-c-glow:oklch(0.65 0.15 var(--dd-cat-h) / 0.12);--dd-tk-var:#b45309;--dd-tk-flag:#0f766e;--dd-tk-tag:#5b4fd6}.dd-win{position:relative;display:flex;flex-direction:column;margin:0;min-width:0;box-shadow:0 28px 60px -36px var(--dd-c-glow)}body.theme-light .dd-page.dd-tool .dd-win{background:linear-gradient(180deg,oklch(0.986 0.009 var(--dd-cat-h)),oklch(0.993 0.004 var(--dd-cat-h)));border-color:oklch(0.6 0.12 var(--dd-cat-h) / 0.13)}body.theme-light .dd-page.dd-tool .dd-win__bar{background:oklch(0.965 0.016 var(--dd-cat-h) / 0.5);border-bottom-color:oklch(0.6 0.12 var(--dd-cat-h) / 0.1)}body.theme-light .dd-page.dd-tool .dd-kit-result>.dd-win{border-color:var(--dd-c-line)}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-win .dd-rx-output{background:oklch(0.995 0.003 var(--dd-cat-h))!important;border-color:oklch(0.6 0.12 var(--dd-cat-h) / 0.12)!important}.dd-page.dd-tool .dropzone.dd-kit-empty{background:transparent!important}body.theme-dark .dd-win::before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--dd-c),transparent);opacity:0.8;pointer-events:none}.dd-win__bar{display:flex;align-items:center;gap:6px;box-sizing:border-box;min-height:40px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--ds-border-soft)}.dd-win__label{margin-left:6px;font-family:var(--ds-font-mono);font-size:12px;color:var(--ds-text-dim)}.dd-win--result .dd-win__label{color:var(--dd-c-ink)}.dd-win__meta{font-family:var(--ds-font-mono);font-size:11px;color:var(--ds-text-dim)}@media (max-width:480px){.dd-win__bar .dd-win__meta{display:none}}.dd-win__meta:not(:empty)::before{content:'\00B7';margin:0 6px 0 2px}.dd-win__actions{display:flex;gap:6px;margin-left:auto}.dd-page .dd-win__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:28px;height:28px;margin:0;padding:0 8px;border:1px solid var(--ds-border)!important;border-radius:8px!important;background:transparent!important;color:var(--ds-text-muted)!important;font-family:var(--ds-font-sans);font-size:12px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease,background-color 0.2s ease}.dd-page .dd-win__btn:focus-visible{border-color:var(--dd-c-line)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}@media (hover:hover){.dd-page .dd-win__btn:hover{border-color:var(--dd-c-line)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}}.dd-page .dd-win__btn.is-done{border-color:color-mix(in srgb,var(--ds-good) 50%,transparent)!important;color:var(--ds-good)!important}.dd-win__body{flex:1;margin:0;padding:16px;background:none;border:0;border-radius:0;overflow:auto}.dd-page .dd-win__body code{display:block;font-family:var(--ds-font-mono);font-size:14px;line-height:1.6;color:var(--ds-code-text);background:none;padding:0;white-space:pre}.dd-win__alert{margin:12px 12px 0!important}.dd-win .dd-tk-c{color:var(--ds-text-dim);font-style:italic}.dd-win .dd-tk-d{color:var(--dd-c-ink);font-weight:600}.dd-win .dd-tk-v{color:var(--dd-tk-var)}.dd-win .dd-tk-f{color:var(--dd-tk-flag)}.dd-win .dd-tk-t{color:var(--dd-tk-tag)}.dd-kit-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin-top:18px;font-family:var(--ds-font-sans)}.dd-kit-controls{display:flex;flex-direction:column;gap:10px;min-width:0}.dd-kit-stack{display:flex;flex-direction:column;gap:12px;margin-top:18px;font-family:var(--ds-font-sans)}.dd-kit-result{min-width:0}.dd-kit-result>.dd-win{border-color:var(--dd-c-line)}.dd-kit-result .dd-win__body{min-height:0}.dd-kit-stack>.dd-kit-result>.dd-win{height:clamp(220px,calc(100vh - 580px),460px)}.dd-kit-split>.dd-kit-result{position:relative;min-height:240px}.dd-kit-split>.dd-kit-result>.dd-win{position:absolute;inset:0}.dd-kit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dd-kit-bar>.dd-kit-field{flex:1 1 170px}.dd-kit-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dd-kit-presets__title{margin-right:2px;font-size:13px;font-weight:600;color:var(--ds-text-muted)}.dd-page .dd-kit-preset{height:32px;margin:0;padding:0 12px;border:1px solid var(--ds-border)!important;border-radius:999px!important;background:var(--ds-surface)!important;color:var(--ds-text-soft)!important;font-family:var(--ds-font-sans);font-size:13px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease}@media (hover:hover){.dd-page .dd-kit-preset:hover{border-color:var(--dd-c-line)!important;color:var(--dd-c-ink)!important}}.dd-page .dd-kit-preset[aria-pressed='true']{border-color:var(--dd-c)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}.dd-kit-drop-wrap{position:relative;flex:none}.dd-page.dd-tool .dropzone.dd-kit-drop{flex-direction:row!important;gap:8px!important;height:36px;padding:0 12px 0 6px!important;border-width:1px!important;border-radius:10px!important}.dd-page.dd-tool .dd-kit-drop .dropzone-icon{width:24px!important;height:24px!important;margin:0!important;border-radius:7px!important;flex:none}.dd-page.dd-tool .dd-kit-drop .dropzone-icon{animation:none}.dd-page.dd-tool .dd-kit-drop .dropzone-icon i{font-size:11px!important}.dd-page.dd-tool .dd-kit-drop .dropzone-text{margin:0!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}.dd-page.dd-tool .dd-upload-success.dd-kit-drop-done{gap:8px!important;min-height:36px;padding:0 4px 0 10px!important;border-radius:10px!important}.dd-page.dd-tool .dd-kit-drop-done:not([hidden]){display:flex}.dd-page.dd-tool .dd-kit-drop-done .dd-upload-success__icon{font-size:15px!important}.dd-kit-drop-done .dd-upload-success__title{font-size:13px;font-weight:600;color:var(--ds-text);white-space:nowrap}.dd-page.dd-tool .dropzone.dd-kit-empty{position:absolute!important;inset:40px 0 0!important;z-index:2;margin:12px!important;padding:24px!important;border-radius:12px!important}.dd-page.dd-tool .dropzone.dd-kit-empty[hidden]{display:none!important}.dd-kit-empty__or{margin:14px 0 0;font-size:13px;color:var(--ds-text-muted)}.dd-kit-field{display:flex;flex-direction:column;gap:4px;min-width:0}.dd-kit-field__label{margin:0;font-size:13px;font-weight:700;color:var(--ds-text)}.dd-kit-field__box{display:flex;align-items:stretch;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-surface);overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.dd-kit-field__box:focus-within{border-color:var(--dd-c-line);box-shadow:0 0 0 3px var(--dd-c-soft)}.dd-kit-field__prefix{display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--ds-border-soft);background:var(--dd-c-soft);color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:12px;font-weight:600;white-space:nowrap}.dd-page .dd-kit-field__input{flex:1;min-width:0;height:34px;margin:0;padding:0 10px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ds-text);font-family:var(--ds-font-mono);font-size:13px;outline:none}.dd-page.dd-tool .dd-kit-field .dd-kit-field__input,.dd-page.dd-tool .dd-kit-field .dd-kit-field__input:focus{padding:0 10px!important;background-image:none!important}@media (hover:hover){.dd-page.dd-tool .dd-kit-field .dd-kit-field__input:hover{padding:0 10px!important;background-image:none!important}}.dd-kit-field__input::placeholder{color:var(--ds-text-dim)}.dd-kit-field__help{margin:0;font-size:12px;line-height:1.45;color:var(--ds-text-muted)}.dd-kit-fields{display:grid;gap:6px}.dd-kit-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dd-kit-groups--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dd-kit-group{min-width:0;padding:6px;border:1px solid var(--ds-border);border-radius:14px;background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface)}.dd-page .dd-kit-group__title{display:flex;align-items:center;gap:8px;margin:4px 6px 4px;font-family:var(--ds-font-sans);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--ds-text)}.dd-kit-group__icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink);font-size:11px}.dd-kit-group__rows{display:flex;flex-direction:column;gap:2px}.dd-kit-opt{border:1px solid transparent;border-radius:10px;transition:background-color 0.2s ease,border-color 0.2s ease}@media (hover:hover){.dd-kit-opt:hover{background:var(--ds-surface)}}.dd-kit-opt:has(.dd-kit-opt__input:checked){border-color:var(--dd-c-line);background:var(--dd-c-soft)}.dd-kit-opt:has(.dd-kit-opt__input:focus-visible){box-shadow:0 0 0 3px var(--dd-c-line)}.dd-page .dd-kit-opt__row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:6px 8px;cursor:pointer;font-weight:400}.dd-page .dd-kit-opt__input{position:absolute;top:50%;left:8px;width:34px;height:20px;margin:-10px 0 0;opacity:0;cursor:pointer}.dd-kit-opt__switch{position:relative;width:34px;height:20px;border-radius:999px;background:var(--ds-track-off);transition:background-color 0.3s ease;pointer-events:none}.dd-kit-opt__switch::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.35);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.dd-kit-opt__input:checked + .dd-kit-opt__switch{background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2));box-shadow:0 0 12px var(--dd-c-glow)}.dd-kit-opt__input:checked + .dd-kit-opt__switch::after{transform:translateX(14px)}.dd-kit-opt__text{display:flex;flex-direction:column;min-width:0}.dd-kit-opt__title{font-size:14px;font-weight:600;line-height:1.3;color:var(--ds-text)}.dd-kit-opt__desc{font-size:12px;line-height:1.35;color:var(--ds-text-muted)}.dd-kit-opt__code{display:none;align-self:flex-start;max-width:100%;margin-top:4px;padding:1px 6px;border-radius:6px;background:var(--ds-surface);color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-kit-opt:has(.dd-kit-opt__input:checked) .dd-kit-opt__code{display:block}.dd-kit-opt__more{padding:0 8px 8px 52px}.dd-kit-stack--tall>.dd-kit-result>.dd-win{height:clamp(320px,calc(100vh - 380px),680px)}.dd-kit-split--flow>.dd-kit-result{position:static;display:flex;flex-direction:column;gap:10px;min-height:0}.dd-kit-split--flow>.dd-kit-result>.dd-win{position:static}.dd-page .dd-kit-go{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;height:36px;margin:0;padding:0 16px;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2))!important;box-shadow:0 8px 20px -10px var(--dd-c-glow);color:var(--dd-c-on)!important;font-family:var(--ds-font-sans);font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:filter 0.2s ease,box-shadow 0.2s ease}@media (hover:hover){.dd-page .dd-kit-go:hover{filter:brightness(1.08);box-shadow:0 10px 24px -10px var(--dd-c)}}.dd-page .dd-kit-go:disabled{opacity:0.7;cursor:progress}.dd-kit-bar>.dd-kit-select{flex:none}.dd-kit-empty--note{position:absolute;inset:40px 0 0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:12px;padding:24px;border:1px dashed var(--ds-border-strong);border-radius:12px;text-align:center}.dd-kit-empty--note[hidden]{display:none}.dd-kit-empty__icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:14px;border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink);font-size:20px;box-shadow:0 10px 28px -12px var(--dd-c-glow)}.dd-kit-empty__title{max-width:560px;margin:0;font-size:15px;font-weight:600;color:var(--ds-text)}.dd-kit-empty__hint{max-width:560px;margin:0;font-size:13px;line-height:1.5;color:var(--ds-text-muted)}.dd-kit-promo{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--dd-c-line);border-radius:14px;background:linear-gradient(120deg,var(--dd-c-soft),transparent 70%),var(--ds-surface)}.dd-kit-promo[hidden]{display:none}.dd-kit-promo__icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2));color:var(--dd-c-on);font-size:15px}.dd-kit-promo__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.dd-page .dd-kit-promo__title{margin:0;font-family:var(--ds-font-sans);font-size:15px;font-weight:700;letter-spacing:0;color:var(--ds-text)}.dd-kit-promo__copy{margin:0;font-size:13px;line-height:1.45;color:var(--ds-text-muted)}.dd-page .dd-win__title{display:flex;align-items:center;gap:7px;margin:0 0 0 8px;font-family:var(--ds-font-sans);font-size:14px;font-weight:700;letter-spacing:0;color:var(--ds-text)}.dd-win__title i{color:var(--dd-c-ink);font-size:12px}.dd-win__pane{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding:14px;overflow:auto}.dd-page .dd-win__btn:disabled{opacity:0.45;cursor:default}.dd-page .dd-kit-code-input{flex:1;width:100%;min-height:220px;margin:0;padding:2px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ds-code-text)!important;font-family:var(--ds-font-mono)!important;font-size:14px!important;line-height:1.6;resize:vertical;outline:none}.dd-page .dd-kit-code-input--short{min-height:120px}.dd-kit-code-input::placeholder{color:var(--ds-text-dim)}.dd-kit-opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:12px;border-top:1px solid var(--ds-border-soft)}.dd-page .dd-kit-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;color:var(--ds-text-soft);cursor:pointer}.dd-page .dd-kit-toggle .dd-kit-opt__input{left:0}.dd-kit-toggle:has(.dd-kit-opt__input:focus-visible) .dd-kit-opt__switch{box-shadow:0 0 0 3px var(--dd-c-line)}.dd-kit-chips{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.dd-kit-chips__label{margin-right:2px;font-size:13px;font-weight:600;color:var(--ds-text-muted)}.dd-page .dd-kit-chip{height:30px;min-width:30px;margin:0;padding:0 12px;border:1px solid var(--ds-border)!important;border-radius:999px!important;background:var(--ds-surface)!important;color:var(--ds-text-muted)!important;font-family:var(--ds-font-sans);font-size:13px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease}.dd-page .dd-kit-chip--mono{padding:0 10px;font-family:var(--ds-font-mono)}@media (hover:hover){.dd-page .dd-kit-chip:hover{border-color:var(--dd-c-line)!important;color:var(--ds-text)!important}}.dd-page .dd-kit-chip.active{border-color:var(--dd-c)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}.dd-kit-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px}.dd-page.dd-tool .dd-kit-head .dd-kit-seg{display:inline-flex!important;flex:none;gap:2px!important;margin:0!important;padding:3px!important;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-surface)}.dd-page.dd-tool .dd-kit-seg .dd-kit-seg__btn{padding:7px 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--ds-text-muted)!important;font-family:var(--ds-font-sans)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}@media (hover:hover){.dd-page.dd-tool .dd-kit-seg .dd-kit-seg__btn:hover{color:var(--ds-text)!important}}.dd-page.dd-tool .dd-kit-seg .dd-kit-seg__btn.active{background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2))!important;color:var(--dd-c-on)!important;box-shadow:0 6px 16px -8px var(--dd-c-glow)}.dd-kit-head__note{flex:1 1 360px;margin:0;padding:8px 12px;border:1px solid var(--dd-c-line);border-radius:12px;background:var(--dd-c-soft);font-size:13px;line-height:1.5;color:var(--ds-text-muted)}.dd-kit-head__note i{margin-right:4px;color:var(--dd-c-ink)}.dd-kit-head__note strong{color:var(--ds-text)}.dd-kit-head + .dd-rxg-panel .dd-kit-split,.dd-kit-head ~ .dd-rxg-panel .dd-kit-split{margin-top:12px}.dd-kit-rx-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dd-kit-rx-row .dd-rx-input-wrap{flex:1 1 220px}@media (max-width:1100px){.dd-kit-split{grid-template-columns:minmax(0,1fr)}.dd-kit-split>.dd-kit-result{height:440px}.dd-kit-groups--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dd-page.dd-tool .dd-kit-head .dd-kit-seg{display:flex!important;width:100%}.dd-page.dd-tool .dd-kit-seg .dd-kit-seg__btn{flex:1 1 0;justify-content:center;min-width:0;padding:7px 8px!important;font-size:12px!important;white-space:normal;text-align:center}.dd-kit-groups,.dd-kit-groups--4{grid-template-columns:minmax(0,1fr)}.dd-kit-stack>.dd-kit-result>.dd-win{height:360px}.dd-kit-opt__more{padding-left:8px}.dd-page .dd-win__btn span{display:none}}.dd-page .dd-kit-ghost{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;height:36px;margin:0;padding:0 14px;border:1px solid var(--ds-border)!important;border-radius:10px!important;background:var(--ds-surface)!important;color:var(--ds-text-soft)!important;font-family:var(--ds-font-sans);font-size:14px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease}@media (hover:hover){.dd-page .dd-kit-ghost:hover{border-color:var(--dd-c-line)!important;color:var(--ds-text)!important}}.dd-page :is(.dd-kit-go,.dd-kit-ghost):focus-visible{outline:2px solid var(--dd-c);outline-offset:2px}.dd-win--pane.is-drop-target{border-color:var(--dd-c)!important;box-shadow:0 0 0 3px var(--dd-c-soft),0 28px 60px -36px var(--dd-c-glow)}:is(.dd-rxt,.dd-dfc,.dd-min,.dd-spr) .dd-kit-head{margin-top:16px}:is(.dd-dfc,.dd-min,.dd-spr) :is(.dd-kit-go,.dd-kit-ghost){height:40px}:is(.dd-dfc,.dd-min,.dd-spr) .dd-kit-go:disabled{opacity:0.4;box-shadow:none;filter:none;cursor:not-allowed}.dd-kit-local{display:inline-flex;flex:none;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-surface);font-size:12.5px;font-weight:600;color:var(--ds-text-soft)}.dd-kit-local i{font-size:11px;color:oklch(0.74 0.15 150)}body.theme-light .dd-kit-local i{color:oklch(0.5 0.13 150)}:is(.dd-rxt,.dd-dfc,.dd-min,.dd-spr) .dd-kit-head__note a{color:var(--dd-c-ink);text-decoration:underline;text-underline-offset:2px}.dd-rxt-bar{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--dd-c-line);border-radius:16px;background:var(--ds-code-bg);box-shadow:0 28px 60px -40px var(--dd-c-glow)}.dd-page.dd-tool.dd-rxt .dd-rx-input{height:48px;padding:0 96px 0 32px!important;font-size:16px!important;background:var(--ds-surface)!important}.dd-rxt-suffix{position:absolute;right:14px;font-family:var(--ds-font-mono);font-size:16px;font-weight:600;color:var(--dd-c-ink);pointer-events:none}.dd-page.dd-tool.dd-rxt .dd-rx-input__prefix{top:0;line-height:48px}.dd-page.dd-tool.dd-rxt .dd-rx-input__clear{top:9px!important}.dd-page .dd-rxt-flags .dd-kit-chip{width:36px;height:36px;padding:0;font-size:14px}.dd-rxt-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--ds-border-soft)}.dd-rxt-quick__hint{margin-right:6px;font-size:12px;color:var(--ds-text-dim)}.dd-page.dd-tool.dd-rxt .dd-rx-error{margin:0!important}.dd-rxt .dd-kit-split{margin-top:14px}@media (min-width:1101px){.dd-rxt .dd-kit-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.dd-page .dd-win__actions .dd-win__btn.copy-btn{height:28px;min-height:28px!important;padding:0 8px!important}.dd-rxt .dd-kit-controls .dd-kit-code-input{min-height:300px}.dd-page.dd-tool.dd-rxt .dd-win--result .dd-rx-output{flex:1;min-height:0!important;max-height:none!important;padding:2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ds-code-text)!important;font-family:var(--ds-font-mono)!important;font-size:14px!important;line-height:1.6!important}.dd-page.dd-tool.dd-rxt .dd-rx-output .no-matches{color:var(--ds-text-dim)}.dd-page.dd-tool.dd-rxt .dd-rx-output mark{padding:0 1px!important;border-radius:4px!important}body.theme-light .dd-page.dd-tool.dd-rxt .dd-rx-output mark{background:oklch(0.88 0.08 var(--dd-cat-h))!important;border-color:oklch(0.6 0.15 var(--dd-cat-h) / 0.55)!important;color:oklch(0.25 0.08 var(--dd-cat-h))!important}body.theme-light .dd-page.dd-tool.dd-rxt .dd-rx-count{background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}.dd-page.dd-tool.dd-rxt .dd-win__title .dd-rx-count{height:20px!important;margin-left:2px!important;font-size:11.5px!important}.dd-rxt-details{margin-top:14px}.dd-rxt-details[hidden]{display:none}.dd-rxt-details .dd-win__meta::before{content:none}.dd-rxt-details .dd-win__meta{margin-left:4px;font-family:var(--ds-font-sans);font-size:12.5px}.dd-page.dd-tool.dd-rxt .dd-rx-details .data-table-wrap{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.dd-page.dd-tool.dd-rxt .dd-rx-details .data-table :is(th,td){padding:8px 12px!important;text-align:left!important;vertical-align:top!important;font-size:13px!important}.dd-page.dd-tool.dd-rxt .dd-rx-details .data-table td:nth-child(-n + 2){font-family:var(--ds-font-mono);color:var(--ds-text-muted);white-space:nowrap}.dd-page.dd-tool.dd-rxt .dd-rx-details .data-table th:first-child{width:48px}.dd-dfc-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:12px}.dd-dfc-inputs .dd-kit-code-input{min-height:280px;white-space:pre;overflow-x:auto}.dd-page.dd-tool.dd-dfc .dd-diff-dot{display:inline-grid!important;place-items:center;width:18px!important;height:18px!important;margin:0 2px 0 0!important;border-radius:5px!important;font-family:var(--ds-font-mono);font-size:13px;font-weight:700;line-height:1;color:#fff}.dd-page.dd-tool.dd-dfc .dd-diff-dot--orig::before{content:'\2212'}.dd-page.dd-tool.dd-dfc .dd-diff-dot--mod::before{content:'+'}.dd-dfc-bar{margin-top:14px;gap:10px 12px}.dd-page.dd-tool.dd-dfc .dd-diff-options{flex:1 1 320px;max-width:560px;margin:0 0 0 6px}.dd-page.dd-tool.dd-dfc .dd-diff-options .dd-kit-opt__row{padding:6px 10px}.dd-dfc-result,.dd-dfc-merged{margin-top:14px}.dd-dfc-result>.dd-win__bar{flex-wrap:wrap}.dd-page.dd-tool.dd-dfc #diffStats{margin-left:6px}.dd-page.dd-tool.dd-dfc .dd-diff-stats{flex-wrap:nowrap!important;gap:4px!important}.dd-page.dd-tool.dd-dfc .dd-diff-stat{flex:none!important;flex-direction:row!important;align-items:baseline!important;min-width:0!important;gap:5px!important;padding:2px 8px!important;border-radius:999px!important;background:transparent!important;border-color:var(--ds-border-soft)!important}.dd-page.dd-tool.dd-dfc .dd-diff-stat__value{font-size:13px!important;font-weight:700!important}.dd-page.dd-tool.dd-dfc .dd-diff-stat__label{font-size:11px!important;letter-spacing:0.05em!important}.dd-page.dd-tool.dd-dfc .dd-diff-stat__label i{display:none}.dd-dfc-same{margin:12px 14px 0;padding:10px 12px;border:1px solid oklch(0.7 0.15 150 / 0.35);border-radius:10px;background:oklch(0.7 0.15 150 / 0.1);font-size:14px;font-weight:600;color:var(--ds-text)}.dd-dfc-same i{margin-right:6px;color:oklch(0.72 0.15 150)}.dd-dfc-same[hidden],.dd-dfc-pending[hidden]{display:none}.dd-page.dd-tool.dd-dfc .dd-merge{margin:0!important;padding:0 0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:13px!important;max-height:640px!important}.dd-dfc .merge-row{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.dd-dfc .merge-cell{display:flex;gap:10px;min-width:0;padding:1px 12px 1px 0}.dd-dfc .merge-cell .line-num{flex:none;width:4.5ch;text-align:right;color:var(--ds-text-dim);user-select:none}.dd-dfc .merge-cell .line-content{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ds-code-text)}.dd-dfc .merge-cell.unchanged .line-content{color:var(--ds-text-muted)}.dd-dfc .merge-cell.removed{background:oklch(0.65 0.18 25 / 0.12);box-shadow:inset 3px 0 0 oklch(0.65 0.18 25 / 0.7)}.dd-dfc .merge-cell.added{background:oklch(0.7 0.15 150 / 0.12);box-shadow:inset 3px 0 0 oklch(0.7 0.15 150 / 0.7)}.dd-dfc .merge-cell.empty{background:repeating-linear-gradient(135deg,transparent 0 6px,var(--ds-border-soft) 6px 7px)}.dd-dfc .merge-cell-actions{display:flex;align-items:center;justify-content:center;gap:4px;border-inline:1px solid var(--ds-border-soft)}.dd-dfc .unchanged-marker{color:var(--ds-text-dim);opacity:0.5}.dd-page.dd-tool.dd-dfc .merge-cell-actions .action-btn{display:inline-grid;place-items:center;width:26px;height:22px;margin:0!important;padding:0!important;border:1px solid var(--ds-border)!important;border-radius:6px!important;background:var(--ds-surface)!important;color:var(--ds-text-muted)!important;font-size:11px!important;cursor:pointer}@media (hover:hover){.dd-page.dd-tool.dd-dfc .merge-cell-actions .action-btn:hover{border-color:var(--dd-c-line)!important;color:var(--ds-text)!important}}.dd-page.dd-tool.dd-dfc .merge-cell-actions .action-btn.selected{border-color:var(--dd-c)!important;background:var(--dd-c)!important;color:var(--dd-c-on)!important}.dd-dfc .merge-row:has(.merge-cell-left.selected) .merge-cell-right:not(.empty),.dd-dfc .merge-row:has(.merge-cell-right.selected) .merge-cell-left:not(.empty){opacity:0.45}.dd-dfc .merge-row:has(.merge-cell-left.selected) .merge-cell-right .line-content,.dd-dfc .merge-row:has(.merge-cell-right.selected) .merge-cell-left .line-content{text-decoration:line-through}.dd-dfc .merge-cell.removed.selected{background:oklch(0.65 0.18 25 / 0.2)}.dd-dfc .merge-cell.added.selected{background:oklch(0.7 0.15 150 / 0.2)}.dd-dfc-merged .dd-kit-code-input{min-height:200px;white-space:pre;overflow-x:auto}.dd-dfc-pending{margin:0;padding:8px 12px;border:1px solid oklch(0.78 0.15 75 / 0.4);border-radius:10px;background:oklch(0.78 0.15 75 / 0.1);font-size:13px;color:var(--ds-text-soft)}.dd-dfc-pending i{margin-right:6px;color:oklch(0.78 0.15 75)}.dd-conv-in{margin-top:12px}.dd-page .dd-conv-in .dd-kit-code-input{min-height:260px;white-space:pre;overflow-x:auto}.dd-page .dd-conv-out .dd-kit-code-input{min-height:200px;max-height:520px;white-space:pre;overflow-x:auto;field-sizing:content;resize:vertical}.dd-conv-out{margin-top:14px}.dd-conv-switch{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:14px}.dd-conv-switch__pair{display:inline-flex;align-items:center;gap:8px;color:var(--ds-text-dim);font-size:12px}.dd-conv-chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-surface);color:var(--ds-text-soft);font-family:var(--ds-font-mono);font-size:12px;font-weight:600;letter-spacing:0.24px;line-height:1}.dd-conv-chip--to{border-color:var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink)}.dd-conv-switch__more{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.dd-conv-switch__also{margin-left:6px;color:var(--ds-text-muted);font-size:13px}.dd-page a.dd-conv-swap{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--dd-c-line);border-radius:999px;color:var(--dd-c-ink);font-size:13px;font-weight:600;text-decoration:none;transition:background 0.2s ease,border-color 0.2s ease}.dd-page a.dd-conv-swap i{transition:transform 0.3s var(--dd-ease-out,ease)}.dd-page a.dd-conv-swap:focus-visible{border-color:var(--dd-c);background:var(--dd-c-soft)}@media (hover:hover){.dd-page a.dd-conv-swap:hover{border-color:var(--dd-c);background:var(--dd-c-soft)}}@media (hover:hover){.dd-page a.dd-conv-swap:hover i{transform:rotate(180deg)}}.dd-page a.dd-conv-chip--link{text-decoration:none;transition:color 0.2s ease,border-color 0.2s ease,background 0.2s ease}.dd-page a.dd-conv-chip--link:focus-visible{border-color:var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink)}@media (hover:hover){.dd-page a.dd-conv-chip--link:hover{border-color:var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink)}}.dd-page .dd-conv-error{display:flex;align-items:flex-start;gap:10px;margin:0;padding:16px 18px;color:var(--ds-text);font-size:14px;line-height:1.5}.dd-page .dd-conv-error[hidden]{display:none}.dd-page .dd-conv-error i{margin-top:3px;color:oklch(0.7 0.17 35)}body.theme-light .dd-page .dd-conv-error i{color:oklch(0.55 0.19 35)}@media (max-width:720px){.dd-conv-switch__more{margin-left:0}.dd-conv-switch .dd-kit-go{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.dd-page a.dd-conv-swap i{transition:none}}.dd-num-win{margin-top:12px}.dd-num-win__to{margin:0 4px;font-size:11px;opacity:0.6}.dd-num-io{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;padding:22px}.dd-num-io__arrow{display:grid;place-items:center;width:40px;color:var(--dd-c-ink)}.dd-num-io__arrow i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--dd-c-line);border-radius:50%;background:var(--dd-c-soft);font-size:13px}.dd-num-cell{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0}.dd-page .dd-num-cell__label{color:var(--ds-text);font-size:14px;font-weight:700}.dd-num-cell__base{margin-left:6px;color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:12px;font-weight:500}.dd-page .dd-num-entry{width:100%;height:64px;margin:0;padding:0 18px;border:1px solid var(--ds-border-strong);border-radius:12px;background:var(--ds-code-bg);color:var(--ds-text);font-family:var(--ds-font-mono);font-size:24px;letter-spacing:0.5px;box-shadow:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.dd-page .dd-num-entry:focus{border-color:var(--dd-c);box-shadow:0 0 0 3px var(--dd-c-soft);outline:none}.dd-num-out{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 10px 0 18px;border:1px solid var(--dd-c-line);border-radius:12px;background:var(--dd-c-soft)}.dd-page .dd-num-value{flex:1 1 auto;min-width:0;color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:24px;font-weight:600;letter-spacing:0.5px;overflow-wrap:anywhere;line-height:1.3;padding:14px 0}.dd-page .dd-num-value.is-error{color:var(--ds-text-muted);font-family:var(--ds-font-sans);font-size:15px;font-weight:500}.dd-num-grouped{min-height:18px;color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:13px;overflow-wrap:anywhere}.dd-num-work{margin-top:14px}.dd-num-work[hidden]{display:none}.dd-num-work__body{padding:18px 22px 20px;font-family:var(--ds-font-mono);font-size:14px;color:var(--ds-text-soft)}.dd-num-work__rows{display:grid;gap:4px;margin:0;padding:0;list-style:none}.dd-num-work__rows--divide{grid-template-columns:max-content max-content max-content 1fr}.dd-num-work__rows--positions{grid-template-columns:max-content max-content 1fr}.dd-num-work__rows li{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;gap:12px;margin:0;padding:6px 12px;border-radius:8px;overflow-wrap:anywhere}.dd-num-work__rows li:nth-child(odd){background:var(--ds-surface)}.dd-num-work__op{color:var(--ds-text-muted)}.dd-num-work__n,.dd-num-work__q{text-align:right}.dd-num-work__rem{justify-self:end;color:var(--ds-text-muted)}.dd-num-work__rows b,.dd-num-work__rem b{color:var(--dd-c-ink);font-weight:700}.dd-num-work__read{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--ds-text-muted);font-family:var(--ds-font-sans);font-size:13px}.dd-num-work__read i{color:var(--dd-c-ink)}.dd-num-work__groups{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.dd-num-work__groups li{display:grid;justify-items:center;gap:4px;margin:0;padding:8px 12px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-surface)}.dd-num-work__digit{color:var(--dd-c-ink);font-weight:700}.dd-num-work__bits{color:var(--ds-text-soft);letter-spacing:1.1px}.dd-num-work__cut{margin:12px 0 0;color:var(--ds-text-muted);font-family:var(--ds-font-sans);font-size:13px}@media (max-width:760px){.dd-num-io{grid-template-columns:minmax(0,1fr);padding:16px}.dd-num-io__arrow{width:auto;transform:rotate(90deg)}.dd-num-work__body{padding:14px;font-size:13px}.dd-num-work__rows--divide{grid-template-columns:max-content max-content 1fr}.dd-num-work__rem{grid-column:1 / -1;justify-self:start}}.dd-fmt-in{margin-top:12px}.dd-page .dd-fmt-in .dd-kit-code-input{min-height:280px;white-space:pre;overflow-x:auto}.dd-fmt-bar,.dd-fmt-out{margin-top:14px}.dd-fmt-bar{flex-wrap:wrap;gap:12px 18px}.dd-page .dd-fmt-out .dd-kit-code-input{min-height:200px;max-height:560px;white-space:pre;overflow-x:auto;field-sizing:content;resize:vertical}.dd-fmt-indent{display:inline-flex;align-items:center;gap:8px}.dd-page .dd-fmt-label{margin:0;color:var(--ds-text-muted);font-size:13px;font-weight:600}.dd-page .dd-fmt-toggle{--toggle-accent:var(--dd-c)}.dd-nsc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;padding:22px}.dd-nsc-field{position:relative;display:block}.dd-page .dd-nsc-field .dd-num-entry{padding-right:56px}.dd-page .dd-nsc-field .copy-btn{position:absolute;top:0;bottom:0;right:10px;margin:auto 0;height:34px}.dd-page .dd-num-entry.is-error{border-color:oklch(0.65 0.18 30);box-shadow:0 0 0 3px oklch(0.65 0.18 30 / 0.15)}.dd-nsc-bits{display:grid;gap:10px;padding:0 22px 22px}.dd-nsc-bits[hidden]{display:none}.dd-nsc-bits__strip{display:flex;flex-wrap:wrap;gap:10px}.dd-nsc-byte{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-surface)}.dd-page .dd-nsc-bit{display:grid;place-items:center;width:22px;height:26px;border-radius:5px;color:var(--ds-text-dim);font-family:var(--ds-font-mono);font-size:12px;font-style:normal;transition:background 0.2s ease,color 0.2s ease}.dd-page .dd-nsc-bit.is-on{background:var(--dd-c);color:var(--dd-c-on);font-weight:700}@media (max-width:760px){.dd-nsc-grid{grid-template-columns:minmax(0,1fr);padding:16px}.dd-nsc-bits{padding:0 16px 16px}.dd-page .dd-nsc-bit{width:18px}}@media (prefers-reduced-motion:reduce){.dd-page .dd-nsc-bit{transition:none}}.dd-min-in{margin-top:12px}.dd-min-in .dd-kit-code-input{min-height:300px;white-space:pre;overflow-x:auto}.dd-min-bar,.dd-min-out{margin-top:14px}.dd-page .dd-min-out .dd-min-code{min-height:96px;max-height:360px;white-space:pre-wrap;word-break:break-all;field-sizing:content;resize:vertical}.dd-page.dd-tool.dd-min .dd-size-info{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-family:var(--ds-font-sans)!important}.dd-min-stats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 22px;padding:12px 14px;border:1px solid var(--dd-c-line);border-radius:12px;background:var(--dd-c-soft)}.dd-min-stats__item{display:flex;flex-direction:column;gap:2px}.dd-min-stats__label{font-size:11.5px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;color:var(--ds-text-muted)}.dd-min-stats__value{font-family:var(--ds-font-mono);font-size:18px;font-weight:700;color:var(--ds-text)}.dd-min-stats__item--after .dd-min-stats__value{color:var(--dd-c-ink)}.dd-min-stats__item--saved .dd-min-stats__value{color:oklch(0.74 0.16 150)}body.theme-light .dd-min-stats__item--saved .dd-min-stats__value{color:oklch(0.5 0.14 150)}.dd-min-stats__note{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ds-text-muted)}.dd-min-stats__note i{color:oklch(0.72 0.15 150)}.dd-sprite-drop{margin-top:12px}.dd-page.dd-tool.dd-spr:has(#imagePreviewSection[style*='block']) .dd-sprite-drop .dropzone{flex-direction:row!important;justify-content:center;gap:12px!important;min-height:0!important;padding:10px 16px!important}.dd-page.dd-tool.dd-spr:has(#imagePreviewSection[style*='block']) .dd-sprite-drop .dropzone-icon{width:34px!important;height:34px!important;margin:0!important;animation:none}.dd-page.dd-tool.dd-spr:has(#imagePreviewSection[style*='block']) .dd-sprite-drop :is(.dropzone-text,.dropzone-hint){margin:0!important}:is(#imagePreviewSection,#spriteResult)>.dd-win{margin-top:14px}.dd-page.dd-tool.dd-spr .dd-sprite-preview-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))!important;gap:10px!important}.dd-page.dd-tool.dd-spr .dd-sprite-thumb{display:grid;grid-template-rows:72px auto auto;align-items:center;justify-items:center;gap:2px;padding:10px;border-color:var(--ds-border-soft);border-radius:12px;background:var(--ds-surface)}.dd-page.dd-tool.dd-spr .dd-sprite-thumb img{max-height:64px;object-fit:contain}.dd-page.dd-tool.dd-spr .dd-sprite-thumb__name{margin-top:6px;font-family:var(--ds-font-mono);font-size:12px;font-weight:600;color:var(--ds-text);word-break:normal!important;overflow-wrap:anywhere}.dd-page.dd-tool.dd-spr .dd-sprite-options{margin-top:0;padding-top:12px;border-top:1px solid var(--ds-border-soft)}.dd-page.dd-tool.dd-spr .dd-sprite-options .dd-kit-field{width:140px}.dd-page.dd-tool.dd-spr .dd-sprite-canvas-wrap{display:grid!important;place-items:center;min-height:140px;padding:20px!important;border-color:var(--ds-border-soft)!important}.dd-page.dd-tool.dd-spr canvas#spriteCanvas.is-zoomed{image-rendering:pixelated}.dd-spr #spriteZoom:empty{display:none}.dd-page.dd-tool.dd-spr #spriteInfo .image-info-grid{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}.dd-page.dd-tool.dd-spr #spriteInfo .image-info-item{flex:none!important;padding:4px 10px!important;border:1px solid var(--ds-border-soft)!important;border-radius:999px!important;background:var(--ds-surface)!important;font-family:var(--ds-font-mono)!important;font-size:12px!important}.dd-spr #spriteResult .dd-kit-code-input{min-height:220px}.dd-sprite-done{margin-top:14px}@media (max-width:880px){.dd-dfc-inputs{grid-template-columns:minmax(0,1fr)}.dd-dfc .merge-row{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)}.dd-dfc .merge-cell{gap:6px;padding-right:6px}.dd-dfc .merge-cell .line-num{width:3ch}.dd-min-stats__note{margin-left:0}}@media (max-width:640px){.dd-rxt-flags{width:100%;justify-content:space-between}.dd-dfc-bar .dd-kit-go,.dd-min-bar .dd-kit-go,.dd-sprite-done .dd-kit-go{flex:1 1 auto}.dd-page.dd-tool.dd-dfc .dd-diff-options{margin:0}}.dd-page.dd-tool .dd-seo{position:relative;isolation:isolate;max-width:1040px;margin:72px auto 24px;display:flex;flex-direction:column;gap:72px;font-family:var(--ds-font-sans);color:var(--ds-text-soft)}.dd-page.dd-tool .dd-seo::before{content:'';position:absolute;z-index:-1;pointer-events:none}.dd-page.dd-tool .dd-seo::before{inset:-40px 0 0;background-image:linear-gradient(var(--ds-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ds-grid) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 900px at 50% 0,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 70% 900px at 50% 0,#000 20%,transparent 100%)}.dd-seo-head{margin-bottom:24px}.dd-seo-head h2{display:flex;align-items:center;gap:14px;margin:0 0 0 -24px;font-family:var(--ds-font-sans);font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-0.6px;color:var(--ds-text)}.dd-seo-head h2::before{content:'';flex:none;width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2));box-shadow:0 0 0 4px var(--dd-c-soft),0 0 18px var(--dd-c-glow)}.dd-seo-dek{margin:10px 0 0;font-size:17px;line-height:1.55;color:var(--ds-text-muted)}.dd-seo h3{margin:0;font-family:var(--ds-font-sans);font-weight:600;font-size:17px;line-height:1.35;color:var(--ds-text)}.dd-seo-section>* + *{margin-top:20px}.dd-seo-section>.dd-seo-head + *{margin-top:0}body.theme-light .dd-page.dd-tool .dd-seo :is(p,li,td,h3) code{border-color:oklch(0.6 0.12 var(--dd-cat-h) / 0.14);background:oklch(0.96 0.014 var(--dd-cat-h));color:oklch(0.36 0.06 var(--dd-cat-h))}.dd-seo :is(p,li,td) a{color:var(--dd-c-ink);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px;transition:text-decoration-color 0.2s ease}@media (hover:hover){.dd-seo :is(p,li,td) a:hover{text-decoration-color:currentColor}}.dd-seo :is(p,li,td,h3) code{font-family:var(--ds-font-mono);font-size:14px;padding:1px 6px;border-radius:6px;border:1px solid oklch(0.7 0.13 var(--dd-cat-h) / 0.16);background:oklch(0.7 0.13 var(--dd-cat-h) / 0.08);color:oklch(0.9 0.04 var(--dd-cat-h));white-space:normal;overflow-wrap:anywhere}.dd-seo-prose{display:flex;flex-direction:column;gap:14px}.dd-seo-prose p{margin:0;font-size:16px;line-height:1.7;color:var(--ds-text-soft)}.dd-seo :is(.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-pair){transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}@media (hover:hover){.dd-seo :is(.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-pair):hover{transform:translateY(-2px);border-color:var(--dd-c-line);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 18px 40px -22px var(--dd-c-glow),0 0 0 1px var(--dd-c-soft)}}@property --dd-spot{syntax:'<percentage>';inherits:false;initial-value:0%}.dd-seo :is(.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-pair){position:relative;isolation:isolate}.dd-seo :is(.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-pair)::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(100px circle at var(--mx,50%) var(--my,0%),color-mix(in oklch,var(--dd-c) var(--dd-spot),transparent),transparent 70%);transition:--dd-spot 0.3s ease}@media (hover:hover){.dd-seo :is(.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-pair):hover::after{--dd-spot:8%}}.dd-seo .dd-seo-code:has(+ .dd-seo-prose),.dd-seo .dd-seo-table:has(+ .dd-seo-prose){border-bottom-left-radius:0;border-bottom-right-radius:0}.dd-seo :is(.dd-seo-code,.dd-seo-table) + .dd-seo-prose{position:relative;margin-top:0;padding:16px 22px 16px 60px;border:1px solid var(--ds-border);border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(var(--dd-c-soft),transparent 160%),var(--ds-surface)}.dd-seo :is(.dd-seo-code,.dd-seo-table) + .dd-seo-prose::before{content:'\21B3';position:absolute;top:15px;left:20px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:14px;line-height:1}.dd-seo :is(.dd-seo-code,.dd-seo-table) + .dd-seo-prose p{font-size:15px;line-height:1.65}.dd-seo .dd-seo-code-pair + .dd-seo-prose{position:relative;margin-top:12px;padding:16px 22px 16px 60px;border:1px solid var(--dd-c-line);border-radius:16px;background:linear-gradient(var(--dd-c-soft),transparent 160%),var(--ds-surface)}.dd-seo .dd-seo-code-pair + .dd-seo-prose::before{content:'\21B3';position:absolute;top:15px;left:20px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:14px;line-height:1}.dd-seo .dd-seo-code-pair + .dd-seo-prose p{font-size:15px;line-height:1.65}.dd-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.dd-seo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-seo-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px}.dd-seo-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:15px;color:var(--dd-c-ink);background:var(--dd-c-soft);border:1px solid var(--dd-c-line);box-shadow:0 6px 18px -8px var(--dd-c-glow)}.dd-seo-card p,.dd-seo-steps p,.dd-seo-pairs p,.dd-seo-pair li{margin:0;font-size:15px;line-height:1.6;color:var(--ds-text-muted)}.dd-seo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:24px;border-radius:18px}.dd-seo-pair__col{margin:-10px;padding:10px;border-radius:12px;transition:background-color 0.2s ease}@media (hover:hover){.dd-seo-pair__col:hover{background:var(--dd-c-soft)}}.dd-seo-pair h3{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dd-seo-pair h3 i{color:var(--dd-c-ink)}.dd-seo-pair ul{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.dd-seo-pairs{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.dd-seo-pairs__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:20px 22px;border-radius:18px}.dd-seo-pairs__side{position:relative;display:flex;flex-direction:column;gap:6px}.dd-seo-pairs__side--1::after{content:'\2192';position:absolute;top:50%;right:-38px;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;border-radius:50%;border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink);font-size:14px;line-height:1}.dd-seo-pairs__tag{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ds-text)}.dd-seo-pairs__side--1 .dd-seo-pairs__tag i{color:#f59e0b}.dd-seo-pairs__side--2 .dd-seo-pairs__tag i{color:var(--ds-good)}.dd-seo-pairs__side--2 p{color:var(--ds-text-soft)}.dd-seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:dd-seo-step}.dd-seo-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dd-seo-steps li{counter-increment:dd-seo-step;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px}.dd-seo-steps li::before{content:counter(dd-seo-step);display:grid;place-items:center;width:32px;height:32px;margin-bottom:6px;border-radius:10px;background:linear-gradient(135deg,var(--dd-c),var(--dd-c-2));box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 8px 20px -6px var(--dd-c-glow);color:#fff;font-family:var(--ds-font-mono);font-size:14px;font-weight:700}.dd-seo .dd-seo-table{--card-bg:var(--ds-surface);--border-color:var(--ds-border);--primary-blue:var(--dd-c);--text-color:var(--ds-text-soft);--muted-text:var(--ds-text);margin-bottom:0;border-radius:18px;box-shadow:0 24px 60px -40px var(--dd-c-glow)}.dd-seo .dd-seo-table .data-table{font-size:15px}.dd-seo .dd-seo-table thead th{text-align:left;background:var(--dd-c-soft)}.dd-seo .dd-seo-table thead th .dt-column-header{justify-content:flex-start}.dd-seo .dd-seo-table tbody td{vertical-align:top;line-height:1.55;transition:background-color 0.2s ease}@media (hover:hover){.dd-seo .dd-seo-table tbody tr:hover td{background:var(--dd-c-soft)}}.dd-seo-code-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}.dd-seo-code-pair__arrow{color:var(--dd-c-ink);font-size:16px}.dd-seo-code-pair .dd-win--result .dd-win__body,.dd-seo-code-pair .dd-win--result .dd-win__body code{white-space:pre-wrap!important;word-break:break-all}.dd-page.dd-tool .dd-seo .dd-seo-note{--dd-accent-h:var(--dd-cat-h);margin-bottom:0!important;font-size:14px!important}.dd-seo .dd-seo-route{--action-card-bg:var(--ds-surface);--action-card-border:var(--ds-border);--action-card-text:var(--ds-text);--action-card-muted:var(--ds-text-muted);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:18px;box-shadow:none;transition:border-color 0.25s ease,box-shadow 0.25s ease}@media (hover:hover){.dd-seo .dd-seo-route:hover{border-color:var(--dd-c-line);box-shadow:0 18px 40px -22px var(--dd-c-glow)}}.dd-page .dd-seo-route .action-card-icon{border:1px solid var(--dd-c-line);background:var(--dd-c-soft);color:var(--dd-c-ink)}.dd-seo-route__go{color:var(--dd-c-ink);transition:transform 0.25s ease}@media (hover:hover){.dd-seo-route:hover .dd-seo-route__go{transform:translateX(4px)}}.dd-seo-faq .collapse-group:has(.collapse-container){max-width:none;margin-inline:0}.dd-seo-faq .collapse-container{--collapse-accent:var(--dd-c)}.dd-seo-faq .collapse-content-inner p{margin:0;font-size:15px;line-height:1.65}@keyframes dd-seo-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dd-seo :is(.dd-seo-head,.dd-seo-card,.dd-seo-steps li,.dd-seo-pairs__row,.dd-seo-code,.dd-seo-table,.dd-seo-pair){animation:dd-seo-rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}}@media (max-width:880px){.dd-page.dd-tool .dd-seo{margin-top:56px;gap:56px}.dd-seo-head h2{margin-left:0;font-size:26px}.dd-seo-grid,.dd-seo-grid--2,.dd-seo-steps,.dd-seo-steps--4,.dd-seo-pair,.dd-seo-pairs__row{grid-template-columns:minmax(0,1fr)}.dd-seo-pairs__row{gap:40px}.dd-seo-pairs__side--1::after{content:'\2193';top:auto;right:auto;bottom:-34px;left:0;margin-top:0}.dd-seo-code-pair{grid-template-columns:minmax(0,1fr)}.dd-seo-code-pair__arrow{justify-self:center;transform:rotate(90deg)}}:is(.dd-clr,.dd-b64,.dd-play) .dd-kit-head{margin-top:16px}.dd-clr .dd-win + .dd-win,.dd-clr .dd-kit-head + .dd-win{margin-top:14px}.dd-clr-field{position:relative;display:flex;align-items:stretch;border:1px solid var(--ds-border-strong);border-radius:12px;background:var(--ds-code-bg);overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.dd-clr-field:focus-within{border-color:var(--dd-c);box-shadow:0 0 0 3px var(--dd-c-soft)}.dd-clr-field:has(.dd-clr-entry[style*='76, 175, 80']){border-color:oklch(0.72 0.16 150)}.dd-clr-field:has(.dd-clr-entry[style*='244, 67, 54']){border-color:oklch(0.65 0.2 28);box-shadow:0 0 0 3px oklch(0.65 0.2 28 / 0.18)}.dd-clr-field__prefix{display:grid;place-items:center;padding:0 16px;border-right:1px solid var(--ds-border-soft);background:var(--dd-c-soft);color:var(--dd-c-ink);font-family:var(--ds-font-mono);font-size:20px;font-weight:600}.dd-page.dd-tool .dd-clr-field input.dd-clr-entry{flex:1;min-width:0;height:56px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ds-text)!important;font-family:var(--ds-font-mono)!important;font-size:20px!important;letter-spacing:0.4px;outline:none!important}.dd-page.dd-tool .dd-clr-field input.dd-clr-entry::placeholder{color:var(--ds-text-dim)}.dd-clr-field>.dd-win__btn{align-self:center;margin-right:12px!important}.dd-clr-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.dd-clr-quick__label{font-size:13px;font-weight:600;color:var(--ds-text-soft)}.dd-clr-quick__grid{display:flex;flex-wrap:wrap;gap:6px}html:has(.dd-page.dd-tool) .dd-page.dd-tool .dd-clr-quick button.quick-color-btn{display:block!important;width:28px!important;min-width:0!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid var(--ds-border-strong)!important;border-radius:8px!important;background:var(--dd-swatch-bg,#888)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)!important;cursor:pointer;transition:transform 0.15s ease,border-color 0.15s ease!important}@media (hover:hover){html:has(.dd-page.dd-tool) .dd-page.dd-tool .dd-clr-quick button.quick-color-btn:is(:hover,:focus-visible){background:var(--dd-swatch-bg,#888)!important;border-color:var(--ds-text-soft)!important;transform:translateY(-2px)}}.dd-clr-stage{position:relative;border:1px solid var(--ds-border);border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#d4d4da 0% 25%,#fff 0% 50%) 50% / 20px 20px}body.theme-dark .dd-clr-stage{background:repeating-conic-gradient(#3a3a44 0% 25%,#24242b 0% 50%) 50% / 20px 20px}.dd-page.dd-tool label.dd-clr-swatch{position:relative;display:block;height:220px;margin:0;background-color:#808080;cursor:pointer;transition:background-color 0.12s ease}.dd-page.dd-tool .dd-clr-swatch input.dd-clr-swatch__input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer}.dd-clr-swatch__hint{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(14,14,20,0.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:600;pointer-events:none;transition:background-color 0.2s ease}@media (hover:hover){.dd-clr-swatch:hover .dd-clr-swatch__hint{background:rgba(14,14,20,0.82)}}.dd-clr-swatch:focus-within{outline:2px solid var(--dd-c);outline-offset:-4px}.dd-clr .color-picker-overlay[hidden]{display:none}.dd-page.dd-tool .dd-clr-entry--hex{text-transform:uppercase}.dd-page .dd-clr-chans{position:absolute;left:12px;bottom:12px;display:flex;gap:6px;margin:0;pointer-events:none}.dd-clr-chans>span{display:inline-flex;align-items:baseline;gap:7px;min-width:74px;padding:7px 12px;border-radius:10px;background:rgba(14,14,20,0.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--ds-font-mono);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.dd-clr-chans b{font-size:13px}.dd-clr-chans [data-channel='r'] b{color:#ff8a80}.dd-clr-chans [data-channel='g'] b{color:#7ee08f}.dd-clr-chans [data-channel='b'] b{color:#8fb4ff}.dd-clr-vals{display:grid;grid-template-columns:repeat(var(--dd-clr-cols,2),minmax(0,1fr));gap:12px}.dd-clr-vals--5{--dd-clr-cols:4}.dd-clr-vals--4{--dd-clr-cols:3}:is(.dd-clr-vals--4,.dd-clr-vals--5)>.dd-clr-val--lead{grid-column:1 / -1}.dd-clr-val{display:flex;flex-direction:column;gap:5px;min-width:0}.dd-page .dd-clr-val__name{margin:0;font-size:13px;font-weight:600;color:var(--ds-text-soft)}.dd-clr-val__box{display:flex;align-items:center;gap:6px;padding-right:6px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-surface)}.dd-page.dd-tool .dd-clr-val__box input.dd-clr-val__input{flex:1;min-width:0;height:42px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ds-text)!important;font-family:var(--ds-font-mono)!important;font-size:15px!important;outline:none!important;cursor:copy}.dd-page.dd-tool .dd-clr-vals--5 .dd-clr-val:not(.dd-clr-val--lead) input.dd-clr-val__input{padding:0 8px 0 10px!important;font-size:14px!important}.dd-page.dd-tool .dd-clr-val--lead input.dd-clr-val__input{height:52px!important;font-size:24px!important;font-weight:700;letter-spacing:0.7px}.dd-clr-sliders{gap:0}.dd-clr-slider{display:grid;grid-template-columns:96px minmax(0,1fr) 76px;align-items:center;gap:16px;padding:10px 4px}.dd-clr-slider + .dd-clr-slider{border-top:1px solid var(--ds-border-soft)}.dd-page .dd-clr-slider__name{display:flex;align-items:baseline;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--ds-text-soft);cursor:pointer}.dd-clr-slider__name b{width:14px;font-family:var(--ds-font-mono);font-size:16px;color:var(--ds-text)}.dd-clr-slider[data-channel='r']{--dd-clr-ch:oklch(0.7 0.2 27);--dd-clr-track:linear-gradient(90deg,#000,#f00)}.dd-clr-slider[data-channel='g']{--dd-clr-ch:oklch(0.74 0.19 145);--dd-clr-track:linear-gradient(90deg,#000,#0f0)}.dd-clr-slider[data-channel='b']{--dd-clr-ch:oklch(0.7 0.18 258);--dd-clr-track:linear-gradient(90deg,#000,#00f)}.dd-clr-slider[data-channel='a']{--dd-clr-track:linear-gradient(90deg,rgba(128,128,128,0),#808080),repeating-conic-gradient(#d4d4da 0% 25%,#fff 0% 50%) 0 0 / 10px 10px}body.theme-light .dd-clr-slider[data-channel='r']{--dd-clr-ch:oklch(0.55 0.2 27)}body.theme-light .dd-clr-slider[data-channel='g']{--dd-clr-ch:oklch(0.52 0.16 145)}body.theme-light .dd-clr-slider[data-channel='b']{--dd-clr-ch:oklch(0.5 0.2 258)}.dd-clr-slider[data-channel] .dd-clr-slider__name b{color:var(--dd-clr-ch,var(--ds-text))}.dd-page.dd-tool .dd-clr-slider input[type='range']{-webkit-appearance:none!important;appearance:none!important;width:100%!important;height:12px!important;margin:0!important;padding:0!important;border:1px solid var(--ds-border-strong)!important;border-radius:999px!important;background:var(--dd-clr-track)!important;box-shadow:none!important;outline:none;cursor:pointer}.dd-page.dd-tool .dd-clr-slider input[type='range']:focus-visible{box-shadow:0 0 0 3px var(--dd-c-line)!important}.dd-page.dd-tool .dd-clr-slider input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#1b1b22;box-shadow:0 2px 8px rgba(0,0,0,0.45);cursor:grab}.dd-page.dd-tool .dd-clr-slider input[type='range']::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#1b1b22;box-shadow:0 2px 8px rgba(0,0,0,0.45);cursor:grab}.dd-page.dd-tool .dd-clr-slider input[type='number']{width:76px!important;height:38px!important;margin:0!important;padding:0 6px!important;border:1px solid var(--ds-border)!important;border-radius:9px!important;background:var(--ds-surface)!important;box-shadow:none!important;color:var(--ds-text)!important;font-family:var(--ds-font-mono)!important;font-size:15px!important;font-variant-numeric:tabular-nums;text-align:center}.dd-page.dd-tool .dd-clr-slider input[type='number']:focus{border-color:var(--dd-c)!important;box-shadow:0 0 0 3px var(--dd-c-soft)!important;outline:none}.dd-page.dd-tool .dd-clr-ramp{display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--ds-border);border-radius:12px;overflow:hidden}.dd-page.dd-tool .dd-clr-ramp .color-variation-item{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--ds-surface)!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}.dd-page.dd-tool .dd-clr-ramp .variation-swatch{width:100%!important;height:88px;aspect-ratio:auto!important;border:0!important;border-radius:0!important;transition:box-shadow 0.15s ease}@media (hover:hover){.dd-page.dd-tool .dd-clr-ramp .color-variation-item:hover .variation-swatch{box-shadow:inset 0 0 0 3px var(--ds-text)}}.dd-page.dd-tool .dd-clr-ramp .variation-hex{padding:8px 2px!important;font-family:var(--ds-font-mono)!important;font-size:11px!important;color:var(--ds-text-soft)!important;text-align:center;white-space:nowrap}@media (hover:hover){.dd-page.dd-tool .dd-clr-ramp .color-variation-item:hover .variation-hex{color:var(--ds-text)!important}}.dd-page.dd-tool .dd-clr-harmony{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}.dd-page.dd-tool .dd-clr-harmony .color-harmony-item{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0;margin:0!important;padding:0 0 10px!important;border:1px solid var(--ds-border)!important;border-radius:12px!important;overflow:hidden;background:var(--ds-surface)!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;transition:border-color 0.15s ease,translate 0.15s ease!important}@media (hover:hover){.dd-page.dd-tool .dd-clr-harmony .color-harmony-item:hover{border-color:var(--ds-border-strong)!important;transform:none!important;translate:0 -2px}}.dd-page.dd-tool .dd-clr-harmony .harmony-swatch{width:100%!important;height:72px!important;margin-bottom:8px;border:0!important;border-radius:0!important}.dd-page.dd-tool .dd-clr-harmony :is(.harmony-label,.harmony-hex){padding:0 10px;font-size:12px!important;letter-spacing:0!important}.dd-page.dd-tool .dd-clr-harmony .harmony-label{font-family:var(--ds-font-sans)!important;font-weight:700;color:var(--ds-text)!important}.dd-page.dd-tool .dd-clr-harmony .harmony-hex{font-family:var(--ds-font-mono)!important;color:var(--ds-text-soft)!important}.dd-page.dd-tool .dd-clr-saved{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important;gap:10px!important}.dd-page.dd-tool .dd-clr-saved .saved-color-item{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;border:1px solid var(--ds-border)!important;border-radius:12px!important;overflow:hidden;background:var(--ds-surface)!important;box-shadow:none!important;transform:none!important}.dd-page.dd-tool .dd-clr-saved .saved-color-swatch{width:100%!important;height:64px;aspect-ratio:auto!important;border:0!important;border-radius:0!important;cursor:pointer}.dd-page.dd-tool .dd-clr-saved .saved-color-hex{padding:8px 8px 4px;font-family:var(--ds-font-mono)!important;font-size:12px!important;color:var(--ds-text)!important;text-align:center;cursor:pointer}.dd-page.dd-tool .dd-clr-saved button.saved-color-delete{width:auto!important;height:28px!important;margin:2px 8px 8px!important;border-color:var(--ds-border-soft)!important;color:var(--ds-text-muted)!important}.dd-page.dd-tool .dd-clr-saved :is(.dd-saved-empty,.empty-palette-message){grid-column:1 / -1;padding:22px 16px!important;border:1px dashed var(--ds-border-strong)!important;border-radius:12px!important;background:transparent!important;font-family:var(--ds-font-sans)!important;font-size:14px!important;color:var(--ds-text-muted)!important;text-align:center}.dd-page .dd-clr-save{color:var(--dd-c-ink)!important;border-color:var(--dd-c-line)!important}.dd-clr-demo{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--ds-border);border-radius:14px;overflow:hidden;list-style:none}.dd-clr-demo li{display:flex;flex-direction:column;margin:0;background:var(--ds-surface)}.dd-clr-demo li::before{content:'';height:64px;background:var(--sw)}.dd-clr-demo code{padding:8px 2px;background:none!important;font-size:11px;color:var(--ds-text-soft);text-align:center}@media (max-width:1100px){.dd-clr-vals--5{--dd-clr-cols:2}.dd-page.dd-tool .dd-clr-harmony{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))!important}}@media (max-width:760px){.dd-clr-vals{grid-template-columns:minmax(0,1fr)}.dd-page.dd-tool label.dd-clr-swatch{height:150px}.dd-clr .dd-win__meta{display:none}.dd-clr-slider{grid-template-columns:minmax(0,1fr) 68px;gap:8px 12px;padding:10px 2px}.dd-clr-slider__name{grid-column:1 / -1}.dd-page.dd-tool .dd-clr-slider input[type='number']{width:68px!important}.dd-page.dd-tool .dd-clr-ramp .variation-swatch{height:64px}.dd-page.dd-tool .dd-clr-ramp .variation-hex,.dd-clr-demo code{padding:8px 0!important;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.dd-page .dd-clr-save span{display:inline!important}}.dd-b64-drop,.dd-b64 .dd-kit-head + .dd-win{margin-top:12px}.dd-b64-result>* + *,.dd-b64-result{margin-top:14px}.dd-page.dd-tool.dd-b64 .dropzone[style*='display: none']{display:none!important}.dd-b64-stage{display:grid;place-items:center;min-height:220px;padding:20px;border:1px solid var(--ds-border-soft);border-radius:12px;background:repeating-conic-gradient(#e2e2e7 0% 25%,#fff 0% 50%) 50% / 20px 20px}body.theme-dark .dd-b64-stage{background:repeating-conic-gradient(#2c2c34 0% 25%,#1e1e24 0% 50%) 50% / 20px 20px}.dd-page.dd-tool .dd-b64-stage img.image-preview{display:block;max-width:100%!important;max-height:420px!important;margin:0;border-radius:4px;image-rendering:auto}.dd-page.dd-tool.dd-b64 #imageInfo{margin:0!important;font-family:var(--ds-font-sans)!important}.dd-page.dd-tool.dd-b64 #imageInfo .image-info-grid{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}.dd-page.dd-tool.dd-b64 #imageInfo .image-info-item{flex:none!important;max-width:100%;padding:5px 12px!important;border:1px solid var(--ds-border-soft)!important;border-radius:999px!important;background:var(--ds-surface)!important;color:var(--ds-text)!important;font-family:var(--ds-font-mono)!important;font-size:12px!important}.dd-page.dd-tool.dd-b64 #imageInfo .image-info-item i{color:var(--dd-c-ink)!important}.dd-page.dd-tool.dd-b64--enc #imageInfo .image-info-item:nth-child(4),.dd-page.dd-tool.dd-b64--dec #imageInfo .image-info-item:first-child{border-color:var(--dd-c-line)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important;font-weight:700}.dd-page.dd-tool.dd-b64--dec #imageInfo .image-info-item:last-child i{color:oklch(0.72 0.16 150)!important}body.theme-light .dd-page.dd-tool.dd-b64--dec #imageInfo .image-info-item:last-child i{color:oklch(0.5 0.14 150)!important}.dd-page.dd-tool.dd-b64 textarea.dd-kit-code-input{min-height:132px;max-height:240px;font-size:13px!important;white-space:pre-wrap;word-break:break-all}.dd-page.dd-tool.dd-b64 .dd-b64-in textarea.dd-kit-code-input{min-height:220px;max-height:420px}.dd-b64-bar{margin-top:14px}.dd-b64 :is(.dd-kit-go,.dd-kit-ghost){height:40px}.dd-b64 .dd-kit-go:disabled{opacity:0.4;box-shadow:none;filter:none;cursor:not-allowed}@media (max-width:640px){.dd-b64-bar .dd-kit-go{flex:1 1 100%}.dd-b64-bar .dd-kit-ghost{flex:1 1 0}.dd-b64 .dd-win__meta{display:none}.dd-page .dd-b64-copy span{display:inline!important}}.dd-play-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:12px}.dd-play-grid>.dd-win{height:clamp(460px,calc(100vh - 260px),760px)}.dd-play .dd-win__pane{padding:0;gap:0;overflow:hidden}.dd-play-tabs{display:flex;gap:2px;margin-left:8px;min-width:0}.dd-page.dd-tool .dd-play-tabs button.editor-tab{display:inline-flex!important;align-items:center;gap:7px;height:28px!important;margin:0!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--ds-text-muted)!important;font-family:var(--ds-font-sans)!important;font-size:13px!important;font-weight:600!important;line-height:1;text-transform:none!important;letter-spacing:0!important;cursor:pointer}@media (hover:hover){.dd-page.dd-tool .dd-play-tabs button.editor-tab:hover{color:var(--ds-text)!important}}.dd-page.dd-tool .dd-play-tabs button.editor-tab.active{border-color:var(--dd-c-line)!important;background:var(--dd-c-soft)!important;color:var(--dd-c-ink)!important}.dd-play .editor-content{flex:1;min-height:0}.dd-page.dd-tool.dd-play textarea.dd-kit-code-input{height:100%;min-height:0!important;padding:14px 16px!important;font-size:14px!important;white-space:pre;overflow:auto;tab-size:2;resize:none}.dd-page.dd-tool.dd-play iframe.dd-play-frame{display:block;flex:1;width:100%!important;min-height:0;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important}.dd-play-console{flex:none;max-height:42%;overflow:auto;border-top:1px solid var(--ds-border);background:var(--ds-code-bg);font-family:var(--ds-font-mono);font-size:12.5px;color:var(--ds-code-text)}.dd-play-console__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--ds-border-soft);background:var(--ds-surface-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dd-play-console__head strong{display:inline-flex;align-items:center;gap:8px;font-family:var(--ds-font-sans);font-size:13px;color:var(--ds-text)}.dd-play-console__head strong i{color:var(--dd-c-ink)}.dd-play-console__log{padding:4px 12px 10px;line-height:1.55}@media (max-width:1100px){.dd-play-grid{grid-template-columns:minmax(0,1fr)}.dd-play-grid>.dd-win{height:460px}}@media (max-width:640px){.dd-play-grid>.dd-win{height:400px}.dd-play .ds-dot{display:none}.dd-play-tabs{margin-left:0}.dd-page.dd-tool .dd-play-tabs button.editor-tab{padding:0 8px!important}.dd-play-tabs button.editor-tab i{display:none}}@keyframes ds-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes ds-blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes ds-pulse{0%,100%{opacity:0.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes ds-dash{to{stroke-dashoffset:-1000}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-spin-rev{to{transform:rotate(-360deg)}}@keyframes ds-bob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}@keyframes ds-tile{0%,20%,100%{border-color:var(--ds-border);background:var(--ds-surface);box-shadow:inset 0 1px 0 var(--ds-glass-hi)}6%,14%{border-color:var(--ds-accent);background:color-mix(in srgb,var(--ds-accent) 18%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--ds-accent) 35%,transparent)}}@keyframes ds-reveal{0%,8%{opacity:0;transform:translateY(4px)}20%,88%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes ds-pop{0%,55%,100%{transform:scale(1);box-shadow:0 0 0 transparent}62%,75%{transform:scale(1.08);box-shadow:0 0 14px color-mix(in srgb,#34d399 45%,transparent)}}.ds-home{position:relative;overflow:hidden;min-height:100vh;background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;transition:background 0.35s ease,color 0.35s ease}.ds-home ::selection{background:var(--ds-accent);color:#fff}.ds-home a{text-decoration:none}.dd-page [data-cat]{--ds-c:oklch(var(--ds-cat-l) var(--ds-cat-c) var(--ds-h));--ds-c-ink:oklch(var(--ds-ink-l) var(--ds-ink-c) var(--ds-h))}.dd-page [data-cat='all']{--ds-h:262}.dd-page [data-cat='color']{--ds-h:var(--ds-h-color)}.dd-page [data-cat='image']{--ds-h:var(--ds-h-image)}.dd-page [data-cat='code']{--ds-h:var(--ds-h-code)}.dd-page [data-cat='file']{--ds-h:var(--ds-h-file)}.dd-page [data-cat='number']{--ds-h:var(--ds-h-number)}.dd-page [data-cat='web']{--ds-h:var(--ds-h-web)}.ds-browse:not(.ds-browse--home){position:relative;z-index:4;margin:70px auto 0}.ds-browse__title{font-family:var(--ds-font-sans);font-weight:700;font-size:28px;letter-spacing:-0.02em;margin:0 0 18px;color:var(--ds-text)}.ds-cursor{display:inline-block;width:8px;animation:ds-blink 1s step-end infinite;color:var(--ds-text)}.ds-grid-tex{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--ds-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ds-grid) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 85% 55% at 50% -5%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 85% 55% at 50% -5%,#000 35%,transparent 100%)}.ds-hero{position:relative;z-index:4;max-width:1680px;margin:0 auto;padding:40px 40px 20px}.ds-hero h1{font-family:var(--ds-font-sans);font-weight:700;font-size:40px;line-height:1.06;letter-spacing:-0.03em;margin:0 0 16px;max-width:760px;color:var(--ds-text)}.ds-hero-accent{color:var(--ds-accent-2);text-shadow:0 0 32px color-mix(in srgb,var(--ds-accent) 55%,transparent)}.ds-lead{font-size:19px;line-height:1.5;color:var(--ds-text-muted);max-width:620px;margin:0 0 34px}.ds-filter-row{position:relative;display:flex;align-items:flex-start;gap:10px;margin-bottom:28px}.ds-pills{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.ds-search-orb{flex:none;position:static;width:41px;align-self:stretch}.ds-search-orb__panel{position:absolute;left:0;top:0;height:100%;width:41px;z-index:6;display:flex;align-items:center;gap:9px;padding:0 10px;box-sizing:border-box;border-radius:12px;border:1px solid var(--ds-border);background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi);overflow:hidden;cursor:pointer;transition:width 0.25s ease,border-color 0.2s ease,background 0.2s ease}.ds-search-orb__icon{flex:none;width:19px;height:19px;color:var(--ds-text-soft);transition:color 0.2s ease}.ds-search-orb input,.ds-search-orb input:focus,.ds-search-orb input:focus-visible{flex:1;min-width:0;height:auto;align-self:center;line-height:normal;margin:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;background-color:transparent;color:var(--ds-text);font-family:inherit;font-size:14px;font-weight:500;padding:0;appearance:none;-webkit-appearance:none}.ds-search-orb input{opacity:0;transition:opacity 0.15s ease}.ds-search-orb input::placeholder{color:var(--ds-text-dim)}.ds-search-orb input::-webkit-search-cancel-button{-webkit-appearance:none}@media (hover:hover){.ds-search-orb:hover .ds-search-orb__panel{border-color:var(--ds-border-strong)}}.ds-search-orb:focus-within .ds-search-orb__panel,.ds-search-orb.ds-open .ds-search-orb__panel{width:100%;cursor:text}@media (hover:hover){.ds-search-orb:hover .ds-search-orb__panel{width:100%;cursor:text}}.ds-search-orb:focus-within .ds-search-orb__panel,.ds-search-orb.ds-open .ds-search-orb__panel{border-color:var(--ds-accent);background:var(--ds-surface-2)}.ds-search-orb:focus-within .ds-search-orb__icon,.ds-search-orb.ds-open .ds-search-orb__icon{color:var(--ds-accent)}.ds-search-orb:focus-within input,.ds-search-orb.ds-open input{opacity:1}@media (hover:hover){.ds-search-orb:hover input{opacity:1}}.ds-pill{display:inline-flex;align-items:center;gap:9px;margin:0!important;padding:10px 16px!important;border-radius:12px!important;font-family:inherit!important;font-weight:600!important;font-size:14px!important;line-height:normal!important;text-transform:none!important;letter-spacing:normal!important;height:auto!important;cursor:pointer;transition:all 0.2s ease!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi)!important;border:1px solid var(--ds-border)!important;background:var(--ds-surface)!important;color:var(--ds-text-soft)!important;transform:none!important}.ds-pill::before{display:none!important}@media (hover:hover){.ds-pill:hover{border-color:var(--ds-border-strong)!important;background:var(--ds-surface)!important;color:var(--ds-text-soft)!important;box-shadow:inset 0 1px 0 var(--ds-glass-hi)!important}}.ds-pill.active{border:1px solid var(--ds-c)!important;background:color-mix(in srgb,var(--ds-c) 13%,transparent)!important;color:var(--ds-text)!important}@media (hover:hover){.ds-pill.active:hover{border:1px solid var(--ds-c)!important;background:color-mix(in srgb,var(--ds-c) 13%,transparent)!important;color:var(--ds-text)!important}}.ds-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--ds-c);display:inline-block}.ds-pill__count{opacity:0.55;font-variant-numeric:tabular-nums}.ds-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ds-tool-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;overflow:hidden;transition:border-color 0.2s ease,background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}@media (hover:hover){.ds-card-link:hover .ds-tool-card{border-color:var(--ds-c);background:var(--ds-surface-2);transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 12px 30px -12px color-mix(in srgb,var(--ds-c) 30%,transparent)}}.ds-card-link:active .ds-tool-card{transform:translateY(-1px);transition-duration:0.08s}.ds-tool-card__icon{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--ds-c-ink);background:color-mix(in srgb,var(--ds-c) 15%,transparent);border:1px solid color-mix(in srgb,var(--ds-c) 32%,transparent);transition:background 0.2s ease,border-color 0.2s ease}@media (hover:hover){.ds-card-link:hover .ds-tool-card__icon{background:color-mix(in srgb,var(--ds-c) 24%,transparent);border-color:color-mix(in srgb,var(--ds-c) 48%,transparent)}}.ds-tool-card__body{flex:1;min-width:0}.ds-tool-card__cat{display:inline-flex;align-items:center;gap:6px;font-family:var(--ds-font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ds-c-ink);margin-bottom:5px}.ds-tool-card__cat::before{content:'';width:6px;height:6px;border-radius:2px;background:var(--ds-c)}.ds-tool-card__name{font-family:var(--ds-font-sans);font-weight:600;font-size:16px;letter-spacing:-0.01em;color:var(--ds-text)}.ds-tool-card__arrow{flex:none;color:var(--ds-text-dim);font-size:17px;transition:transform 0.2s ease,color 0.2s ease}@media (hover:hover){.ds-card-link:hover .ds-tool-card__arrow{transform:translateX(3px);color:var(--ds-c-ink)}}.ds-grid-empty{display:none;padding:26px 4px;font-size:15px;color:var(--ds-text-muted)}.ds-grid-empty.show{display:block}.dd-page [data-cat='popular']{--ds-h:262}.ds-pill__star{font-size:11px;color:var(--ds-c)}.ds-tool-grid[data-view='popular']{grid-template-columns:repeat(20,minmax(0,1fr));gap:12px}.ds-tool-grid[data-view='popular'] .ds-card-link{order:var(--ds-pop,99);grid-column:span 4}.ds-tool-grid[data-view='popular'] .ds-card-link[data-feature]{grid-column:span 5;margin-bottom:10px}.ds-tool-card__desc,.ds-tool-card__badge{display:none}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon body' 'icon desc';align-items:start;align-content:start;gap:0 14px;height:100%;padding:16px 18px;border-radius:18px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__icon{grid-area:icon;width:46px;height:46px;border-radius:13px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__icon svg{width:22px;height:22px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__body{grid-area:body;min-width:0;padding-top:2px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__name{font-size:18px;font-weight:700;letter-spacing:-0.3px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__arrow{display:none}.ds-tool-grid[data-view='popular'] .ds-tool-card__desc{grid-area:desc;display:block;margin:3px 0 0;color:var(--ds-text-muted);font-size:13px;line-height:1.45}.ds-tool-grid[data-view='popular'] .ds-tool-card__badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;height:22px;padding:0 9px;border:1px solid color-mix(in srgb,var(--ds-c) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ds-c) 14%,transparent);color:var(--ds-c-ink);font-size:12px;font-weight:700}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card{gap:11px;padding:12px 14px;border-radius:14px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__icon{width:36px;height:36px;border-radius:10px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__icon svg{width:18px;height:18px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__cat{display:none}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__arrow{font-size:14px}.ds-search-orb__kbd{order:3;flex:none;display:none;padding:1px 7px;border:1px solid var(--ds-border-strong);border-radius:6px;color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:12px;line-height:1.5}.ds-search-orb:focus-within .ds-search-orb__kbd{display:inline-block}@media (hover:hover){.ds-search-orb:hover .ds-search-orb__kbd{display:inline-block}}.ds-search-orb.ds-open .ds-search-orb__kbd{display:none}@media (max-width:1100px){.ds-tool-grid[data-view='popular'] .ds-card-link[data-feature]{grid-column:span 10}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]){grid-column:span 5}}@media (max-width:560px){.ds-tool-grid[data-view='popular']{gap:10px}.ds-tool-grid[data-view='popular'] .ds-card-link[data-feature]{grid-column:1 / -1;margin-bottom:0}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]){grid-column:span 10}.ds-tool-grid[data-view='popular'] .ds-card-link[data-pop='19']{display:none!important}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card{padding:14px 16px}.ds-tool-grid[data-view='popular'] [data-feature] .ds-tool-card__name{font-size:16px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card{gap:10px;padding:10px 12px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__icon{width:32px;height:32px}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__name{font-size:13px;line-height:1.3;white-space:normal}.ds-tool-grid[data-view='popular'] .ds-card-link:not([data-feature]) .ds-tool-card__arrow{display:none}.ds-search-orb__kbd{display:none!important}}.ds-card-link{display:block;color:inherit;min-width:0}@media (hover:hover){.ds-card-link:hover{color:inherit}}.ds-board-wrap{position:relative;z-index:4;max-width:1240px;margin:90px auto 0;padding:0 40px}.ds-board{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;padding:48px;border-radius:28px}.ds-board h2{font-family:var(--ds-font-sans);font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-0.025em;margin:0 0 16px;color:var(--ds-text)}.ds-board__copy{font-size:17px;line-height:1.55;color:var(--ds-text-muted);margin:0 0 24px}.ds-board__tagrow{display:flex;align-items:center;gap:10px;font-family:var(--ds-font-mono);font-size:13px;color:var(--ds-text-soft)}.ds-board__tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ds-c) 13%,transparent);color:var(--ds-c-ink);font-weight:600}.ds-board__tag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ds-c)}.ds-io{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.ds-pane{min-height:150px}.ds-pane__head{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--ds-border-soft)}.ds-pane__head--out{justify-content:space-between}.ds-pane__label{font-family:var(--ds-font-mono);font-size:11px;color:var(--ds-text-dim)}.ds-pane__label--in{margin-left:6px}.ds-pane--out .ds-pane__label{color:var(--ds-c-ink)}.ds-pane__ready{font-family:var(--ds-font-mono);font-size:11px;color:#34d399}.ds-pane pre{margin:0;padding:16px;font-family:var(--ds-font-mono);font-size:15px;line-height:1.5;color:var(--ds-code-text);white-space:pre-wrap;word-break:break-word}.ds-pane--out{transition:border-color 0.3s ease,box-shadow 0.3s ease}.ds-pane--out pre{color:var(--ds-c-ink)}.ds-pane--out.on{border-color:var(--ds-c);box-shadow:0 0 40px color-mix(in srgb,var(--ds-c) 13%,transparent)}.ds-knob-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.ds-knob{width:52px;height:30px;border-radius:999px;padding:3px;transition:background 0.4s ease;background:var(--ds-track-off)}.ds-knob.on{background:var(--ds-c)}.ds-knob__ball{width:24px;height:24px;border-radius:50%;background:var(--ds-text);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 8px rgba(0,0,0,0.4);transform:translateX(0)}.ds-knob.on .ds-knob__ball{transform:translateX(22px)}.ds-knob-label{font-family:var(--ds-font-mono);font-size:10px;letter-spacing:0.1em;color:var(--ds-text-dim)}.ds-marquee{position:relative;z-index:4;margin:70px 0 0;padding:26px 0;border-top:1px solid var(--ds-border-soft);border-bottom:1px solid var(--ds-border-soft);background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 8px 26px -16px rgba(0,0,0,0.28);overflow:hidden}.ds-marquee__track{display:flex;width:max-content;gap:14px;animation:ds-marquee 34s linear infinite;will-change:transform}@media (hover:hover){.ds-marquee:hover .ds-marquee__track{animation-play-state:paused}}.ds-marquee__item{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font-family:var(--ds-font-mono);font-size:14px;white-space:nowrap;color:var(--ds-text-soft);transition:border-color 0.2s ease,background 0.2s ease,color 0.2s ease,transform 0.2s ease}.ds-home a.ds-marquee__item{border-bottom:1px solid var(--ds-border)!important}@media (hover:hover){.ds-marquee__item:hover{border-color:var(--ds-c);background:var(--ds-surface-2);color:var(--ds-text);transform:translateY(-2px)}}@media (hover:hover){.ds-home a.ds-marquee__item:hover{border-bottom-color:var(--ds-c)!important}}.ds-marquee__item::before{content:'●';color:var(--ds-c-ink)}.ds-how{position:relative;z-index:4;max-width:1240px;margin:100px auto 0;padding:0 40px}.ds-how__head{text-align:center;margin-bottom:54px}.ds-how__head h2,.ds-eco__head h2,.ds-faq__head h2{font-family:var(--ds-font-sans);font-weight:700;font-size:42px;letter-spacing:-0.025em;margin:0;color:var(--ds-text)}.ds-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ds-step{position:relative;padding:24px;border-radius:22px;overflow:hidden;transition:transform 0.25s ease,border-color 0.25s ease}@media (hover:hover){.ds-step:hover{transform:translateY(-4px);border-color:var(--ds-accent)}}.ds-step h3{font-family:var(--ds-font-sans);font-weight:600;font-size:20px;margin:0 0 10px;color:var(--ds-text)}.ds-step>p{font-size:15px;line-height:1.55;color:var(--ds-text-muted);margin:0}.ds-scene{height:116px;margin-bottom:22px;border-radius:14px;border:1px solid var(--ds-border-soft);background:var(--ds-code-bg);overflow:hidden}.ds-scene--tiles{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}.ds-scene--tiles span{height:26px;border-radius:7px;border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:inset 0 1px 0 var(--ds-glass-hi);animation:ds-tile 4.8s ease-in-out infinite}.ds-scene--tiles span:nth-child(2){animation-delay:0.8s}.ds-scene--tiles span:nth-child(3){animation-delay:1.6s}.ds-scene--tiles span:nth-child(4){animation-delay:2.4s}.ds-scene--tiles span:nth-child(5){animation-delay:3.2s}.ds-scene--tiles span:nth-child(6){animation-delay:4s}.ds-scene__head{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--ds-border-soft)}.ds-scene__head--out{justify-content:space-between}.ds-scene__head .ds-dot{width:8px;height:8px}.ds-scene pre{margin:0;padding:8px 14px;font-family:var(--ds-font-mono);font-size:12.5px;line-height:1.45;color:var(--ds-code-text)}.ds-scene--out pre{padding:13px 14px;font-size:13px;line-height:1.5}.ds-scene pre .ds-line{display:inline-block;animation:ds-reveal 4.5s ease-in-out infinite}.ds-scene pre .ds-line:nth-of-type(2){animation-delay:0.5s}.ds-scene pre .ds-line:nth-of-type(3){animation-delay:1s}.ds-scene pre .ds-line:nth-of-type(4){animation-delay:1.5s}.ds-scene .ds-num{color:var(--ds-accent)}.ds-scene .ds-cursor{width:7px}.ds-copied{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#34d399 16%,transparent);font-family:var(--ds-font-sans);font-size:11px;color:#34d399;font-weight:700;animation:ds-pop 4.5s ease-in-out infinite}.ds-eco{position:relative;z-index:4;max-width:1240px;margin:110px auto 0;padding:0 40px}.ds-eco__head{text-align:center;margin:0 auto 20px;max-width:680px}.ds-eco__head h2{font-size:40px;line-height:1.08;margin:0 0 14px}.ds-eco__head p{font-size:17px;line-height:1.55;color:var(--ds-text-muted);margin:0}.ds-eco__head p a{color:var(--ds-accent-2);font-weight:600}@media (hover:hover){.ds-eco__head p a:hover{opacity:0.8}}.ds-orbit{position:relative;width:100%;max-width:900px;height:560px;margin:0 auto}.ds-orbit__svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.ds-orbit__svg .ds-wire{stroke:var(--ds-border-strong)}.ds-orbit__svg .ds-wire--dash{stroke:var(--ds-accent);stroke-dasharray:7 11;animation:ds-dash 18s linear infinite}.ds-orbit__svg .ds-wire--dash-2{animation-duration:20s}.ds-orbit__svg .ds-wire--dash-3{animation-duration:22s}.ds-orbit__svg .ds-packet{fill:var(--ds-accent)}.ds-ring{position:absolute;left:50%;top:50%;border-radius:50%;z-index:0}.ds-ring--outer{width:300px;height:300px;margin:-150px 0 0 -150px;border:1.5px dashed color-mix(in srgb,var(--ds-accent) 62%,transparent);animation:ds-spin 40s linear infinite}.ds-ring--inner{width:220px;height:220px;margin:-110px 0 0 -110px;border:1.5px dashed color-mix(in srgb,var(--ds-accent) 45%,transparent);animation:ds-spin-rev 30s linear infinite}.ds-node--center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:260px;border-radius:18px;border:1px solid var(--ds-border);background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 20px 50px -18px rgba(0,0,0,0.5);overflow:hidden}.ds-node--center .ds-pane__head{padding:10px 14px}.ds-node__url{margin-left:8px;flex:1;height:16px;border-radius:5px;background:var(--ds-surface-2);display:flex;align-items:center;padding:0 8px;font-family:var(--ds-font-mono);font-size:9px;color:var(--ds-text-dim)}.ds-node__body{padding:20px 18px 22px;text-align:center}.ds-node__globe{width:46px;height:46px;margin:0 auto 12px;border-radius:13px;background:color-mix(in srgb,var(--ds-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--ds-accent) 40%,transparent);display:flex;align-items:center;justify-content:center;color:var(--ds-accent)}.ds-node__title{font-family:var(--ds-font-sans);font-weight:700;font-size:18px;letter-spacing:-0.01em;color:var(--ds-text)}.ds-node--hosting{position:absolute;left:50%;top:21.4%;transform:translate(-50%,-50%);z-index:3;display:flex;gap:12px;animation:ds-bob 7s ease-in-out infinite}.ds-host-card{display:block;width:120px;padding:16px;border-radius:16px;border:1px solid var(--ds-border);background:linear-gradient(140deg,var(--ds-glass-hi),transparent 60%),var(--ds-surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 10px 30px -14px rgba(0,0,0,0.4);text-align:center;transition:transform 0.2s ease,border-color 0.2s ease}@media (hover:hover){.ds-card-link:hover .ds-host-card{transform:translateY(-3px)}}@media (hover:hover){.ds-card-link:hover .ds-host-card--cf{border-color:#f6821f}}@media (hover:hover){.ds-card-link:hover .ds-host-card--gh{border-color:var(--ds-text)}}.ds-host-card svg{margin-bottom:8px}.ds-host-card--gh svg{fill:var(--ds-text)}.ds-host-card__name{font-family:var(--ds-font-sans);font-weight:700;font-size:13px;color:var(--ds-text)}.ds-host-card__sub{font-size:11px;color:var(--ds-text-muted);margin-top:1px}.ds-node-pos--sendform,.ds-node-pos--privcaptcha{display:block;position:absolute;top:77.1%;transform:translate(-50%,-50%);z-index:3;width:172px;color:inherit}.ds-node-pos--sendform{left:25.8%;animation:ds-bob 8s ease-in-out infinite;animation-delay:-2s}.ds-node-pos--privcaptcha{left:74.2%;animation:ds-bob 7.5s ease-in-out infinite;animation-delay:-4s}.ds-node--sendform,.ds-node--privcaptcha{height:140px;box-sizing:border-box;padding:14px 16px;border-radius:16px;text-align:center;display:flex;flex-direction:column;justify-content:center;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}@media (hover:hover){.ds-card-link:hover .ds-node--sendform{transform:translateY(-3px);border-color:#eebe6b;box-shadow:0 16px 38px -16px rgba(107,120,188,0.6)}}@media (hover:hover){.ds-card-link:hover .ds-node--privcaptcha{transform:translateY(-3px);border-color:color-mix(in srgb,#8b3ff5 70%,var(--ds-border));box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 16px 38px -16px rgba(139,63,245,0.55)}}.ds-node--sendform{border:1px solid #e5d9c4;background:linear-gradient(150deg,#fbf6ec,#f3ebda);box-shadow:0 12px 32px -16px rgba(107,120,188,0.45)}.ds-node--privcaptcha{border:1px solid color-mix(in srgb,#8b3ff5 40%,var(--ds-border));background:linear-gradient(140deg,color-mix(in srgb,#8b3ff5 12%,transparent),var(--ds-surface));backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 12px 32px -16px rgba(139,63,245,0.4)}.ds-node__logo{height:26px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px}.ds-node__logo img{width:24px;height:24px;display:block}.ds-node__logo span{font-family:var(--ds-font-sans);font-weight:800;font-size:15px;letter-spacing:-0.01em}.ds-node--sendform .ds-node__logo span{color:#2e2618}.ds-node--privcaptcha .ds-node__logo span{color:var(--ds-text)}.ds-node--sendform .ds-node__logo .ds-node__tld{color:#ce7c2b}.ds-node--privcaptcha .ds-node__logo .ds-node__tld{color:#8b3ff5}.ds-node__label{font-family:var(--ds-font-sans);font-weight:700;font-size:15px;color:var(--ds-text)}.ds-node--sendform .ds-node__label{color:#2e2618}.ds-node__sub{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.ds-node--sendform .ds-node__sub{color:#7c6f5b}@keyframes ds-why-rowin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ds-why{position:relative;z-index:4;max-width:1080px;margin:100px auto 0;padding:0 40px}.ds-why__inner{position:relative;z-index:2;max-width:1000px;margin:0 auto}.ds-why__head{text-align:center;margin-bottom:34px}.ds-why__head h2{font-family:var(--ds-font-sans);font-weight:700;font-size:42px;line-height:1.06;letter-spacing:-0.03em;margin:0 0 14px;color:var(--ds-text)}.ds-why__head p{font-size:17px;line-height:1.55;color:var(--ds-text-muted);margin:0 auto;max-width:560px}.ds-why__togglewrap{display:flex;justify-content:center;margin-bottom:40px}.ds-why__toggle{display:grid;grid-template-columns:1fr 1fr;margin:0!important;padding:5px!important;border-radius:999px!important;border:1px solid var(--ds-border)!important;background:var(--ds-surface)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--ds-glass-hi)!important;cursor:pointer;font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important;line-height:normal!important;height:auto!important;color:inherit!important;transform:none!important;position:relative}.ds-why__toggle::before{display:none!important}.ds-why__knob{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ds-accent-fill);box-shadow:0 4px 16px -4px color-mix(in srgb,var(--ds-accent-fill) 70%,transparent);transition:transform 0.5s cubic-bezier(0.34,1.3,0.5,1),background 0.4s ease;transform:translateX(100%)}.ds-why.is-old .ds-why__knob{transform:translateX(0);background:color-mix(in srgb,var(--ds-bad) 55%,transparent);box-shadow:none}.ds-why__opt{position:relative;z-index:1;padding:11px 26px;border-radius:999px;font-weight:700;font-size:15px;text-align:center;transition:color 0.4s ease;white-space:nowrap}.ds-why__opt--old{color:var(--ds-text-dim)}.ds-why__opt--new{color:#fff}.ds-why.is-old .ds-why__opt--old{color:#fff}.ds-why.is-old .ds-why__opt--new{color:var(--ds-text-dim)}.ds-why__table{border-radius:22px;border:1px solid var(--ds-border);background:var(--ds-surface);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 20px 60px -24px rgba(0,0,0,0.5);overflow:hidden}.ds-why__row{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;padding:4px 0;border-bottom:1px solid var(--ds-border-soft);animation:ds-why-rowin 0.5s ease both}.ds-why__row:nth-child(2){animation-delay:0.08s}.ds-why__row:nth-child(3){animation-delay:0.16s}.ds-why__row:nth-child(4){animation-delay:0.24s}.ds-why__row:nth-child(5){animation-delay:0.32s}.ds-why__row:nth-child(6){animation-delay:0.4s}.ds-why__label{padding:20px 26px;font-size:16px;font-weight:600;color:var(--ds-text)}.ds-why__cell{padding:18px 20px;display:flex;align-items:center;gap:10px;transition:opacity 0.4s ease}.ds-why__cell--old{opacity:0.65}.ds-why.is-old .ds-why__cell--old{opacity:1}.ds-why__cell--new{opacity:1}.ds-why.is-old .ds-why__cell--new{opacity:0.65}.ds-why__mark{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ds-why__mark--x{background:color-mix(in srgb,var(--ds-bad) 22%,transparent);color:var(--ds-bad)}.ds-why__mark--check{background:color-mix(in srgb,var(--ds-good) 20%,transparent);color:var(--ds-good);box-shadow:0 0 14px color-mix(in srgb,var(--ds-good) 45%,transparent);transition:box-shadow 0.4s ease}.ds-why.is-old .ds-why__mark--check{box-shadow:none}.ds-why__old{font-size:14px;color:var(--ds-text-muted)}.ds-why__new{font-size:14px;font-weight:600;color:var(--ds-text);transition:color 0.4s ease}.ds-why.is-old .ds-why__new{color:var(--ds-text-muted)}.ds-why__stat{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;background:color-mix(in srgb,var(--ds-accent) 7%,transparent)}.ds-why__label--stat{padding:22px 26px;font-weight:700}.ds-why__statold{padding:20px;font-family:var(--ds-font-mono);font-size:15px;color:var(--ds-text-muted)}.ds-why__statold span{font-size:12px}.ds-why__statnew{padding:20px;font-family:var(--ds-font-mono);font-size:22px;font-weight:700;color:var(--ds-good)}.ds-why__note{text-align:center;font-size:14px;color:var(--ds-text-dim);margin:22px 0 0}.ds-faq{position:relative;z-index:4;max-width:820px;margin:100px auto 0;padding:0 40px}.ds-faq__head{text-align:center;margin-bottom:42px}.ds-faq__list .collapse-container{--collapse-accent:var(--ds-accent);--collapse-accent-rgb:61,125,255}.ds-reveal-ready .ds-step,.ds-reveal-ready .ds-board,.ds-reveal-ready .ds-eco__head{opacity:0;transform:translateY(14px);transition:opacity 0.5s ease,transform 0.5s ease}.ds-reveal-ready .ds-step.in,.ds-reveal-ready .ds-board.in,.ds-reveal-ready .ds-eco__head.in{opacity:1;transform:translateY(0)}.ds-home>section:last-of-type{margin-bottom:100px}@media (max-width:1100px){.ds-tool-grid{grid-template-columns:repeat(3,1fr)}.ds-board{grid-template-columns:1fr;gap:32px;padding:32px}}@media (max-width:900px){.ds-filter-row{flex-direction:column;align-items:stretch}.ds-search-orb{position:relative;width:100%;height:41px;align-self:auto}.ds-search-orb__panel,.ds-search-orb:hover .ds-search-orb__panel,.ds-search-orb:focus-within .ds-search-orb__panel,.ds-search-orb.ds-open .ds-search-orb__panel{width:100%;cursor:text}.ds-search-orb input{opacity:1}.ds-tool-grid{grid-template-columns:repeat(2,1fr)}.ds-steps{grid-template-columns:1fr}.ds-hero h1{font-size:34px}.ds-how__head h2,.ds-eco__head h2,.ds-faq__head h2{font-size:34px}.ds-board h2{font-size:34px}.ds-hero,.ds-board-wrap,.ds-how,.ds-eco,.ds-faq{padding-left:24px;padding-right:24px}}@media (max-width:760px){.ds-orbit{height:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.ds-orbit__svg,.ds-ring{display:none}.ds-node--center,.ds-node--hosting,.ds-node-pos--sendform,.ds-node-pos--privcaptcha{position:static;transform:none;animation:none}.ds-node--center{order:-1}}@media (max-width:560px){.ds-tool-grid{grid-template-columns:1fr}.ds-io{grid-template-columns:1fr}.ds-knob-wrap{flex-direction:row;justify-content:center}.ds-hero{padding:24px 16px 12px}.ds-board-wrap,.ds-how,.ds-eco,.ds-faq{padding-left:16px;padding-right:16px}.ds-board{padding:20px}.ds-hero h1{font-size:30px}}@media (prefers-reduced-motion:reduce){.ds-marquee__track,.ds-ring--outer,.ds-ring--inner,.ds-node--hosting,.ds-node--sendform,.ds-node--privcaptcha,.ds-orbit__svg .ds-wire--dash{animation:none!important}}