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}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:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,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:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,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;--navbar-gradient:linear-gradient(135deg,#d63535 0%,#c04488 22%,#8b5cbf 45%,#5b8fee 70%,#6db8fb 88%,#9dd4ff 100%);--navbar-underline:linear-gradient(90deg,#ff6b6b 0%,#e86db8 25%,#b08ee0 50%,#70aaff 75%,#a8dcff 100%);--btn-gradient:#7c3aed;--btn-gradient-hover:#6d28d9}body.theme-dark{isolation:isolate;background-image:none;--bg-gradient:#1d161c;--text-color:#eeeeee;--muted-text:#bebebe;--heading-color:#f5f5f5;--heading-sub:#f5f5f5;--container-bg:#303037;--border-color:#43434a;--table-header-bg:#1c1c20;--card-bg:#2a2a30;--info-item-bg:rgba(178,126,215,0.09);--input-bg:#1c1c20;--link:#c084fc;--link-hover:#dba8ff;--blockquote:#b98ff5;--dropdown-bg:#303037;--shadow-elev:0 10px 40px rgba(0,0,0,0.4);--primary-blue:#b98ff5;--primary-blue-hover:#a070e0;--accent-blue:#b98ff5;--accent-blue-light:#ead8ff;--light-blue-text:#d5b5ff;--bg-dark:#1c1c20;--footer-bottom-bg:#1c1c20;--footer-border:#43434a;--footer-section-bg:#252529;--text-primary:#eeeeee;--text-secondary:#a7a7a7;--card-header-bg:#2a2a30;--item-bg:#2a2a30;--item-hover-bg:#35353c;--primary-color:#0282aa;--primary-hover:#0095c1;--primary-shadow:rgba(2,130,170,0.4);--info-text:#a3d5f0;--info-bg:#1a3a4a;--info-border:#2a5264;--shadow-color:rgba(2,130,170,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:#ebebeb;--btn-gradient-hover:#ffffff}body.theme-dark::before{content:'';position:fixed;inset:0;background:url(/assets/cache/contour-pattern-bg-a167342d4f7d8598.svg) repeat;filter:brightness(0.85) sepia(1) hue-rotate(315deg) brightness(0.674) saturate(2);opacity:0.35;pointer-events:none;z-index:-1}body.theme-light{isolation:isolate;--bg-gradient:linear-gradient(135deg,#fffcfd 0%,#fdf9fa 30%,#fcf7f9 60%,#fdfafb 100%);--text-color:#1a1a1a;--muted-text:#6b7280;--heading-color:#111111;--heading-sub:#111111;--container-bg:#ffffff;--border-color:#e2e4e7;--table-header-bg:#f3f4f6;--card-bg:rgba(243,244,246,0.6);--info-item-bg:rgba(124,58,237,0.05);--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:#7c3aed;--primary-blue-hover:#6d28d9;--light-blue-text:#c4b5fd;--accent-blue:#a78bfa;--bg-dark:#e5e7eb;--footer-nav-bg:#f3f4f6;--footer-bottom-bg:#eaecee;--footer-border:#e2e4e7;--footer-section-bg:#f3f4f6;--text-primary:#1a1a1a;--text-secondary:#6b7280;--card-header-bg:#f3f4f6;--item-bg:#f3f4f6;--item-hover-bg:#ffffff;--primary-color:#7c3aed;--primary-hover:#6d28d9;--primary-shadow:rgba(124,58,237,0.25);--info-text:#5b21b6;--info-bg:#f5f0ff;--info-border:#e9d5ff;--shadow-color:rgba(0,0,0,0.06);--button-disabled-bg:rgba(124,58,237,0.07);--button-disabled-border:rgba(124,58,237,0.15);--button-disabled-text:rgba(26,26,26,0.4);--button-disabled-shadow:none}body.theme-light::before{content:'';position:fixed;inset:0;background:url(/assets/cache/contour-pattern-bg-a167342d4f7d8598.svg) repeat;filter:invert(1) sepia(0.2) hue-rotate(310deg) saturate(0.9);mix-blend-mode:multiply;opacity:0.22;pointer-events:none;z-index:-1}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',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}.container{max-width:var(--container-max);margin:0 auto;background:var(--container-bg);border-radius:0 0 var(--radius-large) var(--radius-large);padding:20px;padding-top:20px;padding-left:20px;padding-right:20px;box-shadow:var(--shadow-strong);border-top:none}.container.container-90{max-width:90%;width:90%}.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:-0.03em;line-height:1.15;margin:0 0 16px 0;color:var(--heading-color)}h2{font-size:30px;font-weight:700;letter-spacing:-0.02em;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.02em;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,#c084fc 0%,#a855f7 50%,#9333ea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-light .base-hero-title-brand{background:linear-gradient(120deg,#c084fc 0%,#a855f7 50%,#9333ea 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.01em;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.01em;line-height:1.4;margin:16px 0 6px 0;color:var(--heading-color)}h6{font-size:12px;font-weight:700;letter-spacing:0.07em;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:hover,.button[disabled]:hover,button:disabled:hover,button[disabled]:hover,.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}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(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium);padding:2px 6px;font-size:0.9em}pre{padding:15px;margin:15px 0;overflow-x:auto;border-radius:var(--radius-medium)}body.theme-dark pre code{color:#81c784;background:transparent;border:none}body.theme-light pre code{color:#2d8659;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:1.2em;height:1.2em;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}.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}a.tool-card:hover{border-bottom-color:var(--link)!important}.card:has(>a):hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);cursor:pointer}.card>a:hover{cursor:pointer}@media (max-width:768px){.row:has(.six.columns){grid-template-columns:1fr}}*:focus{outline:none!important}a{border-bottom: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,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;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{color:var(--link);text-decoration:none;border-bottom:1px dotted var(--link);transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px}a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}a.plain-link{border-bottom:none}a .fas,a .fab,a .far{font-size:0.9em;opacity:0.8}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 .fas,button .fab,button .far,.btn .fas,.btn .fab,.btn .far{font-size:0.9em}.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}.button:hover,button:hover,.btn: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{border:none!important;border-radius:10px!important;color:#ffffff!important;background:radial-gradient(ellipse at 50% 40%,#a855f7 0%,#9333ea 55%,#7e22ce 100%)!important;padding:9px 20px;font-weight:600;font-size:14px;box-shadow:none;transition:background 0.25s ease}.button-primary:hover,.btn-primary:hover{border:none!important;background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%)!important;color:#ffffff!important;box-shadow:none;transform:none}.button-primary:active,.btn-primary:active{background:radial-gradient(ellipse at 50% 40%,#9333ea 0%,#7e22ce 55%,#6b1bb8 100%)!important;transform:translateY(1px);box-shadow:none}body.theme-light .button-primary,body.theme-light .btn-primary{background:radial-gradient(ellipse at 50% 40%,#a855f7 0%,#9333ea 55%,#7e22ce 100%)!important;color:#ffffff!important}body.theme-light .button-primary:hover,body.theme-light .btn-primary:hover{background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%)!important;color:#ffffff!important;border-color:transparent!important}body.theme-dark .button-primary,body.theme-dark .btn-primary{background:radial-gradient(ellipse at 50% 40%,#c084fc 0%,#a855f7 55%,#9333ea 100%)!important}body.theme-dark .button-primary:hover,body.theme-dark .btn-primary:hover{background:linear-gradient(135deg,#d09cff 0%,#b76cff 100%)!important}body.theme-dark .button-primary:active,body.theme-dark .btn-primary:active{background:radial-gradient(ellipse at 50% 40%,#b06fec 0%,#9333ea 55%,#8226d6 100%)!important}.btn-success{border-color:#10b981!important;color:#10b981!important}.btn-success:hover{border-color:#059669!important;background:rgba(16,185,129,0.1)!important;color:#059669!important}input[type='text'],input[type='email'],input[type='password'],input[type='number'],input[type='url'],select,textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color)!important;border-radius:var(--radius-medium);background: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}input[type='text']:hover,input[type='email']:hover,input[type='password']:hover,input[type='number']:hover,input[type='url']:hover,select:hover,textarea:hover{border-color:var(--accent-blue)!important}input[type='text']: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-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,transparent)}input[type='checkbox'],input[type='radio']{accent-color:var(--primary-color)}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(--border-color)!important;border-radius:var(--radius-medium)!important;background:var(--input-bg)!important;color:var(--text-color)!important;font-size:0.95em!important;font-family:inherit!important;box-sizing:border-box!important}.u-full-width:hover{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))!important}.u-full-width:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 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}.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}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.03);border-color:var(--accent-blue)}.card .fas,.card .fab,.card .far{color:var(--primary-blue);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)}.dropdown-content,.mega-menu-content{position:absolute;opacity:0;visibility:hidden;pointer-events:none}.navbar{background:var(--navbar-gradient);padding:0;margin:0;width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.2);position:sticky;top:0;z-index:1300;overflow:visible;max-width:100%!important;padding-left:0!important;padding-right:0!important;max-height:64px!important;min-height:64px!important}.navbar{position:sticky}.navbar::before{content:'';display:block;position:absolute;inset:0;background:url(/assets/cache/contour-pattern-bg-a167342d4f7d8598.svg) repeat;background-size:240px auto;opacity:0.45;pointer-events:none;z-index:0}.navbar::after{content:'';display:block;width:100%;height:var(--underline-height);background:var(--navbar-underline);position:absolute;bottom:0;left:0;z-index:0}.navbar-wrapper{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;position:relative;overflow:visible;padding-top:6px;padding-bottom:calc(var(--underline-height) + 6px);min-height:64px;width:100%;box-sizing:border-box;gap:0;padding-left:10px;padding-right:10px;z-index:1}.navbar-section--left{display:flex;align-items:center;flex:0 0 auto}.navbar-nav{display:flex;flex:1;align-items:center;min-width:0;overflow:visible}.navbar-section--center{display:flex;flex:1;justify-content:flex-start;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:nowrap;gap:0;box-sizing:border-box;overflow:visible;position:relative}.navbar-section--right{display:flex;flex:0 0 auto;align-items:center;list-style:none;padding:0;margin:0;margin-inline-start:auto;flex-wrap:nowrap;gap:0;box-sizing:border-box;overflow:visible;position:relative}.navbar-wrapper::before{display:none}.navbar-wrapper::after{display:none}.navbar-wrapper.navbar-space-between{justify-content:space-between}.navbar-wrapper.navbar-space-between::before,.navbar-wrapper.navbar-space-between::after{display:none}body.container-90 .navbar-wrapper{max-width:90%;width:90%}body.container-70 .navbar-wrapper{max-width:70%;width:70%}body.container-1200 .navbar-wrapper{max-width:1200px}.navbar-logo{display:flex;align-items:center;justify-content:center;padding:10px;color:#fff!important;text-decoration:none;font-weight:700;font-size:1.3em;transition:background-color 0.2s ease;border-bottom:none;border-radius:10px;flex-shrink:0;white-space:nowrap;opacity:0.4;min-width:fit-content;position:relative;z-index:10;order:1}.navbar-logo::before{content:'';display:block;width:20px;height:20px;background-image:url(/assets/cache/logo-ce4ad237b78f9718.svg);background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}.navbar-logo:hover{background:rgba(0,0,0,0.25);color:#fff!important;border-bottom:none;border-radius:10px}.navbar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;align-items:center;overflow:visible;position:relative;min-width:0;gap:0;box-sizing:border-box}.navbar li{margin:0;position:relative;display:flex;align-items:center}.navbar a{display:flex;align-items:center;gap:6px;padding:6px 12px;color:#fff;text-decoration:none;font-weight:500;transition:all 0.3s ease;border-bottom:none;border-radius:10px;white-space:nowrap;flex-shrink:0;justify-content:center;position:relative;z-index:100000}.dropdown>a{z-index:100001;cursor:pointer}.navbar a i{line-height:1;align-self:center}.navbar a .fas,.navbar a .fab,.navbar a .far{font-size:0.85em;opacity:0.9}.navbar a .fa-chevron-down{font-size:0.75em;margin-inline-start:4px;transition:transform 0.3s ease,color 0.3s ease;color:rgba(163,180,252,0.9)}.dropdown:hover>a .fa-chevron-down{transform:rotate(180deg);color:rgba(163,180,252,1)}.navbar a:hover .fa-chevron-down{color:rgba(163,180,252,1)}.navbar a:hover{background:rgba(0,0,0,0.25);color:#fff;border-bottom:none;box-shadow:none;border-radius:15px}.navbar a:hover .fas,.navbar a:hover .fab,.navbar a:hover .far{opacity:1}.navbar .nav-btn-wrapper{display:flex;align-items:center;margin:0}.navbar .userpanel-nav-wrapper{position:relative}.navbar .userpanel-nav-toggle{font-size:20px;padding:6px 12px;color:#fff;opacity:1}.navbar .userpanel-nav-toggle i{font-size:20px;opacity:0.9}.navbar .userpanel-nav-toggle:hover i{opacity:1}.navbar .nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 20px;margin:0 4px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;background:rgba(0,0,0,0.25);backdrop-filter:blur(10px);color:#fff;font-size:0.95em;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.navbar .nav-btn:hover{background:rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.35);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.navbar .nav-btn-primary{background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.15) 100%);border:2px solid rgba(255,255,255,0.4);box-shadow:0 4px 16px rgba(255,255,255,0.15),0 0 0 1px rgba(255,255,255,0.1) inset,inset 0 1px 0 rgba(255,255,255,0.2);position:relative;overflow:hidden;font-weight:700;letter-spacing:0.5px}.navbar .nav-btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.navbar .nav-btn-primary:hover::before{left:100%}.navbar .nav-btn-primary:hover{background:linear-gradient(135deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.25) 100%);border-color:rgba(255,255,255,0.5);box-shadow:0 6px 20px rgba(255,255,255,0.25),0 0 0 1px rgba(255,255,255,0.2) inset,inset 0 1px 0 rgba(255,255,255,0.3)}.navbar .nav-btn .fas,.navbar .nav-btn .fab,.navbar .nav-btn .far{font-size:0.9em;opacity:0.95}.navbar .nav-btn:hover .fas,.navbar .nav-btn:hover .fab,.navbar .nav-btn:hover .far{opacity:1}.dropdown{position:relative}.dropdown:hover>a{background:rgba(0,0,0,0.25);border-bottom:none;border-radius:10px}.mega-menu::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;min-width:200px;height:16px;background:transparent;pointer-events:none;z-index:99998}.dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:16px;background:transparent;pointer-events:none;z-index:99998}.mega-menu-standalone{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);grid-column:1 / -1}.mega-menu-standalone-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--text-color);text-decoration:none;border-radius:12px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(99,102,241,0.04));font-size:14.5px;font-weight:600;border:1px solid rgba(99,102,241,0.2)}.mega-menu-standalone-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(99,102,241,0.08));color:var(--text-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.25);border-color:rgba(99,102,241,0.4)}body.theme-light .mega-menu-standalone-item{background:linear-gradient(135deg,rgba(99,102,241,0.06),rgba(99,102,241,0.02));border-color:rgba(99,102,241,0.15)}body.theme-light .mega-menu-standalone-item:hover{background:linear-gradient(135deg,rgba(99,102,241,0.12),rgba(99,102,241,0.06));box-shadow:0 4px 16px rgba(99,102,241,0.2)}@media (max-width:1400px){.navbar a{padding:10px 12px;font-size:0.95em}}@media (max-width:1200px){.navbar-wrapper{gap:15px;padding-left:8px;padding-right:8px}.navbar a{padding:10px 10px;font-size:0.9em}}@media (max-width:1000px){.navbar a{padding:10px 8px;font-size:0.85em}}.nav-toggle{display:none;background:transparent!important;border:none!important;color:#fff!important;padding:12px;cursor:pointer;transition:opacity 0.2s ease;outline:none!important;-webkit-tap-highlight-color:transparent;position:relative;width:44px;height:44px;align-items:center;justify-content:center}.nav-toggle:hover{opacity:0.8}.nav-toggle:active{background:transparent!important}.nav-toggle:focus{outline:none!important;background:transparent!important}.nav-toggle span{position:absolute;left:50%;transform:translateX(-50%);display:block;width:26px;height:2px;background-color:#fff!important;transition:all 0.3s ease;border-radius:2px}.nav-toggle span:nth-child(1){top:12px}.nav-toggle span:nth-child(2){top:19px}.nav-toggle span:nth-child(3){top:26px}.blog-dropdown-thumb-wrap{flex:0 0 100px;width:100px;aspect-ratio:1 / 1;align-self:flex-start;flex-shrink:0}.blog-dropdown-thumb{width:100%;height:100%;display:block;border-radius:8px;object-fit:cover;border:1px solid var(--border-color);background:var(--item-bg)}.blog-dropdown-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#ffffff;background:color-mix(in srgb,var(--primary-blue) 40%,transparent)}.blog-dropdown-thumb-fallback i{font-size:22px}.blog-dropdown-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}.blog-dropdown-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word;font-size:14px;font-weight:600;line-height:1.3;color:var(--primary-blue)}.blog-dropdown-item-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word;font-size:12px;font-weight:400;line-height:1.4;color:var(--muted-text)}.blog-dropdown-item-meta{font-size:11px;font-weight:700;color:var(--muted-text);text-transform:uppercase;letter-spacing:0.4px}.blog-dropdown-divider{height:1px;margin:6px 2px 4px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}@media (max-width:750px){.blog-dropdown-thumb-wrap{flex-basis:68px}.blog-dropdown-thumb{width:68px;height:auto}.blog-dropdown-item-title{font-size:15px}}.navbar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(2px)}.mobile-theme-switcher{display:none!important}.navbar-mobile-home,.navbar-mobile-reviews{display:none!important}@media (max-width:750px){.navbar{max-height:64px!important;height:64px}.navbar-section--left{display:none!important}.nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:0}.navbar-wrapper{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:0;padding-left:0;padding-right:0;position:relative;width:100%;max-width:100%!important;box-sizing:border-box}.navbar-mobile-home,.navbar-mobile-reviews{display:flex!important}.navbar-logo{display:flex!important;padding:8px 12px;font-size:1.15em;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-wrapper{height:64px;min-height:64px;max-height:64px;display:flex;align-items:center;max-width:100%!important;padding-left:0!important;padding-right:0!important}.theme-toggle-navbar{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;right:68px;top:50%;transform:translateY(-50%);width:48px;height:48px;background:transparent!important;border:none!important;cursor:pointer;z-index:1001;padding:12px;margin:0;transition:opacity 0.2s ease;outline:none!important;-webkit-tap-highlight-color:transparent;line-height:1}.theme-toggle-navbar:hover{opacity:0.8}.theme-toggle-navbar:active{opacity:0.8}.theme-toggle-navbar .fa-moon,.theme-toggle-navbar .fa-sun{font-size:22px;color:#fff;transition:opacity 0.3s ease,visibility 0.3s ease;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.theme-toggle-navbar .fa-moon{top:50%}.theme-toggle-navbar .fa-sun{top:49.5%}body.theme-dark .theme-toggle-navbar .fa-moon{opacity:1;visibility:visible}body.theme-dark .theme-toggle-navbar .fa-sun{opacity:0;visibility:hidden}body.theme-light .theme-toggle-navbar .fa-moon{opacity:0;visibility:hidden}body.theme-light .theme-toggle-navbar .fa-sun{opacity:1;visibility:visible}.nav-toggle{flex-shrink:0;margin:0;padding:12px;pointer-events:auto;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1001;cursor:pointer;width:44px;height:44px;min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:none!important}.nav-toggle span{background-color:#fff!important;top:auto!important}.nav-toggle span:nth-child(1){top:12px!important}.nav-toggle span:nth-child(2){top:19px!important}.nav-toggle span:nth-child(3){top:26px!important}.navbar-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background:linear-gradient(135deg,rgba(214,53,53,0.28) 0%,rgba(192,68,136,0.24) 22%,rgba(139,92,191,0.22) 45%,rgba(91,143,238,0.24) 70%,rgba(109,184,251,0.28) 100%),var(--container-bg);margin:0;padding:0;border-top:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.2);overflow:hidden;z-index:1000;width:100%;box-sizing:border-box;pointer-events:auto;max-height:0;opacity:0;transition:max-height 0.4s ease,opacity 0.3s ease,padding 0.3s ease;display:flex!important}.navbar-section--center,.navbar-section--right{flex-direction:column;width:100%;align-items:stretch;justify-content:flex-start;margin-left:0!important;flex:0 0 auto}.navbar-section--right{border-top:2px solid var(--border-color);margin-top:8px;padding-top:8px}.navbar .blog-dropdown-trigger .fa-chevron-down,.navbar .userpanel-nav-toggle .fa-chevron-down{display:none}.navbar .userpanel-nav-toggle{font-size:0.97em!important;font-weight:500!important;padding:13px 20px!important;color:var(--text-color)!important;opacity:1}.navbar .userpanel-nav-toggle i{font-size:15px!important;width:20px;text-align:center;opacity:0.75}.navbar .userpanel-nav-toggle .sr-only{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}.navbar li{width:100%;display:flex;flex-direction:column;position:relative;z-index:1;pointer-events:auto}.navbar a{padding:13px 20px;color:var(--text-color);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:12px;pointer-events:auto;cursor:pointer;position:relative;z-index:1;font-size:0.97em;font-weight:500;border-radius:0;transition:background 0.2s ease,padding-left 0.2s ease}.navbar a .fas,.navbar a .fab,.navbar a .far{font-size:15px;width:20px;text-align:center;flex-shrink:0;opacity:0.75}.navbar a .fa-chevron-down{margin-left:auto;font-size:11px;opacity:0.5}.navbar a:hover,.navbar a:active{background:rgba(255,255,255,0.06);border-bottom:1px solid var(--border-color);padding-inline-start:26px}body.theme-light .navbar a:hover,body.theme-light .navbar a:active{background:rgba(0,0,0,0.05);border-bottom:1px solid var(--border-color);padding-inline-start:26px}body.theme-light .navbar a{color:var(--text-color)}.navbar li:last-child a,.navbar a:last-child{border-bottom:none}.navbar .dropdown>a,.navbar .mega-menu>a{font-weight:600}.navbar .dropdown>a .fa-chevron-down,.navbar .mega-menu>a .fa-chevron-down{margin-left:auto;color:var(--primary-blue);transition:transform 0.3s ease;font-size:0.8em;padding:4px}.navbar .nav-btn-wrapper{width:100%;margin:0;padding:0}.navbar .nav-btn{width:calc(100% - 40px);margin:8px 20px;padding:14px 20px;border-radius:var(--radius-medium);background:rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.2);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2);justify-content:center}.navbar .nav-btn:hover{background:rgba(0,0,0,0.45);border-color:rgba(255,255,255,0.35);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.navbar .nav-btn-primary{background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.15) 100%);border:2px solid rgba(255,255,255,0.4);color:#fff;font-weight:700;letter-spacing:0.5px}.navbar .nav-btn-primary:hover{background:linear-gradient(135deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.25) 100%);border-color:rgba(255,255,255,0.5);color:#fff}body.theme-light .navbar .nav-btn{background:rgba(0,0,0,0.2);color:var(--text-color)}body.theme-light .navbar .nav-btn:hover{background:rgba(0,0,0,0.35);border-color:rgba(0,0,0,0.3)}.navbar .userpanel-nav-wrapper{width:100%;align-items:stretch}.mobile-theme-switcher{margin-top:10px;padding:0 20px;display:block!important}.theme-switcher-mobile{display:flex;justify-content:center;padding:10px 0}.theme-toggle-button-mobile{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--radius-medium);color:var(--text-color);cursor:pointer;transition:all 0.2s ease;font-size:0.9em;font-weight:500;width:100%;pointer-events:auto;position:relative;z-index:1001}.theme-toggle-button-mobile:hover{background:var(--card-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.theme-toggle-button-mobile .theme-icon{font-size:1.1em;color:var(--primary-blue);position:relative!important;left:auto!important;top:auto!important;transform:none!important}.theme-toggle-button-mobile .theme-icon{transition:opacity 0.2s ease}.theme-toggle-button-mobile .fa-circle-half-stroke{opacity:0;position:absolute!important;pointer-events:none}body.theme-dark .theme-toggle-button-mobile .fa-moon{opacity:1}body.theme-dark .theme-toggle-button-mobile .fa-sun{opacity:0;position:absolute!important;pointer-events:none}body.theme-light .theme-toggle-button-mobile .fa-sun{opacity:1}body.theme-light .theme-toggle-button-mobile .fa-moon{opacity:0;position:absolute!important;pointer-events:none}body[data-theme-pref='auto'] .theme-toggle-button-mobile .fa-moon,body[data-theme-pref='auto'] .theme-toggle-button-mobile .fa-sun{opacity:0;position:absolute!important;pointer-events:none}body[data-theme-pref='auto'] .theme-toggle-button-mobile .fa-circle-half-stroke{opacity:1;position:relative!important;pointer-events:auto}.mega-menu-standalone{margin-top:20px!important;padding-top:20px!important;border-top:1px solid var(--border-color)!important;background:transparent!important;border-radius:0!important;padding:20px 16px!important}.mega-menu-standalone-item{padding:14px 16px!important;font-size:14px!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important}.mega-menu-standalone-item:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(99,102,241,0.2)!important}.navbar .fi{font-size:1.2em;margin-right:8px}}.navbar .navbar-action{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;font-weight:700;font-size:0.95em;letter-spacing:-0.005em;white-space:nowrap;text-decoration:none;transition:transform 0.18s ease,background 0.18s ease,color 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.navbar .navbar-action i,.navbar .navbar-action .icon{font-size:0.95em}.navbar .navbar-action--ghost{background:transparent;color:var(--text-color,#1a1a1a);border:1.5px solid var(--border-color,#e2e4e7)}.navbar .navbar-action--ghost:hover{border-color:var(--primary-blue,#7c3aed);color:var(--primary-blue,#7c3aed);transform:translateY(-1px)}.navbar .navbar-action--primary{background:var(--primary-blue,#7c3aed);color:#fff;border:1.5px solid var(--primary-blue,#7c3aed);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--primary-blue,#7c3aed) 45%,transparent)}.navbar .navbar-action--primary:hover{background:var(--primary-blue-hover,#6d28d9);border-color:var(--primary-blue-hover,#6d28d9);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--primary-blue,#7c3aed) 55%,transparent)}@media (max-width:991px){.navbar .navbar-action{width:100%;justify-content:center;padding:12px 20px}}.language-dropdown>.dropdown-toggle .language-current-globe{font-size:0.95em;opacity:0.9}.language-dropdown>.dropdown-toggle .language-current-code{font-weight:700;letter-spacing:0.06em}:is(.sn-navbar,.ig-navbar,.dd-navbar) .navbar-theme-switcher{display:inline-flex;align-items:center;position:relative;margin-left:6px;padding-left:16px}:is(.sn-navbar,.ig-navbar,.dd-navbar) .navbar-theme-switcher .theme-switcher{display:inline-flex;align-items:center}:is(.sn-navbar,.ig-navbar,.dd-navbar) .navbar-theme-switcher::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:color-mix(in srgb,currentColor 22%,transparent)}:is(.sn-navbar,.ig-navbar,.dd-navbar) .navbar-theme-switcher .theme-toggle-button{width:30px;height:30px;min-width:30px;min-height:30px;margin:0;align-self:center;font-size:16px;border-radius:8px}.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}.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)}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)}.theme-icon.fa-circle-half-stroke{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0.6)}body[data-theme-pref='auto'] .theme-icon.fa-moon,body[data-theme-pref='auto'] .theme-icon.fa-sun{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(0.6)}body[data-theme-pref='auto'] .theme-icon.fa-circle-half-stroke{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)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:1}::view-transition-old(root){z-index:0}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.theme-icon{transition:none!important}}.search-field{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px;--search-height:40px;--search-icon-size:16px}.search-field__input{width:100%;height:var(--search-height)!important;line-height:var(--search-height)!important;margin:0!important;padding:0 16px;padding-inline-start:40px!important;padding-inline-end:16px!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-medium);outline:none;background-color:var(--input-bg)!important;color:var(--text-color)!important;font-size:0.95em;font-family:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease;box-sizing:border-box;display:block;appearance:none}.search-field__input::placeholder{color:var(--muted-text)}.search-field__input::-webkit-search-cancel-button{cursor:pointer}.search-field__input::-ms-clear{cursor:pointer}.search-field__input:hover{border-color:var(--primary-blue)!important}.search-field__input:focus{outline:none;border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 15%,transparent)}.search-field__icon{position:absolute;inset-inline-start:16px;top:0;bottom:0;height:auto;transform:none;width:var(--search-icon-size);font-size:var(--search-icon-size);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--muted-text);pointer-events:none}.search-field__icon svg{display:block;width:var(--search-icon-size);height:var(--search-icon-size);fill:currentColor}.search-field__icon::before{width:var(--search-icon-size)!important;height:var(--search-icon-size)!important}[dir='rtl'] .search-field__input{direction:ltr;text-align:right}[dir='rtl'] .search-field__input::placeholder{direction:ltr;text-align:right;unicode-bidi:plaintext}.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}.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}.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}.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)}.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)}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}.input-clear:hover{color:var(--text-color);background:rgba(255,255,255,0.1)}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}.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}.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}.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}.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))}}.alert{padding:15px 20px;margin:15px 0;border:1px solid;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px}.alert i{flex-shrink:0}.alert-info{border-color:#4a9eff;color:#4a9eff;background:rgba(74,158,255,0.1)}.alert-info i,.alert-info .fas,.alert-info .fa,.alert-info .fa-info-circle{color:#4a9eff!important}.alert-success{border-color:#66bb6a;color:#66bb6a;background:rgba(102,187,106,0.1)}.alert-warning{border-color:#ffa726;color:#ffa726;background:rgba(255,167,38,0.1)}.alert-error{border-color:#ef5350;color:#ef5350;background:rgba(239,83,80,0.1)}body.theme-light .alert-info{border-color:#0066cc;color:#0066cc;background:rgba(0,102,204,0.1)}body.theme-light .alert-info i,body.theme-light .alert-info .fas,body.theme-light .alert-info .fa,body.theme-light .alert-info .fa-info-circle{color:#0066cc!important}body.theme-light .alert-success{border-color:#28a745;color:#28a745;background:rgba(40,167,69,0.1)}body.theme-light .alert-warning{border-color:#ff9800;color:#ff9800;background:rgba(255,152,0,0.1)}body.theme-light .alert-error{border-color:#dc3545;color:#dc3545;background:rgba(220,53,69,0.1)}.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)}.dropzone:hover{border-color:var(--link);background:rgba(91,155,213,0.02)}body.theme-light .dropzone:hover{background:rgba(25,118,210,0.02)}.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}.tab:hover:not(.active){color:#0f172a}.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}body.theme-dark .tab:hover:not(.active){color:#cbd5e1}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}.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)}.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}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-glow-l:0.4;--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-glow-l:0.85;--dd-tab-active-fg:white}html.dd-site body{--ds-cat-color:#ff7a59;--ds-cat-image:#22d3ee;--ds-cat-code:#7c7bff;--ds-cat-file:#a78bfa;--ds-cat-number:#fbbf24;--ds-cat-web:#34d399;--ds-font-sans:'Hanken Grotesk',system-ui,sans-serif;--ds-font-mono:'JetBrains Mono',ui-monospace,monospace}html.dd-site body.theme-dark{--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-glow1:rgba(61,125,255,0.28);--ds-glow2:rgba(120,180,255,0.1);--ds-glow3:rgba(46,196,182,0.12);--ds-grid:rgba(255,255,255,0.032);--ds-good:#34d399;--ds-bad:#6e6e7a}html.dd-site body.theme-light{--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-glow1:rgba(37,99,235,0.18);--ds-glow2:rgba(61,125,255,0.1);--ds-glow3:rgba(20,160,150,0.1);--ds-grid:rgba(10,10,25,0.035);--ds-good:#16a34a;--ds-bad:#a6a6b0}html.dd-site body.theme-dark{background:var(--ds-bg)}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}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 .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}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__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.4}.dd-atmos__glow--1{width:720px;height:720px;top:-240px;left:-120px;background:radial-gradient(closest-side,oklch(var(--dd-glow-l) 0.13 var(--dd-accent-h) / 0.4),transparent 70%)}.dd-atmos__glow--2{width:640px;height:640px;top:80px;right:-160px;background:radial-gradient(closest-side,oklch(var(--dd-glow-l) 0.11 calc(var(--dd-accent-h) + 25) / 0.32),transparent 70%);opacity:0.22}.dd-atmos__glow--3{width:900px;height:600px;top:360px;left:50%;transform:translateX(-50%);background:radial-gradient(closest-side,oklch(var(--dd-glow-l) 0.1 calc(var(--dd-accent-h) - 15) / 0.28),transparent 70%);opacity:0.18}.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}.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}.dd-page.dd-page .tool-card:hover::before{opacity:1}.dd-page.dd-page .tool-card[data-tool-category='color']{--dd-cat-h:290}.dd-page.dd-page .tool-card[data-tool-category='image']{--dd-cat-h:200}.dd-page.dd-page .tool-card[data-tool-category='code']{--dd-cat-h:160}.dd-page.dd-page .tool-card[data-tool-category='file']{--dd-cat-h:75}.dd-page.dd-page .tool-card[data-tool-category='number']{--dd-cat-h:265}.dd-page.dd-page .tool-card[data-tool-category='web']{--dd-cat-h:350}.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}.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}html:has(.dd-page) body.theme-dark .footer,html:has(.dd-page) body.theme-light .footer{margin-top:56px!important;position:relative;z-index:1}html:has(.dd-page) body.theme-dark .footer::before{display:block!important;height:1px!important;background:oklch(1 0 0 / 0.14)!important}html:has(.dd-page) body.theme-light .footer::before{display:block!important;height:1px!important;background:oklch(0.88 0.005 260)!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}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}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:290}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='image']{--dd-cat-h:200}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='code']{--dd-cat-h:160}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='file']{--dd-cat-h:75}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='number']{--dd-cat-h:265}html:has(.dd-page) .dd-page.dd-page .tool-card[data-tool-cat-real='web']{--dd-cat-h:350}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}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}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}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:has(.dd-page) .dd-brand-text::after{content:'.net';color:var(--ds-accent);font-weight:600}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}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:290}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:290}.dd-page.dd-tool[data-cat-key='image']{--dd-cat-h:200}.dd-page.dd-tool[data-cat-key='code']{--dd-cat-h:160}.dd-page.dd-tool[data-cat-key='file']{--dd-cat-h:75}.dd-page.dd-tool[data-cat-key='number']{--dd-cat-h:265}.dd-page.dd-tool[data-cat-key='web']{--dd-cat-h:350}.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)}.dd-page.dd-tool .dd-crumb:hover{color:var(--dd-fg);background:oklch(1 0 0 / 0.08);border-color:var(--dd-border-strong)}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)}.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))}.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-htx-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-htx-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}.dd-page.dd-tool .h2r-copy:hover{color:var(--dd-fg);background:oklch(1 0 0 / 0.04)}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}.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)}.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}.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}.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}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}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}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}.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}.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}.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}.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}.dd-page.dd-tool .saved-color-item:hover button.saved-color-delete{opacity:1!important}.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 .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:hover,.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}.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-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 .dd-spritecow-canvas-wrap{overflow:auto!important;min-height:480px!important;max-height:70vh!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}.dd-page.dd-tool canvas.dd-spritecow-canvas{cursor:crosshair!important;display:block!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}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}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}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}.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}.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-htx-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:18px!important;margin-top:18px!important}.dd-page.dd-tool .dd-htx-grid .h2r-pane{margin:0!important}.dd-page.dd-tool .dd-htx-card .h2r-pane__head{margin-bottom:10px!important}.dd-page.dd-tool .dd-htx-card .h2r-pane__head h2 i{color:oklch(0.78 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-htx-check{display:grid!important;grid-template-columns:18px 1fr!important;grid-template-areas:'check title' 'check desc'!important;column-gap:12px!important;row-gap:2px!important;padding:10px 12px!important;border-radius:10px!important;border:1px solid transparent!important;cursor:pointer!important;transition:background 0.15s ease,border-color 0.15s ease!important}.dd-page.dd-tool .dd-htx-check:hover{background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important;border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.18)!important}.dd-page.dd-tool .dd-htx-check input[type='checkbox']{grid-area:check!important;width:18px!important;height:18px!important;margin:2px 0 0 0!important;accent-color:oklch(0.7 0.13 var(--dd-cat-h))!important;cursor:pointer!important}.dd-page.dd-tool .dd-htx-check__title{grid-area:title!important;font-weight:600!important;font-size:14px!important;color:var(--dd-fg)!important;letter-spacing:-0.005em!important}.dd-page.dd-tool .dd-htx-check__desc{grid-area:desc!important;font-size:12.5px!important;color:var(--dd-fg-dim)!important;line-height:1.4!important}.dd-page.dd-tool .dd-htx-errors{margin-top:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.dd-page.dd-tool .dd-htx-error-row{display:grid!important;grid-template-columns:60px 1fr!important;gap:10px!important;align-items:center!important}.dd-page.dd-tool .dd-htx-error-code{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:13px!important;font-weight:600!important;text-align:center!important;padding:6px 0!important;border-radius:8px!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.12)!important;color:oklch(0.78 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-htx-error-input,.dd-page.dd-tool .dd-htx-domain-input{width:100%!important;padding:10px 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;outline:0!important}.dd-page.dd-tool .dd-htx-error-input:focus,.dd-page.dd-tool .dd-htx-domain-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-htx-output{margin:0!important;padding:16px 18px!important;border-radius:10px!important;border:1px solid var(--dd-border)!important;background:oklch(0.16 0.01 260 / 0.6)!important;color:oklch(0.85 0.13 var(--dd-cat-h))!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;white-space:pre-wrap!important}html:has(.dd-page) body.theme-light .dd-page.dd-tool .dd-htx-output{background:oklch(0.985 0.002 260)!important;color:oklch(0.55 0.13 var(--dd-cat-h))!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}.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-rxp-search{position:relative!important;display:flex!important;align-items:center!important}.dd-page.dd-tool .dd-rxp-search__icon{position:absolute!important;left:16px!important;color:var(--dd-fg-dim)!important;pointer-events:none!important;font-size:14px!important}.dd-page.dd-tool .dd-rxp-search__input{width:100%!important;padding:14px 44px!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-size:14px!important;outline:0!important}.dd-page.dd-tool .dd-rxp-search__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-rxp-search__clear{position:absolute!important;right:12px!important;background:transparent!important;border:0!important;cursor:pointer!important;color:var(--dd-fg-dim)!important;padding:6px 8px!important;border-radius:6px!important}.dd-page.dd-tool .dd-rxp-search__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-rxp-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))!important;gap:18px!important}@media (max-width:720px){.dd-page.dd-tool .dd-rxp-grid{grid-template-columns:1fr!important}}.dd-page.dd-tool .dd-rxp-grid .h2r-pane{margin:0!important}.dd-page.dd-tool .regex-pal-category .h2r-pane__head h2 i{color:oklch(0.78 0.13 var(--dd-cat-h))!important}.dd-page.dd-tool .dd-rxp-patterns{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:4px!important}.dd-page.dd-tool .dd-rxp-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px 14px!important;border-radius:10px!important;border:1px solid var(--dd-border)!important;background:var(--dd-bg-card-solid)!important;transition:border-color 0.15s ease,background 0.15s ease!important}.dd-page.dd-tool .dd-rxp-card:hover{border-color:oklch(0.7 0.13 var(--dd-cat-h) / 0.4)!important;background:oklch(0.7 0.13 var(--dd-cat-h) / 0.06)!important}.dd-page.dd-tool .dd-rxp-card__info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}.dd-page.dd-tool .dd-rxp-card__name{font-weight:600!important;font-size:13.5px!important;color:var(--dd-fg)!important}.dd-page.dd-tool .dd-rxp-card__code{font-family:'JetBrains Mono',ui-monospace,monospace!important;font-size:11.5px!important;color:var(--dd-fg-dim)!important;background:transparent!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.dd-page.dd-tool .dd-rxp-card__actions{display:flex!important;gap:6px!important;flex-shrink:0!important}.dd-page.dd-tool .pattern-btn{width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.dd-page.dd-tool .regex-pattern-card.is-hidden{display:none!important}.dd-page.dd-tool .regex-pal-category.is-hidden{display:none!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}.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}.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-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}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 .footer-brand-name{font-family:'Space Grotesk','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-0.02em!important}html.dd-site .footer-brand-name::after{content:'.net';color:var(--ds-accent);font-weight:600}html.dd-site .collapse-container{position:relative;z-index:1}html.dd-site .collapse-container{--collapse-accent:var(--link);--collapse-accent-rgb:56,189,248;--cc-bg:var(--card-bg);--cc-border:var(--border-color);--cc-shadow:none;margin-bottom:12px;border:1px solid var(--cc-border);border-radius:14px;transition:border-color 0.24s ease,box-shadow 0.24s ease,transform 0.24s var(--dd-ease-out,ease),background 0.24s ease}html.dd-site body .collapse-container{background:var(--cc-bg);border-color:var(--cc-border);box-shadow:var(--cc-shadow)}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:var(--card-bg);--cc-border:var(--border-color);--cc-shadow:none}html.dd-site .collapse-container::before,html.dd-site .collapse-container::after{display:none!important}html.dd-site .collapse-container:not(.open):hover{border-color:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.45);box-shadow:0 12px 28px -16px oklch(0.5 0.14 var(--dd-accent-h,232) / 0.5);transform:translateY(-2px)}html.dd-site .collapse-container.open{border-color:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.6);box-shadow:0 1px 2px rgba(0,0,0,0.05),0 16px 36px -18px oklch(0.5 0.14 var(--dd-accent-h,232) / 0.6);background:linear-gradient(180deg,oklch(0.7 0.15 var(--dd-accent-h,232) / 0.15),oklch(0.7 0.15 var(--dd-accent-h,232) / 0.07)),var(--cc-bg)}html.dd-site body.theme-dark .collapse-container.open{background:linear-gradient(180deg,oklch(0.7 0.15 var(--dd-accent-h,232) / 0.19),oklch(0.7 0.15 var(--dd-accent-h,232) / 0.1)),var(--cc-bg)}html.dd-site .collapse-header{background:none!important;border:none!important;border-bottom-color:transparent!important;min-height:0;gap:14px;padding:18px 22px;font-size:16.5px;font-weight:500;color:var(--text-color)!important}html.dd-site .collapse-header:hover{background:none!important}html.dd-site .collapse-container.open .collapse-header{background:none!important;border-bottom-color:transparent!important}html.dd-site .collapse-header-title{font-weight:500;color:var(--text-color);white-space:normal;line-height:1.4;transition:color 0.18s ease}html.dd-site .collapse-header:hover .collapse-header-title{color:var(--link)!important}html.dd-site .collapse-container.open .collapse-header-title{color:var(--text-color)!important}html.dd-site .collapse-header-icon{width:30px;height:30px;border-radius:9px;border:1px solid oklch(0.7 0.15 var(--dd-accent-h,232) / 0.22);background:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.13);color:var(--link)!important;font-size:14px!important}html.dd-site .collapse-container:hover .collapse-header-icon,html.dd-site .collapse-container.open .collapse-header-icon{border-color:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.35);background:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.2)}html.dd-site .collapse-chevron{width:30px;height:30px;border:none;border-radius:9px;background:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.13);color:var(--link)!important;font-size:12px!important;box-shadow:none}html.dd-site .collapse-container:hover .collapse-chevron{border:none;background:oklch(0.7 0.15 var(--dd-accent-h,232) / 0.2);color:var(--link)!important}html.dd-site .collapse-container.open .collapse-chevron{border:none;background:var(--link);color:#fff!important;box-shadow:none}html.dd-site .collapse-content-inner{padding:4px 22px 22px 22px}html.dd-site .collapse-content-inner::before{display:none!important}html.dd-site .collapse-faq .collapse-content-inner{color:var(--text-color);font-size:15px;line-height:1.68}html.dd-site .collapse-group{gap:12px;padding:0!important;border:none!important;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible}html.dd-site .collapse-group .collapse-container{margin-bottom:0}@media (max-width:768px){html.dd-site .collapse-header{padding:15px 16px;gap:12px;font-size:15.5px}html.dd-site .collapse-content-inner{padding:4px 16px 18px 16px}}html:has(.dd-page) .dd-brand-logo,html:has(.dd-page) .footer-brand-logo{width:38px!important;height:38px!important;box-sizing:border-box!important;padding:4px!important;border-radius:10px!important;background:oklch(0.22 0.014 260)!important;border:1px solid oklch(1 0 0 / 0.14)!important}html:has(.dd-page) body.theme-light .dd-brand-logo,html:has(.dd-page) body.theme-light .footer-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}@keyframes ds-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.08)}}@keyframes ds-float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-28px,22px) scale(1.1)}}@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-ring{0%,100%{opacity:0.5}50%{opacity:1}}@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}.ds-home [data-cat='all']{--ds-c:#7c7bff}.ds-home [data-cat='color']{--ds-c:var(--ds-cat-color)}.ds-home [data-cat='image']{--ds-c:var(--ds-cat-image)}.ds-home [data-cat='code']{--ds-c:var(--ds-cat-code)}.ds-home [data-cat='file']{--ds-c:var(--ds-cat-file)}.ds-home [data-cat='number']{--ds-c:var(--ds-cat-number)}.ds-home [data-cat='web']{--ds-c:var(--ds-cat-web)}.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}.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-glow{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0)}.ds-glow--1{top:-120px;left:-80px;width:520px;height:520px;background:radial-gradient(circle,var(--ds-glow1),transparent 70%);animation:ds-float 16s ease-in-out infinite}.ds-glow--2{top:380px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,var(--ds-glow3),transparent 70%);animation:ds-float2 20s ease-in-out infinite}.ds-glow--3{top:1100px;left:30%;width:460px;height:460px;background:radial-gradient(circle,var(--ds-glow2),transparent 70%);animation:ds-float 22s ease-in-out infinite}.ds-hero{position:relative;z-index:4;max-width:1240px;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}.ds-search-orb:hover .ds-search-orb__panel{border-color:var(--ds-border-strong)}.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: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:hover input,.ds-search-orb:focus-within input,.ds-search-orb.ds-open 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}.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,.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(4,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}.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);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}.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);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}.ds-card-link:hover .ds-tool-card__arrow{transform:translateX(3px);color:var(--ds-c)}.ds-grid-empty{display:none;padding:26px 4px;font-size:15px;color:var(--ds-text-muted)}.ds-grid-empty.show{display:block}.ds-card-link{display:block;color:inherit;min-width:0}.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);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)}.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)}.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}.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}.ds-marquee__item:hover{border-color:var(--ds-c);background:var(--ds-surface-2);color:var(--ds-text);transform:translateY(-2px)}.ds-home a.ds-marquee__item:hover{border-bottom-color:var(--ds-c)!important}.ds-marquee__item::before{content:'●';color:var(--ds-c)}.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}.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}.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-ring--glow{width:380px;height:380px;margin:-190px 0 0 -190px;background:radial-gradient(circle,var(--ds-glow1),transparent 68%);filter:blur(10px);animation:ds-ring 6s ease-in-out 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}.ds-card-link:hover .ds-host-card{transform:translateY(-3px)}.ds-card-link:hover .ds-host-card--cf{border-color:#f6821f}.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}.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)}.ds-card-link:hover .ds-node--privcaptcha{transform:translateY(-3px);border-color:color-mix(in srgb,#2ec4b6 70%,var(--ds-border));box-shadow:inset 0 1px 0 var(--ds-glass-hi),0 16px 38px -16px rgba(46,196,182,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,#2ec4b6 40%,var(--ds-border));background:linear-gradient(140deg,color-mix(in srgb,#2ec4b6 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(46,196,182,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)}}@keyframes ds-why-float{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-18px)}}.ds-why{position:relative;z-index:4;max-width:1080px;margin:100px auto 0;padding:0 40px}.ds-why__glow{position:absolute;top:-80px;right:8%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,var(--ds-glow1),transparent 70%);filter:blur(20px);animation:ds-why-float 18s ease-in-out infinite;pointer-events:none;z-index:0;will-change:transform}.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);box-shadow:0 4px 16px -4px color-mix(in srgb,var(--ds-accent) 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{display:flex;flex-direction:column;gap:12px}.ds-faq-item{border-radius:14px;padding:4px 20px}.ds-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-family:var(--ds-font-sans);font-weight:600;font-size:17px;color:var(--ds-text);list-style:none;cursor:pointer}.ds-faq-item>summary::-webkit-details-marker{display:none}.ds-faq-plus{color:var(--ds-accent);font-size:22px;font-weight:400;flex:none;transition:transform 0.2s ease}.ds-faq-item[open] .ds-faq-plus{transform:rotate(45deg)}.ds-faq-item>p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--ds-text-muted)}.ds-reveal-ready .ds-step,.ds-reveal-ready .ds-board,.ds-reveal-ready .ds-eco__head,.ds-reveal-ready .ds-faq-item{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,.ds-reveal-ready .ds-faq-item.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-glow--1,.ds-glow--2,.ds-glow--3,.ds-marquee__track,.ds-ring--outer,.ds-ring--inner,.ds-ring--glow,.ds-node--hosting,.ds-node--sendform,.ds-node--privcaptcha,.ds-orbit__svg .ds-wire--dash{animation:none!important}}