/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}@layer theme{:root,:host{--font-sans:"Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-cyan-300:oklch(86.5% .127 207.078);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--uv-ink:#0b1220;--uv-muted:#64748b;--uv-soft:#94a3b8;--uv-line:#dbe4f0;--uv-line-strong:#cbd5e1;--uv-paper:#ffffffe0;--uv-paper-solid:#fff;--uv-bg:#f7fafc;--uv-primary:#4f8cff;--uv-primary-strong:#2e6ff5;--uv-cyan:#6ae3ff;--uv-amber:#f59e0b;--uv-violet:#b6cbff;--uv-radius-xl:30px;--uv-shadow-panel:0 24px 72px #0f172a17;--uv-shadow-soft:0 12px 28px #0f172a0f;--uv-ease:cubic-bezier(.2,.8,.2,1)}html{font-family:var(--font-sans)}body{background-color:var(--color-white);color:var(--color-slate-950);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark] body{color:#edf4ff;background:#050b14}}@layer components{.uv-shell{width:min(1200px,100vw - 40px);margin-inline:auto}.uv-glass-panel{border-style:var(--tw-border-style);border-width:1px;border-color:#e2e8f0cc;border-radius:24px}@supports (color:color-mix(in lab,red,red)){.uv-glass-panel{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.uv-glass-panel{background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.uv-glass-panel{background-color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.uv-glass-panel{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}html[data-theme=dark] .uv-glass-panel{border-color:#31415899}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-glass-panel{border-color:color-mix(in oklab,var(--color-slate-700) 60%,transparent)}}html[data-theme=dark] .uv-glass-panel{background-color:#020618d9}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-glass-panel{background-color:color-mix(in oklab,var(--color-slate-950) 85%,transparent)}}html[data-theme=dark] .uv-glass-panel{--tw-shadow:0 18px 40px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uv-chip{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;display:inline-flex}html[data-theme=dark] .uv-chip{border-color:var(--color-slate-700);background-color:var(--color-slate-900);color:var(--color-slate-200)}.uv-icon-button{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);color:var(--color-slate-700);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media(hover:hover){.uv-icon-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--color-blue-300);color:var(--color-blue-600)}}html[data-theme=dark] .uv-icon-button{border-color:var(--color-slate-700);background-color:var(--color-slate-900);color:var(--color-slate-200)}@media(hover:hover){html[data-theme=dark] .uv-icon-button:hover{border-color:#54a2ff80}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-icon-button:hover{border-color:color-mix(in oklab,var(--color-blue-400) 50%,transparent)}}html[data-theme=dark] .uv-icon-button:hover{color:var(--color-white)}}.uv-pill-button{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media(hover:hover){.uv-pill-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--color-blue-300);color:var(--color-blue-600)}}html[data-theme=dark] .uv-pill-button{border-color:var(--color-slate-700);background-color:var(--color-slate-900);color:var(--color-slate-200)}@media(hover:hover){html[data-theme=dark] .uv-pill-button:hover{border-color:#54a2ff80}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-pill-button:hover{border-color:color-mix(in oklab,var(--color-blue-400) 50%,transparent)}}html[data-theme=dark] .uv-pill-button:hover{color:var(--color-white)}}.uv-primary-button{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-blue-500);--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 16px 32px var(--tw-shadow-color,#2f67f538);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media(hover:hover){.uv-primary-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}}.uv-section-card{border-style:var(--tw-border-style);border-width:1px;border-color:#e2e8f0cc;border-radius:32px}@supports (color:color-mix(in lab,red,red)){.uv-section-card{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.uv-section-card{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.uv-section-card{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.uv-section-card{padding:calc(var(--spacing) * 6);--tw-shadow:0 24px 72px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}html[data-theme=dark] .uv-section-card{border-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-section-card{border-color:color-mix(in oklab,var(--color-slate-800) 80%,transparent)}}html[data-theme=dark] .uv-section-card{background-color:#020618e6}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .uv-section-card{background-color:color-mix(in oklab,var(--color-slate-950) 90%,transparent)}}html[data-theme=dark] .uv-section-card{--tw-shadow:0 24px 72px var(--tw-shadow-color,#00000042);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uv-page-grid{gap:calc(var(--spacing) * 6);display:grid}@media(min-width:64rem){.uv-page-grid{grid-template-columns:minmax(0,1fr) 320px}}.uv-page-main,.uv-page-side{min-width:calc(var(--spacing) * 0);gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.uv-card-stack{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.\!flex-1{flex:1!important}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:48rem){:where(.md\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}:root{--ink: #0b1220;--muted: #64748b;--soft: #94a3b8;--line: #dbe4f0;--line-strong: #cbd5e1;--paper: rgba(255, 255, 255, .88);--paper-solid: #ffffff;--bg: #f7fafc;--blue: #4f8cff;--blue-dark: #2e6ff5;--cyan: #6ae3ff;--mint: #6ae3ff;--amber: #f59e0b;--violet: #b6cbff;--radius-xl: 30px;--shadow: 0 24px 72px rgba(15, 23, 42, .09);--shadow-soft: 0 12px 28px rgba(15, 23, 42, .06);--ease: cubic-bezier(.2,.8,.2,1);--uv-scroll-track: rgba(79, 140, 255, .06);--uv-scroll-thumb: linear-gradient(180deg, rgba(79,140,255,.42), rgba(106,227,255,.3));--uv-scroll-thumb-dark: linear-gradient(180deg, rgba(79,140,255,.5), rgba(106,227,255,.34))}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{scrollbar-width:thin;scrollbar-color:rgba(79,140,255,.34) transparent}html::-webkit-scrollbar,body::-webkit-scrollbar,main::-webkit-scrollbar,section::-webkit-scrollbar,div::-webkit-scrollbar,textarea::-webkit-scrollbar,pre::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,main::-webkit-scrollbar-track,section::-webkit-scrollbar-track,div::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track,pre::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,main::-webkit-scrollbar-thumb,section::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--uv-scroll-thumb);background-clip:padding-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 14% 0%,rgba(79,140,255,.11),transparent 32%),radial-gradient(circle at 86% 8%,rgba(106,227,255,.12),transparent 31%),linear-gradient(180deg,#fcfdff,#f7fafe);font-family:Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 88%)}.site-header,.site-footer{width:min(1200px,calc(100vw - 40px));margin-inline:auto;position:relative}.site-header{z-index:20;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px 10px 16px;border:1px solid rgba(219,228,240,.92);border-radius:22px;background:#ffffffd1;box-shadow:0 8px 24px #0f172a0b;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:830;letter-spacing:-.045em}.brand img{width:38px;height:38px;border-radius:13px}.desktop-nav{display:flex;align-items:center;gap:26px;color:#475569;font-weight:720}.desktop-nav>a{transition:color .18s var(--ease)}.desktop-nav>a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.open-tools{border-radius:999px;background:#0f172a;color:#fff;padding:12px 18px;font-weight:850;box-shadow:0 12px 24px #0f172a2e}.nav-dropdown,.filter-dropdown{position:relative}.nav-trigger,.filter-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:999px;background:#ffffffdb;color:#334155;font-weight:780;padding:10px 13px;min-height:42px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.site-header:has(.desktop-nav:last-child){justify-content:flex-start}.nav-trigger{border-color:transparent;background:transparent;padding-inline:0;color:#475569}.filter-trigger{min-width:210px;padding:13px 16px;border-radius:18px;background:#fff}.nav-trigger svg,.filter-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .18s var(--ease)}[data-dropdown].is-open [data-dropdown-trigger]{border-color:#4f8cff59;box-shadow:0 0 0 4px #4f8cff14}[data-dropdown].is-open [data-dropdown-trigger] svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;border:1px solid rgba(219,228,240,.96);border-radius:24px;background:#fffffff0;box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:10px;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease);z-index:50}[data-dropdown].is-open .dropdown-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mega-menu{left:0;right:auto;transform:translateY(8px) scale(.98);width:min(640px,calc(100vw - 32px));display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px;padding:12px}[data-dropdown].is-open .mega-menu{transform:translateY(0) scale(1)}.menu-copy{border-radius:18px;padding:18px;color:#fff;background:linear-gradient(145deg,#4f8cff,#6ae3ff)}.menu-kicker,.section-kicker{display:block;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.menu-copy .menu-kicker{color:#ffffffc7}.menu-copy strong{display:block;font-size:24px;letter-spacing:-.04em}.menu-copy p{color:#ffffffd1;line-height:1.55;margin:10px 0 0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-item,.filter-menu button{width:100%;border:0;background:#fff;color:#334155;border-radius:16px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px;transition:background .18s var(--ease),transform .18s var(--ease),color .18s var(--ease)}.menu-item:hover,.filter-menu button:hover,.filter-menu button.is-active{background:#f1f7ff;color:var(--blue);transform:translateY(-1px)}.menu-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;background:#eff6ff;color:var(--blue);font-weight:900;flex:0 0 auto}.menu-item strong{display:block;font-size:14px}.menu-item small{color:var(--muted)}.locale-switch{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe4f0;border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);color:#0f172a;padding:11px 15px;font-weight:850;box-shadow:inset 0 1px #fffffff2,0 10px 20px #0f172a0d;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.locale-switch:hover{transform:translateY(-1px);color:var(--blue);border-color:#4f8cff57;box-shadow:0 0 0 4px #4f8cff0f,0 12px 24px #0f172a0f}.locale-switch .globe{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#eff6ff;color:var(--blue);font-size:12px}.locale-switch .globe svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding:74px 14px 58px}.hero-with-brand-bg{position:relative;overflow:hidden;isolation:isolate;min-height:640px;border:1px solid rgba(219,228,240,.74);border-radius:40px;margin-top:26px;background:linear-gradient(180deg,#ffffffe6,#ffffffc9),radial-gradient(circle at 0% 0%,rgba(79,140,255,.08),transparent 28%);box-shadow:0 18px 42px #0f172a0e}.hero-brand-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-brand-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fafcf0,#f8fafcd1 32%,#f8fafc73 58%,#f8fafcad),linear-gradient(180deg,#ffffff38,#ffffff8c)}.hero-brand-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02);transform:scale(1.01)}.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(79,140,255,.18);background:#ffffffdb;color:var(--blue-dark);border-radius:999px;padding:8px 13px;font-weight:870;margin:0 0 24px;backdrop-filter:blur(12px)}.hero h1{margin:0 0 22px;max-width:680px;font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-.078em;font-weight:900}.hero h1:first-line{color:#0f172a}.hero-sub{max-width:650px;color:#475569;font-size:20px;line-height:1.6;margin:0 0 28px}.search-wrap{max-width:650px;height:68px;display:flex;align-items:center;gap:13px;padding:0 16px;border:1px solid var(--line-strong);border-radius:22px;background:#fffffff5;box-shadow:0 14px 36px #0f172a12}.search-wrap svg{width:23px;height:23px;fill:none;stroke:#0f172a;stroke-width:2;stroke-linecap:round}.search-wrap input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);font-size:17px;background:transparent}.search-wrap input::placeholder{color:#94a3b8}kbd{border:1px solid var(--line);background:#f1f5f9;border-radius:10px;padding:7px 9px;color:#64748b;font-weight:850}.hero-metrics{display:flex;gap:30px;margin-top:24px}.hero-metrics div{display:grid;gap:3px}.hero-metrics strong{font-size:27px}.hero-metrics span{color:#64748b;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:900}.hero-demo{position:relative;padding:24px;border:1px solid rgba(219,228,240,.88);border-radius:34px;background:#ffffffd6;box-shadow:var(--shadow);backdrop-filter:blur(18px);transform:rotate(.65deg)}.hero-demo.is-clickable-card{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.hero-demo.is-clickable-card:hover{transform:translateY(-3px) rotate(.4deg);border-color:#4f8cff57;box-shadow:0 26px 70px #0f172a24}.hero-demo.is-clickable-card:focus-visible{outline:0;box-shadow:0 0 0 4px #4f8cff1f,0 26px 70px #0f172a24}.window-card{border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);padding:22px}.window-top{display:flex;align-items:center;gap:8px;margin-bottom:17px}.window-top span{width:9px;height:9px;border-radius:50%;background:#fb7185}.window-top span:nth-child(2){background:#fbbf24}.window-top span:nth-child(3){background:#34d399}.window-top b{margin-left:auto;font-size:14px}.fake-input{min-height:170px;border:1px solid #dbe4f0;border-radius:20px;background:#fbfdff;color:#64748b;line-height:1.7;padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stat-grid div{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:14px}.stat-grid strong{display:block;font-size:27px}.stat-grid span{color:#64748b;font-size:12px;font-weight:850}.demo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.demo-chip,.demo-link-hint{display:inline-flex;align-items:center;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:900;letter-spacing:.04em}.demo-chip{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc}.demo-link-hint{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe}.privacy-badge{position:absolute;right:18px;bottom:20px;transform:rotate(-3deg);color:#fff;background:#0f172a;border-radius:22px;padding:16px 18px;box-shadow:0 22px 60px #0f172a40}.privacy-badge small{display:block;color:#93c5fd;font-weight:850;margin-bottom:4px}.category-strip,.tools-section,.content-grid{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.section-heading.compact{align-items:start}.section-heading h2,.content-card h2{margin:0;font-size:38px;letter-spacing:-.052em;line-height:1.05}.section-heading p{max-width:560px;color:var(--muted);line-height:1.6;margin:10px 0 0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{border:1px solid #e2e8f0;border-radius:24px;background:#ffffffdb;padding:18px;box-shadow:0 10px 28px #0f172a0d;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.category-card:hover{transform:translateY(-3px);border-color:#4f8cff59;box-shadow:var(--shadow-soft)}.category-card .menu-icon{margin-bottom:14px}.category-card strong{display:block;margin-bottom:6px}.category-card small{color:var(--muted);line-height:1.45}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tool-card{position:relative;overflow:hidden;min-height:186px;border:1px solid #e2e8f0;border-radius:26px;background:#ffffffe6;padding:22px;box-shadow:0 10px 30px #0f172a0d;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.tool-card:hover{transform:translateY(-4px);border-color:#4f8cff59;box-shadow:var(--shadow-soft)}.tool-card.is-clickable,.is-clickable-card{cursor:pointer}.tool-card.is-clickable:focus-visible,.is-clickable-card:focus-visible{outline:0;box-shadow:0 0 0 4px #4f8cff1f,0 16px 28px #0f172a1a}.tool-card:after{content:"";position:absolute;right:-36px;top:-36px;width:112px;height:112px;border-radius:40px;background:linear-gradient(135deg,#4f8cff1f,#6ae3ff1f);transform:rotate(18deg)}.tool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;margin-bottom:22px;background:#eff6ff;color:var(--blue);font-weight:900}.tool-card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.028em}.tool-card p{color:var(--muted);font-size:14px;line-height:1.52;margin:0 0 18px}.tool-meta{display:flex;gap:8px;flex-wrap:wrap}.tool-meta span{font-size:12px;font-weight:850;color:#475569;background:#f1f5f9;border-radius:999px;padding:6px 9px}.uv-icon,.icon-fallback{display:inline-grid;place-items:center;width:100%;height:100%}.uv-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tool-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:auto}.tool-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:var(--blue);padding:9px 12px;font-size:13px;font-weight:900;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.tool-link:hover{transform:translateY(-1px);background:#dbeafe;border-color:#93c5fd}.tool-link:focus-visible,.category-card:focus-visible,.menu-item:focus-visible,.filter-menu button:focus-visible,.locale-switch:focus-visible{outline:0;box-shadow:0 0 0 4px #4f8cff1f,0 12px 24px #0f172a14}.directory-page{margin-bottom:24px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.directory-grid.single-column{grid-template-columns:1fr}.directory-card,.related-card{display:grid;gap:14px;min-height:100%;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.directory-card.is-clickable-card,.related-card.is-clickable-card,.content-card.is-clickable-card{cursor:pointer}.directory-card:hover,.related-card:hover{transform:translateY(-3px);border-color:#4f8cff57;box-shadow:var(--shadow-soft)}.directory-card-head,.related-card-head{display:flex;align-items:flex-start;gap:14px}.directory-card-head h2,.related-card-head h2,.related-card-head h3,.home-topic-card h3{margin:0 0 8px;font-size:28px;letter-spacing:-.04em}.directory-card-head p,.related-card-head p{margin:0}.mini-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-tool-list a{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:16px;padding:10px 12px;background:linear-gradient(180deg,#fff,#f8fbff);font-weight:800;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.mini-tool-list a:hover{transform:translateY(-1px);border-color:#4f8cff47;background:#eef6ff;box-shadow:0 10px 18px #0f172a0d}.small-icon{width:34px;height:34px;border-radius:12px;margin-bottom:0}.large-icon{width:52px;height:52px}.directory-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workflow-chain{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.workflow-pill{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid #dbe4f0;border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);font-weight:850;color:#334155;box-shadow:0 8px 18px #0f172a09;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.workflow-pill:hover{transform:translateY(-1px);border-color:#4f8cff57;box-shadow:0 12px 24px #0f172a0d;color:var(--blue)}.workflow-pill.is-current{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 14px 28px #4f8cff2e}.workflow-pill-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:11px;background:#eff6ff;color:var(--blue);flex:0 0 auto}.workflow-pill.is-current .workflow-pill-icon{background:#ffffff2e;color:#fff}.workflow-arrow{color:#94a3b8;font-weight:900}.workflow-next-grid{display:grid;gap:12px;margin-top:16px}.workflow-next-card{display:grid;gap:12px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px #0f172a0b;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.workflow-next-card:hover{transform:translateY(-2px);border-color:#4f8cff57;box-shadow:0 16px 30px #0f172a0f;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 36%),linear-gradient(180deg,#fff,#f4f9ff)}.workflow-next-head{display:flex;align-items:flex-start;gap:12px}.workflow-next-head strong{display:block;margin-bottom:6px;color:var(--ink);font-size:16px;letter-spacing:-.02em}.workflow-next-head span{color:var(--muted);line-height:1.55;font-size:13px}.workflow-next-card p{margin:0;color:#334155;line-height:1.65}.workflow-cluster{display:grid;gap:12px}.workflow-extension{margin-top:16px;padding:18px;border:1px solid rgba(219,228,240,.92);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.09),transparent 35%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.1),transparent 30%),#ffffffe6;box-shadow:0 10px 28px #0f172a0d}.workflow-extension-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:10px}.workflow-extension-head h3{margin:0 0 8px;font-size:26px;letter-spacing:-.04em}.workflow-extension-head p{margin:0;color:var(--muted);line-height:1.65}.hero-links{margin-top:16px}.tool-link.subtle{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#dbe4f0;color:#334155}.related-section{margin-top:28px}.tool-detail-grid{margin-top:18px}.directory-bottom-grid{margin-top:28px}.feature-list,.step-list{margin:16px 0 0;padding-left:22px;color:#475569;line-height:1.8}.compact-feature-list{margin-top:8px}.tool-detail-grid>.content-card h2{font-size:30px}.empty-state{color:var(--muted);text-align:center;padding:36px;border:1px dashed var(--line-strong);border-radius:24px;background:#ffffffb3}.content-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.tool-seo-hero{margin-top:48px;border:1px solid rgba(219,228,240,.92);border-radius:34px;background:#ffffffd6;box-shadow:var(--shadow-soft);padding:clamp(28px,5vw,56px)}.tool-seo-hero h1{margin:0 0 14px;font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-.07em}.tool-seo-hero p{max-width:780px;color:var(--muted);font-size:19px;line-height:1.7}.tool-seo-hero .tool-meta{margin-top:2px}.seo-tags{margin-top:18px}.content-card{border:1px solid #e2e8f0;border-radius:28px;background:#ffffffdb;padding:28px;box-shadow:0 10px 30px #0f172a0d}.content-card p{color:var(--muted);line-height:1.72}.content-card.wide{min-height:100%}.ad-slot{height:118px;margin-top:18px;border:1px dashed #cbd5e1;border-radius:20px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 10px 20px);color:#94a3b8;font-weight:900}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);padding:42px 4px 56px}.site-footer div{display:flex;gap:10px;align-items:baseline}.site-footer strong{color:var(--ink)}.site-footer nav{display:flex;gap:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:980px){.desktop-nav{display:none}.hero,.content-grid{grid-template-columns:1fr}.category-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:stretch;flex-direction:column}.directory-grid,.mini-tool-list,.directory-link-grid,.home-directory-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-header,.site-footer{width:min(100% - 24px,1200px)}.site-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}.hero{padding-top:46px}.hero h1{font-size:46px}.hero-metrics{flex-wrap:wrap}.category-grid,.tool-grid{grid-template-columns:1fr}.mega-menu{width:calc(100vw - 32px);grid-template-columns:1fr;left:0;transform:translateY(8px) scale(.98)}[data-dropdown].is-open .mega-menu{transform:translateY(0) scale(1)}}.tool-workspace{margin-top:34px;scroll-margin-top:24px;border:1px solid rgba(203,213,225,.9);border-radius:32px;background:#ffffffd1;box-shadow:var(--shadow-soft);padding:24px;backdrop-filter:blur(16px)}.workspace-empty{padding:34px;text-align:center;color:var(--muted)}.workspace-empty h2{margin:0 0 10px;color:var(--ink);font-size:34px;letter-spacing:-.045em}.workspace-header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}.workspace-header h2{margin:0 0 8px;font-size:34px;letter-spacing:-.052em}.workspace-header p{margin:0;color:var(--muted);line-height:1.6;max-width:760px}.privacy-chip,.status-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc}.status-badge{position:absolute;right:16px;top:16px;background:#fff7ed;color:#c2410c;border-color:#fed7aa;z-index:2}.tool-card{text-align:left}.tool-card.is-disabled{opacity:.72;cursor:not-allowed}.tool-card.is-disabled:hover{transform:none;border-color:#e2e8f0;box-shadow:0 10px 30px #0f172a0d}.tool-cta{display:inline-flex;margin-bottom:12px;color:var(--blue);font-weight:900;font-size:13px}.category-card{text-align:left;cursor:pointer}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.tool-layout.wide-tool{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.tool-panel{border:1px solid #e2e8f0;border-radius:26px;background:#ffffffe6;padding:18px;box-shadow:0 10px 26px #0f172a0b}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-title strong{font-size:16px}.panel-title div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;width:fit-content;max-width:100%}.tool-action,.mode-button{border:1px solid var(--line);border-radius:14px;background:#fff;color:#334155;padding:9px 12px;font-weight:850;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.tool-action{display:inline-flex;align-items:center;gap:8px}.tool-action-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#4f8cff14;color:currentColor;font-size:11px;line-height:1;flex:0 0 auto}.tool-action:hover,.mode-button:hover,.mode-button.is-active{transform:translateY(-1px);border-color:#4f8cff59;background:#eff6ff;color:var(--blue)}.tool-action.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.tool-action.primary .tool-action-icon{background:#ffffff2e;color:#fff}.tool-textarea,.single-input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#fbfdff;color:var(--ink);outline:none;padding:14px;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.tool-textarea:focus,.single-input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#4f8cff8c;box-shadow:0 0 0 4px #4f8cff14}.tool-workspace select,.field select{appearance:none;-webkit-appearance:none;cursor:pointer;min-height:49px;padding-right:44px;color:#0f172a;border-color:#d8e4f2;background:linear-gradient(45deg,transparent 50%,#4f8cff 50%) calc(100% - 22px) 51% / 7px 7px no-repeat,linear-gradient(135deg,#4f8cff 50%,transparent 50%) calc(100% - 15px) 51% / 7px 7px no-repeat,linear-gradient(90deg,transparent calc(100% - 43px),rgba(219,228,240,.95) calc(100% - 43px),rgba(219,228,240,.95) calc(100% - 42px),transparent calc(100% - 42px)),linear-gradient(180deg,#fff,#f7fbff);box-shadow:inset 0 1px #fffffff2,0 8px 18px #0f172a09}.tool-workspace select:hover,.field select:hover{border-color:#4f8cff61;background-color:#fff}.tool-workspace select:focus,.field select:focus{border-color:#4f8cff94;box-shadow:0 0 0 4px #4f8cff17,0 10px 24px #4f8cff0f}.tool-workspace select::-ms-expand,.field select::-ms-expand{display:none}.tool-workspace select option,.field select option{color:var(--ink);background:#fff}.tool-workspace select[multiple],.tool-workspace select[size]:not([size="1"]),.field select[multiple],.field select[size]:not([size="1"]){appearance:auto;-webkit-appearance:auto;min-height:168px;padding:10px;border:1px solid rgba(202,216,235,.96);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f6fafffa);box-shadow:inset 0 1px #ffffffe0,0 10px 24px #0f172a0b;color:var(--uv-text);line-height:1.45;scrollbar-width:thin;scrollbar-color:rgba(79,140,255,.32) transparent}.tool-workspace select[multiple]:focus,.tool-workspace select[size]:not([size="1"]):focus,.field select[multiple]:focus,.field select[size]:not([size="1"]):focus{border-color:#4f8cff85;box-shadow:0 0 0 4px #4f8cff1a,0 16px 36px #4f8cff14}.tool-workspace select[multiple] option,.tool-workspace select[size]:not([size="1"]) option,.field select[multiple] option,.field select[size]:not([size="1"]) option{padding:10px 12px;border-radius:12px;background:transparent;color:var(--uv-text)}.tool-workspace select[multiple] option:checked,.tool-workspace select[size]:not([size="1"]) option:checked,.field select[multiple] option:checked,.field select[size]:not([size="1"]) option:checked{background:linear-gradient(135deg,#4f8cff29,#6ae3ff1f);color:var(--uv-primary-strong)}.native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.combo-select{position:relative;display:grid;grid-template-columns:1fr 42px;align-items:center;width:100%;isolation:isolate;overflow:visible;border:1px solid #d8e4f2;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:inset 0 1px #fffffff2,0 8px 18px #0f172a09;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.combo-select:focus-within,.combo-select.is-open{border-color:#4f8cff94;box-shadow:0 0 0 4px #4f8cff17,0 10px 24px #4f8cff0f}.combo-input{min-width:0;position:relative;z-index:1;height:49px;border:0;outline:0;background:transparent;color:#0f172a;padding:0 12px 0 14px;font:inherit;font-weight:760;cursor:pointer;caret-color:transparent}.combo-toggle{height:34px;width:34px;margin-right:7px;border:0;border-left:1px solid #dbe4f0;background:transparent;color:var(--blue);font-size:0;font-weight:950;position:relative}.combo-toggle:before{content:"";width:14px;height:14px;display:block;margin:0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 5.8 8 10.6l4.8-4.8 1.2 1.2L8 12.9 2 7z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 5.8 8 10.6l4.8-4.8 1.2 1.2L8 12.9 2 7z'/%3E%3C/svg%3E") center / contain no-repeat}.combo-menu{position:absolute;z-index:80;top:calc(100% + 8px);left:0;right:0;max-height:220px;overflow:auto;border:1px solid rgba(219,228,240,.96);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);padding:7px;opacity:0;pointer-events:none;transform:translateY(6px) scale(.98);visibility:hidden;transition:opacity .16s var(--ease),transform .16s var(--ease)}.combo-select.is-open .combo-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.combo-menu button{width:100%;border:0;border-radius:12px;background:transparent;color:#334155;padding:10px 11px;text-align:left;font-weight:820}.combo-menu button:hover,.combo-menu button.is-active,.combo-menu button.is-highlight{color:var(--blue);background:#eff6ff}.combo-empty{padding:12px 13px;color:#64748b;font-size:13px;font-weight:760}.combo-toggle:hover{color:#fff;background:linear-gradient(135deg,var(--blue),var(--mint));border-radius:12px}.number-control{position:relative;display:grid;grid-template-columns:38px minmax(64px,1fr) 38px 52px;align-items:center;width:100%;min-width:0;border:1px solid #d8e4f2;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:inset 0 1px #fffffff2,0 8px 18px #0f172a09;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.number-input-slot{min-width:0}.number-control:focus-within,.number-control.is-dragging{border-color:#4f8cff94;box-shadow:0 0 0 4px #4f8cff17,0 10px 24px #4f8cff0f}.number-input-slot input[type=number]{border:0;border-radius:0;box-shadow:none;background:#fff;min-height:49px;width:100%;min-width:0;padding:0 8px;text-align:center;font-size:18px;font-weight:820;line-height:1;font-variant-numeric:tabular-nums;text-overflow:clip;-moz-appearance:textfield}.number-control.is-value-compact .number-input-slot input[type=number]{font-size:16px}.number-control.is-value-tight .number-input-slot input[type=number]{font-size:14px;letter-spacing:-.02em}.number-input-slot input[type=number]::-webkit-outer-spin-button,.number-input-slot input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-step,.number-drag-trigger{display:grid;place-items:center;height:100%;min-height:49px;min-width:0;width:100%;padding:0;border:0;color:var(--blue);background:#eff6ffbf;font-weight:950;user-select:none}.number-step{font-size:20px;transition:background .16s var(--ease),color .16s var(--ease)}.number-step:hover,.number-drag-trigger:hover,.number-control.is-dragging .number-drag-trigger{color:#fff;background:linear-gradient(135deg,var(--blue),var(--mint))}.number-drag-trigger{border-left:1px solid #dbe4f0;cursor:pointer;font-size:0;position:relative;overflow:hidden}.number-drag-open-icon,.number-drag-close-icon{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.86);transition:opacity .18s var(--ease),transform .18s var(--ease);pointer-events:none}.number-drag-open-icon svg,.number-drag-close-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.number-control.is-drag-popover-open{overflow:visible;z-index:18}.number-drag-rail,.number-drag-fill,.number-drag-thumb{position:absolute;pointer-events:none}.number-drag-rail{left:10px;right:10px;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:#4f8cff29}.number-drag-fill{left:10px;top:50%;width:calc((100% - 20px) * var(--drag-ratio, .5));max-width:calc(100% - 20px);height:4px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--mint));opacity:.9}.number-drag-thumb{top:50%;left:calc(10px + (100% - 20px) * var(--drag-ratio, .5));width:12px;height:12px;transform:translate(-50%,-50%);border-radius:999px;background:#fff;box-shadow:0 2px 10px #4f8cff38,0 0 0 2px #4f8cff2e}.number-control.is-dragging .number-drag-trigger{cursor:ew-resize}.number-drag-trigger:hover .number-drag-open-icon,.number-control.is-drag-popover-open .number-drag-close-icon{opacity:1;transform:scale(1)}.number-drag-trigger:hover .number-drag-rail,.number-drag-trigger:hover .number-drag-fill,.number-drag-trigger:hover .number-drag-thumb,.number-control.is-drag-popover-open .number-drag-rail,.number-control.is-drag-popover-open .number-drag-fill,.number-control.is-drag-popover-open .number-drag-thumb{opacity:0}.number-control.is-dragging .number-drag-rail{background:#ffffff3d}.number-control.is-dragging .number-drag-thumb{width:14px;height:14px;box-shadow:0 4px 14px #1360ff47,0 0 0 2px #ffffff57}.number-drag-popover{position:absolute;top:calc(100% + 10px);left:0;right:auto;z-index:24;width:max(220px,100%);min-width:220px;max-width:min(260px,calc(100vw - 36px))}.number-drag-popover[hidden]{display:none!important}.number-drag-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(219,228,240,.96);border-radius:20px;background:#fff;box-shadow:0 18px 40px #0f172a24;backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0}.number-drag-head{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:6px}.number-drag-head strong{font-size:14px;letter-spacing:-.02em;color:#1b2b43}.number-drag-hint{grid-column:1 / 2;color:#7487a3;font-size:11px;font-weight:800}.number-drag-value{display:inline-flex;align-items:center;justify-content:center;min-height:34px;width:100%;min-width:0;max-width:100%;padding:0 12px;border-radius:999px;background:#4f8cff14;color:#1f5fe0;font-size:13px;font-weight:860;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-control.is-value-compact .number-drag-value{font-size:12px}.number-control.is-value-tight .number-drag-value{font-size:11px;padding-inline:10px}.number-drag-head .number-drag-reset{grid-column:2 / 3;grid-row:1 / 3;align-self:center}.number-drag-head .number-drag-close{grid-column:3 / 4;grid-row:1 / 3;align-self:center}.number-drag-close{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:999px;font-size:16px;line-height:1}.number-drag-reset{min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(191,219,254,.98);background:linear-gradient(180deg,#eff6fffa,#dfebffe6);color:#245fd8;font-size:12px;font-weight:800}.number-drag-slider{width:100%;margin:2px 0 0;appearance:none;-webkit-appearance:none;height:34px;background:transparent;cursor:ew-resize}.number-drag-slider:focus-visible{outline:none}.number-drag-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#4f8cff38,#6ae3ff47)}.number-drag-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 6px 16px #4f8cff3d}.number-drag-slider::-moz-range-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#4f8cff38,#6ae3ff47)}.number-drag-slider::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 6px 16px #4f8cff3d}.tool-textarea{min-height:360px;resize:vertical;line-height:1.62}.small-textarea{min-height:160px}.code-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.sr-output{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.code-preview{min-height:360px;overflow:auto;border:1px solid #dbe4f0;border-radius:24px;background:linear-gradient(180deg,#fdfefe,#fff);box-shadow:inset 0 1px #fffffff2,0 12px 24px #0f172a09}.code-preview pre{min-height:360px;margin:0!important;padding:20px!important;background:#fff!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:14px;line-height:1.7}.code-preview code{font-family:inherit!important}.single-input{min-height:56px}.advanced{margin-top:14px}.advanced summary{cursor:pointer;font-weight:900;color:#334155;padding:12px 2px}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.field,.check{display:grid;gap:7px;color:#334155;font-weight:820;font-size:13px}.field.full{grid-column:1 / -1}.check{position:relative;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.check:hover,.check:focus-within{border-color:#4f8cff61;box-shadow:0 0 0 4px #4f8cff12;background:#fff}.check input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:22px;height:22px;margin:0;border:1.5px solid #bfd0e6;border-radius:8px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #0f172a0f;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.check input[type=checkbox]:after{content:"";width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) scale(.55);opacity:0;transition:opacity .16s var(--ease),transform .16s var(--ease)}.check input[type=checkbox]:checked{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 8px 18px #4f8cff2e}.check input[type=checkbox]:checked:after{opacity:1;transform:rotate(-45deg) scale(1)}.check input[type=checkbox]:focus-visible{outline:0;box-shadow:0 0 0 4px #4f8cff1f,0 8px 18px #4f8cff1c}.check input[type=checkbox]:active{transform:scale(.94)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.file-inline{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;overflow:hidden;margin-top:12px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);font-weight:850;background:linear-gradient(180deg,#ffffffe6,#f8fbffeb);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.file-inline:hover,.file-inline:focus-within,.file-inline.is-dragover{border-color:#4f8cff73;box-shadow:0 0 0 4px #4f8cff12;background:#fff}.file-dropzone{position:relative;min-height:72px;cursor:pointer}.file-inline>span{display:inline-flex;align-items:center;gap:8px;flex:1 1 240px;min-width:0;max-width:100%;overflow-wrap:anywhere}.file-inline>span:before{content:"↑";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;color:var(--blue);background:#eff6ff;font-weight:950}.file-inline input[type=file]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-name{margin-left:auto;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:var(--blue);padding:8px 11px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950}.file-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.file-modal[hidden]{display:none}.file-modal-backdrop{position:absolute;inset:0;background:#0f172a75;backdrop-filter:blur(10px)}.file-modal-dialog{position:relative;width:min(560px,calc(100vw - 28px));border:1px solid rgba(219,228,240,.96);border-radius:30px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.1),transparent 34%),#fffffff7;box-shadow:0 34px 90px #0f172a38;padding:24px;transform:translateY(10px) scale(.98);opacity:0;transition:transform .18s var(--ease),opacity .18s var(--ease)}.file-modal.is-open .file-modal-dialog{transform:translateY(0) scale(1);opacity:1}.file-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.file-modal-head h3{margin:0 0 8px;font-size:clamp(28px,4vw,36px);line-height:1;letter-spacing:-.05em}.file-modal-head p{margin:0;color:#64748b;line-height:1.65}.file-modal-dropzone{position:relative;min-height:280px;border:1.5px dashed #bfd0e6;border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(79,140,255,.1),transparent 30%),linear-gradient(180deg,#fff,#f8fbff);display:grid;place-items:center;gap:10px;text-align:center;padding:28px;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),transform .16s var(--ease);outline:none}.file-modal-dropzone:hover,.file-modal-dropzone:focus-visible,.file-modal-dropzone.is-dragover{border-color:#4f8cff7a;box-shadow:0 0 0 5px #4f8cff14,0 16px 36px #0f172a14;background:radial-gradient(circle at 50% 0%,rgba(79,140,255,.16),transparent 34%),linear-gradient(180deg,#fff,#f1f7ff);transform:translateY(-1px)}.file-modal-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;color:var(--blue);background:#eff6ff;box-shadow:inset 0 1px #fffffff2,0 14px 30px #4f8cff21;font-size:30px;font-weight:900}.file-modal-dropzone strong{color:#0f172a;font-size:22px;letter-spacing:-.03em}.file-modal-dropzone span{color:#64748b;line-height:1.65}.file-modal-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-modal-meta{display:flex;justify-content:center;margin-top:14px}.file-modal-meta span{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:var(--blue);padding:10px 14px;font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-stat{min-width:0;display:grid;gap:7px;align-content:start;padding:16px 16px 14px;border:1px solid #e2e8f0;border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.06),transparent 34%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px #fffffff2,0 10px 22px #0f172a0a}.workspace-stat strong{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;line-break:anywhere;hyphens:auto;font-size:clamp(18px,2vw,26px);line-height:1.12}.workspace-stat.is-long-value strong{font-size:clamp(15px,1.35vw,20px);line-height:1.28;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.02em}.workspace-stat span{color:#475569;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.workspace-stat small{display:block;margin-top:2px;color:#94a3b8;font-size:11px;font-weight:850}.metric-note{margin:12px 0;color:var(--muted);line-height:1.55;font-size:13px}.metric-note.is-error{color:#b91c1c}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:20px;background:radial-gradient(circle at 0% 0%,rgba(106,227,255,.06),transparent 26%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #fffffff5,0 10px 24px #0f172a09}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}th{color:#475569;background:linear-gradient(180deg,#f8fbff,#f2f7fd);font-weight:950;letter-spacing:.04em;text-transform:uppercase;font-size:11px}tbody tr:hover td{background:#eff6ff8f}.result-callout{min-height:128px;display:grid;place-items:center;text-align:center;border:1px solid #dbeafe;border-radius:26px;background:radial-gradient(circle at 10% 0%,rgba(79,140,255,.12),transparent 34%),radial-gradient(circle at 100% 100%,rgba(106,227,255,.12),transparent 34%),linear-gradient(135deg,#eff6ff,#f8fffd);color:#0f172a;font-size:28px;font-weight:900;overflow-wrap:anywhere;padding:22px;box-shadow:inset 0 1px #fffffff5,0 14px 30px #0f172a0d}.result-hero,.timestamp-highlight{display:grid;gap:10px;min-width:0;padding:18px 20px;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f0fdfa);box-shadow:inset 0 1px #fffffff2}.result-badge,.timestamp-badge{width:fit-content;border-radius:999px;padding:7px 10px;background:#ffffffd1;color:#2e6ff5;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.result-hero strong,.timestamp-highlight strong{font-size:clamp(24px,3vw,34px);line-height:1.14;letter-spacing:-.04em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.result-hero span,.timestamp-highlight span{color:#475569;line-height:1.55;max-width:100%;overflow-wrap:anywhere}.result-grid,.timestamp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.result-frame{overflow:auto;min-height:170px;max-height:420px;padding:16px 18px;border:1px solid #dbe4f0;border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.05),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #fffffff5,0 10px 20px #0f172a09}.result-frame.is-mono,.result-text.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.65;color:#0f172a}.result-empty{color:var(--muted)}.result-list{display:grid;gap:10px}.result-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(203,213,225,.86);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.05),transparent 32%),linear-gradient(180deg,#fffffff5,#f7faffe6);font-size:13px;line-height:1.6;color:#0f172a;overflow-wrap:anywhere;box-shadow:inset 0 1px #fffffff5,0 10px 22px #0f172a09;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.result-list-item:hover{border-color:#4f8cff47;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 32%),linear-gradient(180deg,#fff,#f4f9ff);transform:translateY(-1px);box-shadow:inset 0 1px #fffffffa,0 14px 28px #0f172a0d}.result-surface>.result-list{gap:10px}.result-surface .result-list-item{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.04),transparent 30%),linear-gradient(180deg,#fffffff5,#f8fbffeb)}.result-list-item>strong,.result-list-item>code,.result-list-item>.result-list-value{min-width:0;overflow-wrap:anywhere;word-break:break-word;color:#12213c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:-.01em}.result-list-item>span,.result-list-item>small,.result-list-item>.result-list-meta{justify-self:end;align-self:center;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:#eff6fff5;color:#3562c8;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.lookup-result-hero,.cidr-result-hero{margin-bottom:2px}.result-inline-meta{display:flex;flex-wrap:wrap;gap:8px}.result-inline-meta span{display:inline-flex;align-items:center;border:1px solid #dbe4f0;border-radius:999px;background:#fff;color:#475569;padding:7px 10px;font-size:12px;font-weight:850}.result-block{display:grid;gap:12px}.result-block.compact-block{margin-top:14px}.result-frame-title{color:#334155;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.result-surface{display:grid;gap:14px;padding:16px;border:1px solid #dbe4f0;border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.06),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #fffffff5,0 10px 20px #0f172a08}.lookup-table-surface{gap:12px}.lookup-tool-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)!important;align-items:start}.lookup-input-panel{position:sticky;top:24px;align-self:start}.lookup-summary-panel,.lookup-detail-panel,.lookup-layout-shell,.lookup-result-grid,.lookup-table-wrap{min-width:0}.lookup-summary-panel{min-height:100%}.lookup-detail-panel{grid-column:1 / -1}.lookup-layout-shell{display:grid;gap:16px}.lookup-result-hero{min-height:188px;justify-content:space-between}.lookup-result-hero strong{font-size:clamp(32px,3.2vw,44px);line-height:1;letter-spacing:-.05em}.lookup-result-hero span{max-width:44ch;line-height:1.6}.lookup-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lookup-detail-surface{gap:16px}.lookup-detail-surface .result-heading-row{align-items:center}.lookup-summary-bar{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid rgba(214,225,239,.88);border-radius:18px;background:linear-gradient(180deg,#f8fbfffa,#fffffffa)}.lookup-summary-bar span{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lookup-summary-bar strong{color:#14233e;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.lookup-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(203,213,225,.76);background:linear-gradient(180deg,#fffffffa,#f4f8fff0);color:#334155;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.lookup-list-wrap{display:grid;gap:12px}.lookup-result-list{display:grid;gap:14px}.lookup-result-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(248px,296px);gap:18px;padding:18px 20px;border:1px solid rgba(214,225,239,.94);border-radius:18px;background:linear-gradient(180deg,#fffffffe,#fbfdfffb),radial-gradient(circle at 100% 0%,rgba(79,140,255,.04),transparent 28%);box-shadow:0 12px 28px #94a3b814;align-items:start}.lookup-card-main{display:grid;gap:12px;min-width:0}.lookup-card-head{display:flex;align-items:flex-start;gap:14px}.lookup-card-title-stack{display:grid;gap:8px;min-width:0}.lookup-card-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lookup-card-title{color:#17304d;font-size:28px;font-weight:900;letter-spacing:-.045em;line-height:1.08;overflow-wrap:anywhere}.lookup-card-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(203,213,225,.82);background:#f8fafcf5;color:#46607e;font-size:11px;font-weight:900;letter-spacing:.03em;line-height:1.2}.lookup-card-subline{color:#6b7b92;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lookup-card-description{margin:0;color:#324863;font-size:14px;line-height:1.75;max-width:58ch}.lookup-card-description.is-compact{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lookup-card-description.is-compact span{color:#6b7b92;font-size:12px;font-weight:800}.lookup-card-description.is-compact strong{color:#17304d;font-size:14px;font-weight:900}.lookup-card-meta{display:grid;gap:9px;margin:0;padding-top:2px}.lookup-card-meta-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start}.lookup-card-meta-row dt{color:#73859d;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.lookup-card-meta-row dd{margin:0;color:#223551;font-size:14px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.lookup-card-copy-panel{display:grid;gap:12px;min-width:0;padding:12px;border:1px solid rgba(222,231,242,.96);border-radius:14px;background:linear-gradient(180deg,#f6fafff5,#f1f7ffeb)}.lookup-card-copy-title{color:#62748d;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lookup-card-actions{display:grid;gap:8px}.lookup-action-chip{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;width:100%;padding:10px 12px;text-align:left;border:1px solid rgba(194,208,230,.92);border-radius:12px;background:#ffffffdb;color:#28405f;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.lookup-action-chip:hover{transform:translateY(-1px);border-color:#4f8cff57;background:#fffffffa;color:#1447c1;box-shadow:0 8px 18px #4f8cff1a}.lookup-action-chip.is-primary{border-color:#84acffb8;background:linear-gradient(180deg,#fffffffa,#f4f9fff5)}.lookup-action-chip.is-secondary{border-color:#cbd5e1e0}.lookup-action-chip.is-format{background:linear-gradient(180deg,#f2f7fffa,#ecf4fff2)}.lookup-action-label{color:#5a6b84;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;flex:0 0 auto}.lookup-action-value{margin:0;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;text-align:right}.lookup-copy-hint{color:#64748b;font-size:11px;font-weight:800;line-height:1.45}.cidr-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:14px}.cidr-surface{min-width:0}.cidr-summary-bar+.cidr-summary-bar{margin-top:-4px}.cidr-binary-frame{min-width:0}.cidr-surface .timestamp-row strong,.cidr-summary-bar strong,.cidr-binary-frame .result-text{word-break:normal;overflow-wrap:anywhere;line-break:anywhere}.result-surface>.result-frame,.result-surface>.table-wrap{margin:0}.result-surface>.result-frame{min-height:0;box-shadow:none;background:#fffc}.result-surface>.table-wrap{box-shadow:none;background:#fffc}.result-surface>.result-list,.result-surface>.metric-note,.result-surface>.code-preview{margin:0}.result-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.result-heading-row .result-frame-title{margin:0}.result-heading-row>.tool-action{margin-left:auto}.result-link-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.result-link-cloud a,.directory-link-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe4f0;border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);color:#334155;padding:10px 13px;font-size:13px;font-weight:850;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.result-link-cloud a:hover,.directory-link-chip:hover{transform:translateY(-1px);color:var(--blue);border-color:#4f8cff4d;background:#eff6ff;box-shadow:0 10px 18px #0f172a0d}.directory-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.directory-link-grid a{width:100%}.home-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.home-directory-card{display:grid;gap:14px}.home-directory-card h3{margin:0;font-size:24px;letter-spacing:-.04em}.home-directory-card p{margin:0}.result-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quote-card{display:grid;gap:8px;padding:14px 16px;border:1px solid #dbe4f0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px #fffffff5,0 8px 16px #0f172a09}.quote-card.is-primary{border-color:#4f8cff59;background:linear-gradient(135deg,#eff6ff,#f0fdfa)}.quote-card strong{display:block;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.quote-card span,.quote-card small{color:#64748b;overflow-wrap:anywhere}.type-chip-list{display:flex;flex-wrap:wrap;gap:10px}.type-chip.is-active,.fx-chip.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 12px 24px #4f8cff2e}.chip-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.byte-table{display:grid;gap:8px}.byte-row{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(0,1fr) 140px;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#0f172a}.byte-offset{color:#4f8cff;font-weight:900}.byte-hex,.byte-ascii{overflow-wrap:anywhere}.claim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;z-index:100;border-radius:999px;background:#0f172a;color:#fff;padding:12px 18px;font-weight:900;box-shadow:0 18px 50px #0f172a42;transition:opacity .18s var(--ease),transform .18s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast:empty{display:none;padding:0;box-shadow:none}@media(max-width:980px){.tool-layout,.tool-layout.wide-tool{grid-template-columns:1fr}.workspace-header{flex-direction:column}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-split,.claim-grid,.byte-row{grid-template-columns:1fr}}@media(max-width:640px){.tool-workspace{padding:14px;border-radius:24px}.options-grid,.compact-options,.mode-grid,.workspace-stats{grid-template-columns:1fr}.panel-title,.file-inline{align-items:stretch;flex-direction:column}.quote-grid{grid-template-columns:1fr}.lookup-card-meta-row{grid-template-columns:1fr;gap:4px}.lookup-card-actions{flex-direction:column}.lookup-action-chip{padding:10px 11px}}.converter-shell{border:1px solid #dbe4f0;border-radius:30px;background:radial-gradient(circle at 10% 0%,rgba(79,140,255,.1),transparent 32%),radial-gradient(circle at 92% 2%,rgba(106,227,255,.12),transparent 30%),#ffffffbd;padding:16px;box-shadow:inset 0 1px #ffffffd9,0 18px 48px #0f172a0f}.converter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.segmented-control,.chip-group{display:inline-flex;gap:4px;border:1px solid #d8e4f2;border-radius:999px;background:#ffffffdb;padding:4px;box-shadow:0 8px 18px #0f172a0a}.segmented-control button,.chip-group button,.swap-button,.status-pill{border:0;border-radius:999px;padding:9px 14px;color:#475569;background:transparent;font-weight:900;transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.segmented-control button.is-active,.chip-group button.is-active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 9px 18px #4f8cff2e}.swap-button{border:1px solid #bfdbfe;color:var(--blue);background:#eff6ff}.swap-button:hover,.segmented-control button:hover,.chip-group button:hover{transform:translateY(-1px)}.status-pill{margin-left:auto;border:1px solid #a5f3fc;color:#0e7490;background:#ecfeff;cursor:default}.status-pill.is-error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.converter-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;gap:12px}.converter-panel{border:1px solid #e2e8f0;border-radius:26px;background:#ffffffeb;padding:18px;box-shadow:0 10px 26px #0f172a0b}.converter-panel.output-panel,.tool-panel.result-panel,.timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.09),transparent 34%),#fffffff0}.converter-panel .tool-textarea{min-height:330px}.converter-arrow{align-self:center;justify-self:center;display:grid;place-items:center;width:42px;height:42px;border-radius:16px;color:#fff;background:#0f172a;box-shadow:0 14px 32px #0f172a2e;font-weight:950}.textarea-label{display:block;margin:0 0 8px;color:#475569;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:950}.mini-options{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);gap:12px;align-items:stretch;margin-top:12px}.query-inspector{margin-top:14px}.query-inspector h3{margin:0 0 10px;font-size:15px;letter-spacing:-.015em}.query-inspector,#json-outline{margin-top:14px;padding-top:4px}.query-inspector h3,#json-outline h3{margin:0 0 10px;font-size:15px;letter-spacing:-.015em}.tool-ad-row{margin-top:18px}.adsense-slot{min-height:118px}.ad-section{padding-top:0}.ad-slot-wide{min-height:140px;width:100%}.ad-slot-sidebar{min-height:280px;margin-top:0}.ad-inline-card{margin-top:18px}.ad-pending{display:grid;place-items:center;gap:5px;text-align:center}.ad-pending span{color:#94a3b8;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.adsense-slot.is-auto{opacity:.82}.legal-page{margin-top:40px}.legal-hero,.legal-card{border:1px solid rgba(219,228,240,.92);border-radius:32px;background:#ffffffd6;box-shadow:var(--shadow-soft);padding:clamp(24px,5vw,52px)}.legal-hero h1{margin:0 0 14px;font-size:clamp(44px,6vw,72px);line-height:.95;letter-spacing:-.07em}.legal-hero p{max-width:780px;color:var(--muted);font-size:19px;line-height:1.7}.legal-card{margin-top:18px}.legal-card h2{margin:24px 0 8px;font-size:24px;letter-spacing:-.035em}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--muted);line-height:1.75}.legal-card a,.legal-hero a,.tool-seo-hero a{color:var(--blue);font-weight:900}.site-footer{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);align-items:start;gap:28px;color:var(--muted);padding:42px 4px 56px}.footer-brand-block{display:grid!important;gap:12px!important;align-items:start!important}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.footer-brand img{width:34px;height:34px;border-radius:12px}.footer-brand-block p{margin:0;line-height:1.65}.footer-columns{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px!important}.footer-columns div{display:grid;gap:9px}.footer-columns strong{color:var(--ink);margin-bottom:4px}.footer-columns a{color:#64748b;font-weight:760}.footer-columns a:hover{color:var(--blue)}.footer-bottom{grid-column:1 / -1;display:flex!important;justify-content:space-between;gap:18px;align-items:center!important;padding-top:18px;border-top:1px solid #e2e8f0;font-size:13px}@media(max-width:980px){.converter-grid{grid-template-columns:1fr}.converter-arrow{transform:rotate(90deg)}.status-pill{margin-left:0}.mini-options,.site-footer{grid-template-columns:1fr}.workflow-extension-head{flex-direction:column}}@media(max-width:640px){.converter-shell{padding:10px;border-radius:24px}.converter-panel{padding:14px;border-radius:22px}.converter-bar{align-items:stretch;flex-direction:column}.segmented-control,.chip-group{width:100%}.segmented-control button,.chip-group button{flex:1}.footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:start!important}.file-modal-dialog{padding:18px;border-radius:24px}.file-modal-head{flex-direction:column}.file-modal-dropzone{min-height:220px;padding:22px;border-radius:22px}.workflow-pill,.workflow-next-card{width:100%}}.tool-action,.mode-button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d7e3f2;background:linear-gradient(180deg,#fff,#f5f9ff);color:#34445c;box-shadow:inset 0 1px #fffffff2,0 7px 16px #0f172a0b}.tool-action:before,.mode-button:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(135deg,#4f8cff1f,#6ae3ff1f);transition:opacity .16s var(--ease)}.tool-action:hover:before,.mode-button:hover:before{opacity:1}.tool-action:hover,.mode-button:hover{transform:translateY(-1px);border-color:#4f8cff59;color:#2e6ff5;box-shadow:inset 0 1px #fffffff2,0 10px 22px #4f8cff17}.tool-action:active,.mode-button:active{transform:translateY(0) scale(.98)}.tool-action.primary,.mode-button.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 12px 24px #4f8cff2e}.tool-action.sample{color:#075985;border-color:#bae6fd;background:linear-gradient(180deg,#f0f9ff,#e0f2fe)}.tool-action.clear{color:#9f1239;border-color:#fecdd3;background:linear-gradient(180deg,#fff1f2,#ffe4e6)}.tool-action.copy{color:#2e6ff5;border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#dbeafe)}.tool-action.download,.tool-action.json,.tool-action.csv{color:#047857;border-color:#a7f3d0;background:linear-gradient(180deg,#ecfdf5,#d1fae5)}.tool-action.json{color:#6d28d9;border-color:#ddd6fe;background:linear-gradient(180deg,#f5f3ff,#ede9fe)}.tool-action.csv{color:#b45309;border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fef3c7)}.tool-action.swap{color:#0e7490;border-color:#a5f3fc;background:linear-gradient(180deg,#ecfeff,#cffafe)}.tool-action.primary:hover,.mode-button.is-active:hover{color:#fff}.tool-action.ghost{color:#2e6ff5;border-color:#cfe0ff;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px #fffffff2,0 6px 14px #0f172a09}.tool-action-icon{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:2px;font-size:0;line-height:0}.tool-action-icon:before{content:"";display:block;width:14px;height:14px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.tool-action-icon:not([aria-hidden]){speak:none}.tool-action-icon{color:currentColor}.tool-action-icon:not(:empty):before{opacity:.96}.tool-action-icon{overflow:hidden}.tool-action-icon:empty:before{display:none}.tool-action-icon{text-indent:-9999px}.tool-action-icon:before{-webkit-mask-image:var(--tool-action-mask);mask-image:var(--tool-action-mask)}[data-action=sample] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9zM19 16l.9 2.1L22 19l-2.1.9L19 22l-.9-2.1L16 19l2.1-.9zM5 16l.9 2.1L8 19l-2.1.9L5 22l-.9-2.1L2 19l2.1-.9z'/%3E%3C/svg%3E")}[data-action=now] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4a8 8 0 1 1 0 16 8 8 0 0 1 0-16m0-2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 5h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E")}[data-action=generate] .tool-action-icon,[data-action=generate-keys] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.4 6.1L21 10.5l-6.6 2.4L12 19.5l-2.4-6.6L3 10.5l6.6-2.4z'/%3E%3C/svg%3E")}[data-action=clear] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.71 12 12l6.3 6.29-1.41 1.41L10.59 13.4 4.29 19.7 2.88 18.29 9.17 12 2.88 5.71 4.29 4.29l6.3 6.3 6.29-6.3z'/%3E%3C/svg%3E")}[data-action=copy] .tool-action-icon,[data-action=copy-result] .tool-action-icon,[data-action=copy-input] .tool-action-icon,[data-action=copy-summary] .tool-action-icon,[data-action=copy-iso] .tool-action-icon,[data-action=copy-utc] .tool-action-icon,[data-action=copy-date] .tool-action-icon,[data-action=copy-time] .tool-action-icon,[data-action=copy-zone] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 1H4c-1.1 0-2 .9-2 2v12h2V3h12z'/%3E%3Cpath fill='black' d='M19 5H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z'/%3E%3C/svg%3E")}[data-action=download] .tool-action-icon,[data-action=download-text] .tool-action-icon,[data-action=download-file] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 20h14v-2H5zm7-18-5.5 5.5h3.5V16h4V7.5H17.5z'/%3E%3C/svg%3E")}[data-action=json] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 4c-1.1 0-2 .9-2 2v3c0 .6-.4 1-1 1v2c.6 0 1 .4 1 1v3c0 1.1.9 2 2 2h1v-2H8v-3c0-.8-.3-1.5-.8-2 .5-.5.8-1.2.8-2V6h1V4zm8 0h-1v2h1v3c0 .8.3 1.5.8 2-.5.5-.8 1.2-.8 2v3h-1v2h1c1.1 0 2-.9 2-2v-3c0-.6.4-1 1-1v-2c-.6 0-1-.4-1-1V6c0-1.1-.9-2-2-2'/%3E%3C/svg%3E")}[data-action=csv] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3zm2 2v2h4V7zm6 0v2h8V7zM5 11v2h4v-2zm6 0v2h8v-2zm-6 4v2h4v-2zm6 0v2h8v-2z'/%3E%3C/svg%3E")}[data-action=swap] .tool-action-icon{--tool-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7h11l-4-4 1.4-1.4L22.8 9l-7.4 7.4L14 15l4-4H7zm10 10H6l4 4-1.4 1.4L1.2 15l7.4-7.4L10 9l-4 4h11z'/%3E%3C/svg%3E")}.check{--control-accent: var(--blue);--control-accent-2: var(--mint);min-height:54px;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;border-color:#dce7f4;background:linear-gradient(180deg,#fffffff5,#f7fbffeb);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0f172a09}.check:after{content:"";width:8px;height:8px;border-radius:999px;background:#cbd5e1;box-shadow:0 0 0 4px #cbd5e12e;transition:background .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.check:hover,.check:focus-within{transform:translateY(-1px);border-color:#4f8cff57;box-shadow:0 0 0 4px #4f8cff12,0 12px 24px #0f172a0e;background:#fff}.check:has(input:checked){border-color:#4f8cff6b;background:radial-gradient(circle at 100% 0%,rgba(106,227,255,.14),transparent 36%),linear-gradient(180deg,#fff,#f2f8ff);box-shadow:0 0 0 4px #4f8cff13,0 12px 26px #4f8cff17}.check:has(input:checked):after{background:linear-gradient(135deg,var(--control-accent),var(--control-accent-2));box-shadow:0 0 0 4px #4f8cff1f,0 0 18px #6ae3ff3d;transform:scale(1.08)}.check span,.check{line-height:1.35}.check span{display:block;min-width:0}.check small{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}.check input[type=checkbox],.check input[type=radio]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:24px;height:24px;margin:0;border:1.5px solid #b8cce3;border-radius:9px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:inset 0 1px #fffffff2,0 5px 14px #0f172a12;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.check input[type=radio]{border-radius:999px}.check input[type=checkbox]:after,.check input[type=radio]:after{content:"";opacity:0;transition:opacity .16s var(--ease),transform .16s var(--ease)}.check input[type=checkbox]:after{width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) scale(.55)}.check input[type=radio]:after{width:10px;height:10px;border-radius:999px;background:#fff;transform:scale(.45)}.check input[type=checkbox]:checked,.check input[type=radio]:checked{border-color:transparent;background:linear-gradient(135deg,var(--control-accent),var(--control-accent-2));box-shadow:0 9px 18px #4f8cff2e}.check input[type=checkbox]:checked:after,.check input[type=radio]:checked:after{opacity:1;transform:rotate(-45deg) scale(1)}.check input[type=radio]:checked:after{transform:scale(1)}.check input[type=checkbox]:focus-visible,.check input[type=radio]:focus-visible{outline:0;box-shadow:0 0 0 4px #4f8cff1c,0 9px 18px #4f8cff2e}.check input[type=checkbox]:active,.check input[type=radio]:active{transform:scale(.94)}.timestamp-tool .converter-bar{align-items:center}.timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.09),transparent 34%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.1),transparent 32%),#ffffffeb}.timestamp-batch-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:4px}.timestamp-rows,.batch-result,.timestamp-mode-panels{display:grid;gap:10px;margin-top:14px}.timestamp-row,.batch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff)}.timestamp-row div,.batch-row{min-width:0}.timestamp-row div{display:grid;gap:5px}.timestamp-row span,.batch-row span{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.timestamp-row strong,.batch-row strong,.batch-row em{overflow-wrap:anywhere;line-height:1.5}.batch-row{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr);align-items:center}.batch-row em{font-style:normal;color:var(--blue);font-weight:900;text-align:right}.batch-row.is-error{border-color:#fecaca;background:linear-gradient(180deg,#fff7f7,#fff1f2)}.batch-row.is-error em{color:#b91c1c}.timestamp-empty{display:grid;place-items:center;gap:8px;min-height:240px;text-align:center;border:1px dashed #cbd5e1;border-radius:24px;background:#ffffffb8;color:var(--muted);padding:24px}.timestamp-empty strong{color:var(--ink);font-size:22px;letter-spacing:-.03em}.timestamp-empty p{margin:0;max-width:34ch;line-height:1.65}.sitemap-page .legal-hero a{color:var(--blue);font-weight:900}.sitemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.link-list{display:grid;gap:10px;margin-top:18px}.link-list a{display:inline-flex;align-items:center;width:fit-content;color:#2e6ff5;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-weight:850}.link-list a:hover{background:#dbeafe;transform:translateY(-1px)}.two-lang-links div{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:8px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}.two-lang-links strong{color:var(--ink);letter-spacing:-.02em}@media(max-width:780px){.sitemap-grid{grid-template-columns:1fr}.two-lang-links div{grid-template-columns:1fr;align-items:start}.batch-row{grid-template-columns:1fr}}.image-tool-shell{background:radial-gradient(circle at 12% 0%,rgba(79,140,255,.12),transparent 34%),radial-gradient(circle at 92% 4%,rgba(106,227,255,.14),transparent 30%),#ffffffc7}.image-control-grid{margin-top:14px;align-items:end}.image-control-grid input[type=range]{width:100%}.image-meta-note{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:14px;padding:14px 16px;border:1px solid #dbe4f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbff);color:#475569}.image-meta-note strong{color:var(--blue);font-size:18px;letter-spacing:-.03em}.image-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.image-preview-card{display:grid;gap:12px}.image-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.image-preview-head strong{color:var(--ink);font-size:16px}.image-preview-head span{color:var(--muted);font-size:13px;font-weight:800}.image-checker{position:relative;min-height:280px;overflow:hidden;border:1px solid #dbe4f0;border-radius:24px;background:linear-gradient(45deg,#eef4fb 25%,transparent 25%) -12px 0 / 24px 24px,linear-gradient(-45deg,#eef4fb 25%,transparent 25%) -12px 0 / 24px 24px,linear-gradient(45deg,transparent 75%,#eef4fb 75%) -12px 0 / 24px 24px,linear-gradient(-45deg,transparent 75%,#eef4fb 75%) -12px 0 / 24px 24px,#fff;display:grid;place-items:center}.image-checker img{width:100%;height:100%;object-fit:contain;display:block;max-height:420px}@media(max-width:980px){.image-compare-grid{grid-template-columns:1fr}}@media(max-width:980px){.timestamp-batch-summary,.timestamp-grid{grid-template-columns:1fr}}@media(max-width:640px){.tool-card-actions,.timestamp-row{flex-direction:column;align-items:stretch}}.site-header .brand span,.site-footer .footer-brand strong{letter-spacing:-.05em}.hero-copy{max-width:700px}.hero-metrics strong{letter-spacing:-.04em}.section-heading h2,.content-card h2,.legal-hero h1,.tool-seo-hero h1{letter-spacing:-.045em}.content-card,.tool-workspace,.legal-card,.related-card,.category-card,.tool-card{box-shadow:0 10px 28px #0f172a0b}.tool-card:after,.category-card:after{opacity:.65}.privacy-badge,.demo-chip,.status-badge,.rich-preview{border:1px solid rgba(219,228,240,.9);border-radius:20px;padding:18px 20px;background:linear-gradient(180deg,#fffffff2,#f8fafce6);color:#0f172a;line-height:1.7}.rich-preview h1,.rich-preview h2,.rich-preview h3{margin:0 0 14px;letter-spacing:-.03em}.rich-preview p{margin:0 0 14px;color:#334155}.rich-preview ul,.rich-preview ol{margin:0 0 14px 20px;color:#334155}.compact-stack{gap:10px}.result-inline-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(219,228,240,.9);border-radius:18px;background:#ffffffe6}.result-inline-card strong{display:block}.result-inline-card span{color:var(--muted);font-size:13px}.result-inline-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.document-grid{display:grid;gap:18px}@media(max-width:900px){.result-inline-card{flex-direction:column;align-items:flex-start}.result-inline-actions{width:100%;justify-content:flex-start}}:root{--page-max: 1440px;--ui-radius-xl: 24px;--ui-radius-lg: 18px;--ui-radius-md: 14px;--ui-shadow-light: 0 10px 28px rgba(15, 23, 42, .06);--ui-shadow-dark: 0 18px 40px rgba(0, 0, 0, .25);--accent-blue: #3b82f6;--accent-cyan: #56d2ff;--tone-red: linear-gradient(180deg, #ff8a7a, #ff5f5f);--tone-green: linear-gradient(180deg, #59d28b, #27b46e);--tone-blue: linear-gradient(180deg, #5ea8ff, #3478ff);--tone-purple: linear-gradient(180deg, #9f7bff, #7a4dff);--tone-teal: linear-gradient(180deg, #67d9e8, #43bdd4)}html[data-theme=light]{--app-bg: #f6f8fc;--app-bg-soft: #ffffff;--panel-bg: rgba(255,255,255,.84);--panel-bg-strong: #ffffff;--panel-border: rgba(217, 226, 240, .95);--text-strong: #121a2b;--text-main: #24324a;--text-soft: #5d6b84;--chip-bg: #f3f6fb;--chip-border: #e3e9f4;--hero-glow: radial-gradient(circle at 50% 30%, rgba(59,130,246,.16), transparent 42%)}html[data-theme=dark]{--app-bg: #07111f;--app-bg-soft: #0c1728;--panel-bg: rgba(11, 22, 38, .82);--panel-bg-strong: rgba(12, 24, 42, .96);--panel-border: rgba(80, 104, 140, .28);--text-strong: #f6f9ff;--text-main: #d8e2f0;--text-soft: #8fa0b8;--chip-bg: rgba(255,255,255,.05);--chip-border: rgba(255,255,255,.08);--hero-glow: radial-gradient(circle at 50% 30%, rgba(59,130,246,.18), transparent 48%)}html[data-theme=dark] body,html[data-theme=light] body{background:radial-gradient(circle at 12% 0%,rgba(79,140,255,.1),transparent 22%),radial-gradient(circle at 88% 8%,rgba(106,227,255,.08),transparent 20%),var(--app-bg);color:var(--text-main)}html[data-theme=dark] .shell-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}.site-header,.site-footer{width:min(var(--page-max),calc(100vw - 32px))}.site-header{position:sticky;top:12px;z-index:40;margin-top:12px;padding:12px 16px;border-radius:20px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--ui-shadow-light);backdrop-filter:blur(18px)}html[data-theme=dark] .site-header{box-shadow:var(--ui-shadow-dark)}.brand{font-size:20px;color:var(--text-strong)}.brand img{width:34px;height:34px;border-radius:10px}.desktop-nav{gap:28px;font-size:13px;color:var(--text-main)}.desktop-nav>a,.nav-trigger{color:var(--text-main);font-weight:700}.desktop-nav>a:hover,.nav-trigger:hover{color:var(--text-strong)}.nav-trigger{background:transparent;border:0;box-shadow:none;padding:0}.nav-trigger svg{width:14px;height:14px}.header-actions{gap:10px;margin-left:auto}.locale-switch,.theme-toggle,.bookmark-button,.marketing-search-button,.primary-link,.secondary-link,.text-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text-main);min-height:38px;padding:0 14px;font-weight:700;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.locale-switch.compact{min-height:34px;padding-inline:12px;font-size:13px}.locale-switch .globe,.theme-toggle .theme-icon,.bookmark-icon{width:16px;height:16px;background:none}.locale-switch .globe svg,.theme-toggle svg,.bookmark-icon svg,.marketing-search-button svg,.tool-favorite svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.theme-toggle{width:38px;padding:0;position:relative}.theme-toggle .theme-moon,.theme-toggle .theme-system{display:none}.theme-toggle:not([data-theme-mode]) .theme-moon{display:none}html[data-theme=dark] .theme-toggle:not([data-theme-mode]) .theme-sun{display:none}html[data-theme=dark] .theme-toggle:not([data-theme-mode]) .theme-moon{display:inline-flex}.theme-toggle[data-theme-mode=dark] .theme-sun,.theme-toggle[data-theme-mode=system] .theme-sun,.theme-toggle[data-theme-mode=system] .theme-moon{display:none}.theme-toggle[data-theme-mode=dark] .theme-moon,.theme-toggle[data-theme-mode=system] .theme-system{display:inline-flex}.bookmark-button{min-width:104px}.primary-link{background:linear-gradient(180deg,#4f8cff,#2f73ff);color:#fff;border-color:transparent;box-shadow:0 12px 28px #3b82f647}.secondary-link,.subtle-link{color:var(--text-strong)}.text-link-button{background:transparent;padding:0;min-height:auto;border:0}.locale-switch:hover,.theme-toggle:hover,.bookmark-button:hover,.marketing-search-button:hover,.primary-link:hover,.secondary-link:hover,.text-link-button:hover,.tool-action:hover,.tool-link:hover,.directory-link-chip:hover,.link-list a:hover,.result-link-cloud a:hover{transform:translateY(-1px);border-color:#4f8cff61;color:var(--text-strong)}.dropdown-menu,.combo-menu,.number-drag-card,.file-modal-dialog{border:1px solid var(--panel-border);background:var(--panel-bg-strong);box-shadow:var(--ui-shadow-dark)}.menu-copy{background:linear-gradient(180deg,#3b82f629,#56d2ff1a);color:var(--text-strong)}.menu-copy p,.menu-item small,.filter-menu button,.combo-empty{color:var(--text-soft)}.menu-item,.filter-menu button,.combo-menu button{border-radius:14px}.menu-item:hover,.filter-menu button:hover,.combo-menu button:hover,.combo-menu button.is-highlight,.filter-menu button.is-active{background:#4f8cff1a;color:var(--text-strong)}html[data-theme=dark] .menu-item{background:linear-gradient(180deg,#141f31fa,#101827f5);color:#dce8ff;border:1px solid rgba(47,76,121,.6);box-shadow:0 10px 24px #0208173d}html[data-theme=dark] .menu-item strong{color:#eef4ff}html[data-theme=dark] .menu-item small{color:#93a9cf}html[data-theme=dark] .menu-icon{background:linear-gradient(180deg,#1e375ef5,#162844fa);color:#8dd6ff;box-shadow:inset 0 0 0 1px #60a5fa2e}html[data-theme=dark] .menu-item:hover{background:linear-gradient(180deg,#1e2f4bfa,#162339fa);color:#f7fbff;border-color:#5580c2c7}.marketing-page,.directory-modern-page,.tool-modern-page{padding:22px 0 40px}.marketing-hero,.directory-modern-hero,.tool-modern-hero,.stats-strip,.promo-slab,.newsletter-card,.tool-modern-info-grid>.content-card,.tool-modern-sidebar .content-card,.directory-modern-sidebar .sidebar-card,.tool-seo-hero,.content-card,.tool-workspace,.tool-panel,.category-card,.tool-card,.directory-card,.related-card{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--ui-shadow-light)}html[data-theme=dark] .marketing-hero,html[data-theme=dark] .directory-modern-hero,html[data-theme=dark] .tool-modern-hero,html[data-theme=dark] .stats-strip,html[data-theme=dark] .promo-slab,html[data-theme=dark] .newsletter-card,html[data-theme=dark] .tool-modern-info-grid>.content-card,html[data-theme=dark] .tool-modern-sidebar .content-card,html[data-theme=dark] .directory-modern-sidebar .sidebar-card,html[data-theme=dark] .tool-seo-hero,html[data-theme=dark] .content-card,html[data-theme=dark] .tool-workspace,html[data-theme=dark] .tool-panel,html[data-theme=dark] .category-card,html[data-theme=dark] .tool-card,html[data-theme=dark] .directory-card,html[data-theme=dark] .related-card{box-shadow:var(--ui-shadow-dark)}.marketing-hero,.tool-modern-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;padding:34px;border-radius:26px;overflow:hidden;position:relative}.marketing-hero:before,.tool-modern-hero:before{content:"";position:absolute;inset:0;background:var(--hero-glow);pointer-events:none}.marketing-hero-copy,.tool-modern-copy{position:relative;z-index:1}.marketing-hero h1,.directory-modern-hero h1,.tool-modern-hero h1,.tool-seo-hero h1,.legal-hero h1{margin:18px 0 14px;color:var(--text-strong);font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.06em}.marketing-hero p,.directory-modern-hero p,.tool-modern-hero p,.tool-seo-hero p,.section-heading p,.content-card p,.legal-card p,.related-card-head p,.directory-card-head p,.tool-card p,.category-card small{color:var(--text-soft)}.marketing-hero p{max-width:560px;font-size:18px;line-height:1.7}.marketing-search-shell,.directory-search-wrap{max-width:720px;margin-top:22px}.search-wrap{height:48px;border-radius:14px;border:1px solid var(--panel-border);background:#ffffffa8;box-shadow:none}html[data-theme=dark] .search-wrap{border-color:#7890b424;background:#0d1420}html[data-theme=dark] .marketing-search-shell.search-wrap:before,html[data-theme=dark] .directory-search-wrap.search-wrap:before,html[data-theme=dark] .search-wrap:before{display:none}.search-wrap svg{stroke:var(--text-soft)}.search-wrap input,.tool-textarea,.single-input,.field input,.field select,.field textarea,.newsletter-form input{color:var(--text-strong);background:transparent}html[data-theme=dark] input[type=search],html[data-theme=dark] .search-wrap input,html[data-theme=dark] .marketing-search-shell input,html[data-theme=dark] .directory-search-wrap input,html[data-theme=dark] .single-input{box-shadow:none;background-image:none;background-color:transparent;border-top-color:#7890b41f}.search-wrap input::placeholder,.tool-textarea::placeholder,.single-input::placeholder,.newsletter-form input::placeholder{color:var(--text-soft)}.search-wrap kbd{background:transparent;color:var(--text-soft);border-color:var(--panel-border)}.marketing-search-button{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;background:linear-gradient(180deg,#4f8cff,#2f73ff);border-color:transparent;color:#fff}.search-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}.search-chips span{color:var(--text-soft)}.search-chips a,.tool-meta span,.directory-link-chip,.result-link-cloud a,.link-list a,.landing-feature-link,.workflow-pill,.workflow-next-card,.tool-link,.seo-tags span,.status-pill,.demo-chip,.demo-link-hint,.privacy-chip,.sidebar-link b,.modern-tab{border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text-main)}.search-chips a,.tool-meta span,.directory-link-chip,.result-link-cloud a,.link-list a,.tool-link,.seo-tags span,.demo-chip,.demo-link-hint,.privacy-chip{padding:6px 10px;font-size:12px;font-weight:700}.marketing-hero-visual{position:relative;min-height:360px;display:grid;place-items:center}.hero-orbit{position:absolute;inset:34px 54px;border-radius:50%;border:1px solid rgba(79,140,255,.12);box-shadow:inset 0 0 60px #4f8cff1a}.hero-center-mark{position:absolute;width:148px;height:148px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(180deg,#4f8cff2e,#4f8cff0f);box-shadow:0 20px 48px #3b82f62e,inset 0 0 30px #56d2ff2e}.hero-center-mark:after{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(255,255,255,.16)}.hero-center-mark img{width:58px;height:58px}.hero-tool-card{position:absolute;width:108px;height:124px;border-radius:18px;border:1px solid rgba(79,140,255,.22);display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;backdrop-filter:blur(10px);box-shadow:0 18px 36px #0f172a29}.hero-tool-card.pdf{top:48px;left:70px;background:linear-gradient(180deg,#ff7a5ab8,#ff5c5c59)}.hero-tool-card.img{bottom:56px;left:86px;background:linear-gradient(180deg,#3fdb85b8,#27b46e59)}.hero-tool-card.json{top:36px;right:82px;background:linear-gradient(180deg,#5ea8ffb8,#3478ff59)}.hero-tool-card.txt{bottom:62px;right:72px;background:linear-gradient(180deg,#9f7bffb8,#7a4dff59)}.stats-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:18px 8px;border-radius:18px}.stats-strip>div{display:grid;place-items:center;gap:6px;padding:8px 10px;border-right:1px solid var(--panel-border)}.stats-strip>div:last-child{border-right:0}.stats-strip strong,.workspace-stat strong,.result-grid strong{color:var(--accent-blue);font-size:24px;letter-spacing:-.04em}.stats-strip span,.workspace-stat span,.result-grid span{color:var(--text-soft);font-size:12px}.marketing-section{margin-top:24px}.marketing-heading h2,.directory-modern-hero h1,.tool-modern-info-grid .content-card h2,.newsletter-card h2,.sidebar-card strong,.tool-modern-sidebar h2,.content-card h2,.tool-card h3,.category-card strong,.directory-card h2,.related-card h3,.related-tool-row strong{color:var(--text-strong)}.marketing-heading h2,.content-card h2,.tool-detail-grid>.content-card h2{font-size:32px;letter-spacing:-.05em}.marketing-heading p{margin:6px 0 0}.marketing-card-grid.five-up{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.marketing-tool-card,.modern-tool-card,.marketing-category-card,.sidebar-card,.newsletter-card,.promo-slab{border-radius:18px}.marketing-tool-card,.modern-tool-card{padding:18px;min-height:210px;text-align:left;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.marketing-tool-card:hover,.modern-tool-card:hover,.marketing-category-card:hover,.sidebar-card:hover,.content-card:hover,.directory-card:hover,.related-card:hover{transform:translateY(-2px);border-color:#4f8cff3d}.marketing-tool-icon,.sidebar-link-icon,.detail-visual-icon,.promo-grid-item{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 1px #ffffff2e}.marketing-tool-icon svg,.sidebar-link-icon svg,.detail-visual-icon svg,.promo-grid-item svg,.tool-icon svg,.workflow-pill-icon svg,.menu-icon svg{width:20px;height:20px}.tone-1{background:var(--tone-red)}.tone-2{background:var(--tone-green)}.tone-3{background:var(--tone-blue)}.tone-4{background:var(--tone-purple)}.tone-5{background:var(--tone-teal)}.tool-favorite{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-soft);border-radius:999px;position:relative;z-index:3;pointer-events:auto;transition:transform .18s var(--ease),color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.tool-favorite:hover{color:var(--blue);background:#4f8cff14;transform:translateY(-1px)}.tool-favorite.is-active{color:var(--blue);background:#4f8cff24;box-shadow:inset 0 0 0 1px #4f8cff2e}.tool-favorite.is-active svg{fill:currentColor}.modern-tool-head,.related-tool-row,.sidebar-head,.sidebar-link,.marketing-category-card,.tool-modern-layout,.tool-modern-info-grid,.newsletter-form,.newsletter-points,.footer-bottom,.footer-brand,.footer-columns a{display:flex}.modern-tool-head{align-items:center;justify-content:space-between;margin-bottom:18px}.marketing-tool-card h3,.modern-tool-card h3{margin:0 0 8px;font-size:28px;letter-spacing:-.04em}.marketing-tool-card p,.modern-tool-card p{min-height:54px;margin:0 0 16px;font-size:14px;line-height:1.6}.marketing-category-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.marketing-category-card{align-items:center;gap:14px;padding:18px;border:1px solid var(--panel-border);background:var(--panel-bg)}.marketing-category-card div{display:grid;gap:4px}.marketing-category-card strong{font-size:16px}.marketing-category-card small{color:var(--text-soft)}.promo-slab{display:grid;grid-template-columns:minmax(0,.96fr) minmax(320px,1.04fr);gap:18px;padding:26px}.promo-copy h2{margin:0 0 12px;font-size:38px;letter-spacing:-.05em;color:var(--text-strong)}.promo-copy p{margin:0 0 18px;max-width:480px}.promo-visual{min-height:250px;border-radius:18px;position:relative;background:linear-gradient(180deg,#4f8cff0f,#4f8cff05);overflow:hidden}.promo-window{position:absolute;top:20px;left:24px;display:flex;gap:6px}.promo-window span{width:8px;height:8px;border-radius:999px;background:#8fa0b899}.promo-grid{position:absolute;inset:54px 30px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.promo-grid-item{margin:auto;width:54px;height:54px}.directory-modern-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:22px}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:12px}.breadcrumbs a{color:var(--text-soft)}.breadcrumbs a:hover{color:var(--text-strong)}.directory-modern-hero h1{font-size:48px;margin:12px 0 8px}.directory-modern-hero p{margin:0}.directory-modern-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.modern-tab{min-height:34px;padding:0 14px;font-size:12px;font-weight:700}.modern-tab.is-active{background:linear-gradient(180deg,#4f8cff,#2f73ff);color:#fff;border-color:transparent}.directory-modern-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.directory-modern-sidebar{display:grid;gap:14px}.sidebar-card{padding:18px}.sidebar-head{align-items:center;justify-content:space-between;margin-bottom:14px}.sidebar-group{display:grid;gap:12px}.sidebar-group>span{color:var(--text-soft);font-size:12px;font-weight:800;text-transform:uppercase}.sidebar-link-list{display:grid;gap:8px}.sidebar-link{width:100%;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text-main);text-align:left}.sidebar-link.is-active,.sidebar-link:hover{background:#4f8cff14;border-color:#4f8cff29}.sidebar-link b{margin-left:auto;padding:3px 8px;font-size:11px}.directory-modern-content{min-width:0}.modern-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.newsletter-card{margin-top:18px;padding:24px;flex-direction:column;gap:18px}.newsletter-form{gap:10px}.newsletter-form input{flex:1;min-height:42px;padding:0 14px;border:1px solid var(--panel-border);border-radius:12px;background:#fff9}html[data-theme=dark] .newsletter-form input{background:#ffffff08}.newsletter-form button{min-width:110px;border-radius:12px;border:0;background:linear-gradient(180deg,#4f8cff,#2f73ff);color:#fff;font-weight:800}.newsletter-points{gap:26px;flex-wrap:wrap}.newsletter-points div{display:grid;gap:4px}.newsletter-points strong{color:var(--text-strong)}.newsletter-points span{color:var(--text-soft);font-size:12px}.tool-modern-hero{align-items:center;min-height:220px}.tool-modern-visual{display:grid;place-items:center}.detail-visual-card{width:180px;height:180px;border-radius:34px;border:1px solid rgba(79,140,255,.22);display:grid;place-items:center;background:linear-gradient(180deg,#4f8cff2e,#56d2ff14);box-shadow:0 24px 54px #3b82f633}.detail-visual-card strong{color:#6fd7ff;font-size:20px;letter-spacing:.06em}.detail-visual-icon{width:86px;height:86px;border-radius:26px;background:linear-gradient(180deg,#56d2ff42,#3b82f62e)}.detail-visual-icon svg{width:36px;height:36px;color:#7de4ff}.tool-modern-layout{gap:18px;align-items:start;margin-top:18px}.tool-modern-main{flex:1 1 auto;min-width:0}.tool-modern-sidebar{width:330px;display:grid;gap:14px;flex:0 0 330px}.sticky-card{position:sticky;top:88px}.sticky-card+.sticky-card{top:360px}.modern-workspace{margin-top:0;border-radius:22px;padding:20px}.tool-modern-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.related-tool-list{display:grid;gap:10px;margin-top:12px}.related-tool-row{align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--panel-border)}.related-tool-row:last-child{border-bottom:0;padding-bottom:0}.related-tool-row strong{display:block;margin-bottom:4px}.related-tool-row small{color:var(--text-soft);line-height:1.5}.tool-seo-hero,.content-card,.tool-workspace,.tool-panel,.category-card,.tool-card,.directory-card,.related-card,.sidebar-card,.newsletter-card,.promo-slab,.stats-strip{border-radius:22px}.content-card,.tool-panel,.tool-workspace{padding:24px}.tool-workspace{background:linear-gradient(180deg,#ffffffb8,#ffffffe6)}html[data-theme=dark] .tool-workspace{background:linear-gradient(180deg,#0a121fbd,#0a121feb)}.workspace-header h2,.panel-title strong,.workspace-empty h2,.result-heading-row,.result-frame-title{color:var(--text-strong)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.tool-layout.wide-tool{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr)}.tool-panel{background:#ffffff6b}html[data-theme=dark] .tool-panel{background:#ffffff05}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.workspace-header,.tool-modern-info-grid .content-card,.sidebar-card{color:var(--text-main)}.tool-action,.mode-button,.filter-trigger,.combo-select,.number-control,.file-inline,.field select,.field input,.field textarea,.tool-textarea,.single-input,.check,.workspace-stat,.result-surface,.timestamp-row,.batch-row,.timestamp-empty,.workflow-next-card{border-color:var(--panel-border);background:#ffffff94}html[data-theme=dark] .tool-action,html[data-theme=dark] .mode-button,html[data-theme=dark] .filter-trigger,html[data-theme=dark] .combo-select,html[data-theme=dark] .number-control,html[data-theme=dark] .file-inline,html[data-theme=dark] .field select,html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .tool-textarea,html[data-theme=dark] .single-input,html[data-theme=dark] .check,html[data-theme=dark] .workspace-stat,html[data-theme=dark] .result-surface,html[data-theme=dark] .timestamp-row,html[data-theme=dark] .batch-row,html[data-theme=dark] .timestamp-empty,html[data-theme=dark] .workflow-next-card{background:#ffffff08}.tool-action,.mode-button,.filter-trigger,.check,.directory-link-chip,.result-link-cloud a,.link-list a,.tool-link,.workflow-pill{min-height:38px;border-radius:12px}.tool-textarea,.single-input,.field input,.field select,.field textarea{border-radius:14px;min-height:46px}.code-textarea{font-family:Consolas,SFMono-Regular,monospace}.tool-action.primary,.mode-button.is-active,.workflow-pill.is-current{background:linear-gradient(180deg,#4f8cff,#2f73ff);color:#fff;border-color:transparent}.status-pill,.privacy-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 10px}.workspace-stat,.result-surface,.timestamp-empty,.batch-row,.timestamp-row,.workflow-next-card{border:1px solid var(--panel-border);border-radius:16px}.result-grid,.timestamp-batch-summary{gap:12px}.site-footer{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:24px;padding:28px 4px 40px}.footer-brand-block p,.footer-columns a,.footer-bottom span:last-child{color:var(--text-soft)}.footer-brand strong,.footer-columns strong,.footer-bottom span:first-child{color:var(--text-strong)}.footer-columns{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}.footer-columns div{display:grid;gap:8px}.footer-bottom{grid-column:1 / -1;justify-content:space-between;align-items:center;border-top:1px solid var(--panel-border);padding-top:18px}@media(max-width:1240px){.marketing-card-grid.five-up,.marketing-category-row,.modern-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1080px){.marketing-hero,.tool-modern-hero,.promo-slab,.directory-modern-layout,.tool-modern-layout,.tool-modern-info-grid,.tool-layout,.tool-layout.wide-tool,.content-grid{grid-template-columns:1fr}.tool-modern-layout,.directory-modern-layout{display:grid}.tool-modern-sidebar{width:auto;flex:auto}.sticky-card,.sticky-card+.sticky-card{position:static}}@media(max-width:900px){.marketing-card-grid.five-up,.marketing-category-row,.modern-tool-grid,.footer-columns,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{flex-wrap:wrap}.desktop-nav{order:3;width:100%;overflow-x:auto;padding-top:4px}}@media(max-width:640px){.site-header,.site-footer{width:min(100vw - 20px,var(--page-max))}.marketing-hero,.tool-modern-hero,.directory-modern-hero,.promo-slab,.newsletter-card,.content-card,.tool-workspace,.tool-panel,.sidebar-card{padding:18px}.marketing-hero h1,.directory-modern-hero h1,.tool-modern-hero h1,.tool-seo-hero h1{font-size:38px}.stats-strip,.marketing-card-grid.five-up,.marketing-category-row,.modern-tool-grid,.footer-columns{grid-template-columns:1fr}.header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.newsletter-form,.footer-bottom{flex-direction:column;align-items:stretch}}.tool-modern-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px}.tool-modern-main{display:grid;gap:18px}.modern-workspace{position:relative;overflow:hidden}.modern-workspace:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.06),transparent 32%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.07),transparent 26%);pointer-events:none}html[data-theme=dark] .modern-workspace:before{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.06),transparent 28%)}.modern-workspace>*{position:relative;z-index:1}.workflow-extension{margin-top:0;padding:22px;border:1px solid var(--panel-border);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 36%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.08),transparent 32%),var(--panel-bg);box-shadow:var(--ui-shadow-light)}html[data-theme=dark] .workflow-extension{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 36%),radial-gradient(circle at 0% 100%,rgba(106,227,255,.06),transparent 32%),#0a121feb;box-shadow:var(--ui-shadow-dark)}.workflow-extension-head h3{color:var(--text-strong);font-size:20px;line-height:1.2}.workflow-extension-head p{color:var(--text-soft)}.workflow-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.workflow-arrow{color:var(--text-soft)}.workflow-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.workflow-next-card{align-content:start;min-height:100%;padding:16px;border-radius:18px;background:#ffffffb8;box-shadow:none}html[data-theme=dark] .workflow-next-card{background:#ffffff0a}.workflow-next-card p,.workflow-next-head span{color:var(--text-soft)}.workflow-next-head strong{color:var(--text-strong)}.tool-panel.result-panel,.timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.06),transparent 28%),linear-gradient(180deg,#ffffffe6,#ffffffc7)}html[data-theme=dark] .tool-panel.result-panel,html[data-theme=dark] .timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 30%),linear-gradient(180deg,#ffffff08,#ffffff05)}.result-surface,.result-frame,.table-wrap,.code-preview{color:var(--text-main)}html[data-theme=dark] .workflow-pill:not(.is-current){background:#ffffff0a;color:var(--text-main);border-color:var(--panel-border)}html[data-theme=dark] .workflow-pill-icon{background:#4f8cff1f;color:#8edfff}html[data-theme=dark] .result-surface,html[data-theme=dark] .result-surface>.result-frame,html[data-theme=dark] .result-surface>.table-wrap,html[data-theme=dark] .code-preview{background:#ffffff08}@media(max-width:1180px){.workflow-next-grid{grid-template-columns:1fr}}@media(max-width:1080px){.tool-modern-layout{grid-template-columns:1fr}}.site-header{background:linear-gradient(180deg,#ffffffe0,#ffffffbd),radial-gradient(circle at 12% 0%,rgba(79,140,255,.1),transparent 28%)}html[data-theme=dark] .site-header{background:linear-gradient(180deg,#080f1cd1,#080f1cad),radial-gradient(circle at 14% 0%,rgba(79,140,255,.14),transparent 28%);border-color:#7c9cc729}.marketing-hero,.directory-modern-hero,.tool-modern-hero{background:linear-gradient(180deg,#ffffffeb,#ffffffd6),radial-gradient(circle at 0% 0%,rgba(79,140,255,.12),transparent 24%),radial-gradient(circle at 100% 12%,rgba(106,227,255,.1),transparent 24%)}html[data-theme=dark] .marketing-hero,html[data-theme=dark] .directory-modern-hero,html[data-theme=dark] .tool-modern-hero{background:linear-gradient(180deg,#070e1af0,#070e1ae0),radial-gradient(circle at 0% 0%,rgba(79,140,255,.16),transparent 26%),radial-gradient(circle at 100% 12%,rgba(106,227,255,.08),transparent 24%);border-color:#7c9cc729}.marketing-hero,.directory-modern-hero,.tool-modern-hero,.promo-slab,.newsletter-card,.content-card,.tool-workspace,.tool-panel,.sidebar-card,.workflow-extension,.marketing-tool-card,.modern-tool-card,.marketing-category-card,.stats-strip{backdrop-filter:blur(20px)}.marketing-hero-copy h1,.directory-modern-hero h1,.tool-modern-copy h1{max-width:14ch}.marketing-hero-copy p,.tool-modern-copy p,.directory-modern-hero p{max-width:620px}.marketing-search-shell.search-wrap,.directory-search-wrap.search-wrap{height:58px;border-radius:18px;padding-inline:16px 10px;background:linear-gradient(180deg,#fffffff5,#f8fbffd6);box-shadow:inset 0 1px #fffffff5,0 16px 30px #0f172a0f}html[data-theme=dark] .marketing-search-shell.search-wrap,html[data-theme=dark] .directory-search-wrap.search-wrap{border-color:#7890b424;background:#0d1420;box-shadow:0 16px 34px #0000003d}.marketing-search-button{box-shadow:0 10px 24px #4f8cff38}.stats-strip{padding:8px;gap:8px}html[data-theme=dark] .stats-strip,html[data-theme=dark] .pattern-stats-strip,html[data-theme=dark] .shared-marketing-page .stats-strip{border-color:#7890b424;background:#0b121c;box-shadow:0 18px 38px #00000038}.stats-strip>div{padding:20px 18px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(255,255,255,.52)}html[data-theme=dark] .stats-strip>div{border-color:#7890b41a;background:#121b28;box-shadow:0 12px 24px #00000024}.marketing-tool-card,.modern-tool-card,.marketing-category-card,.sidebar-card{transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.marketing-tool-card:hover,.modern-tool-card:hover,.marketing-category-card:hover,.sidebar-card:hover{transform:translateY(-3px);border-color:#4f8cff3d}.marketing-tool-card,.modern-tool-card{padding:22px;min-height:220px;background:linear-gradient(180deg,#ffffffd6,#ffffffb3),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 30%)}html[data-theme=dark] .marketing-tool-card,html[data-theme=dark] .modern-tool-card{background:linear-gradient(180deg,#ffffff09,#ffffff05),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 30%)}.marketing-tool-card h3,.modern-tool-card h3{font-size:22px;line-height:1.06;min-height:46px}.marketing-tool-card p,.modern-tool-card p{min-height:68px}.directory-modern-tabs{padding:4px;border:1px solid var(--panel-border);border-radius:18px;background:#ffffff8f;box-shadow:inset 0 1px #ffffffe6}html[data-theme=dark] .directory-modern-tabs{background:#ffffff05;box-shadow:inset 0 1px #ffffff0a}.modern-tab{min-height:42px;padding:0 14px}.modern-tab.is-active{background:linear-gradient(180deg,#4f8cff,#2f73ff);color:#fff;border-color:transparent;box-shadow:0 12px 24px #4f8cff2e}.directory-modern-sidebar .sidebar-card{background:linear-gradient(180deg,#ffffffd6,#ffffffbd),radial-gradient(circle at 100% 0%,rgba(79,140,255,.06),transparent 34%)}html[data-theme=dark] .directory-modern-sidebar .sidebar-card{background:linear-gradient(180deg,#ffffff08,#ffffff05),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 34%)}.tool-modern-layout{gap:20px}.modern-workspace{border-radius:28px;padding:28px;background:linear-gradient(180deg,#ffffffe6,#ffffffc7),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 28%)}html[data-theme=dark] .modern-workspace{background:linear-gradient(180deg,#08101cf0,#08101cdb),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 30%)}.workspace-header{gap:20px;margin-bottom:22px}.workspace-header h2{font-size:clamp(28px,3vw,38px);line-height:1.02}.workspace-header p{max-width:740px;color:var(--text-soft)}.tool-panel{border-radius:22px;padding:22px;background:linear-gradient(180deg,#ffffffc2,#ffffff9e)}html[data-theme=dark] .tool-panel{background:linear-gradient(180deg,#ffffff08,#ffffff04);border-color:#7c9cc724}.panel-title{align-items:center;margin-bottom:18px}.panel-title>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-action,.mode-button,.filter-trigger,.combo-select,.number-control,.file-inline,.field select,.field input,.field textarea,.tool-textarea,.single-input,.check,.workspace-stat,.result-surface,.timestamp-row,.batch-row,.timestamp-empty,.workflow-next-card,.status-pill,.privacy-chip{backdrop-filter:blur(14px)}.tool-textarea,.single-input,.field input,.field select,.field textarea,.combo-select,.number-control{border-radius:16px;border-color:#c3d1e5e0;background:linear-gradient(180deg,#fffffff5,#f7fbffd6);box-shadow:inset 0 1px #fffffff5,0 10px 18px #0f172a0a}html[data-theme=dark] .tool-textarea,html[data-theme=dark] .single-input,html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .combo-select,html[data-theme=dark] .number-control{border-color:#7c9cc72e;background:linear-gradient(180deg,#ffffff0b,#ffffff05);box-shadow:inset 0 1px #ffffff0d,0 10px 20px #0000002e}.combo-menu,.number-drag-card,.file-modal-dialog{border-color:#c8d6ebe0;background:linear-gradient(180deg,#fffffffa,#fafcfff0)}html[data-theme=dark] .combo-menu,html[data-theme=dark] .number-drag-card,html[data-theme=dark] .file-modal-dialog{border-color:#7c9cc72e;background:linear-gradient(180deg,#0a121ffa,#08101cf5);box-shadow:0 22px 48px #00000059}html[data-theme=dark] .combo-menu{background:#0d1624}html[data-theme=dark] .number-drag-popover{background:#0308119e}.check{border-color:#c8d6ebe6;background:linear-gradient(180deg,#fffffff2,#f8fbffd6)}html[data-theme=dark] .check{border-color:#7c9cc729;background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.check input[type=radio]{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:999px;border:1.5px solid #bfd0e6;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #0f172a0f;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}html[data-theme=dark] .check input[type=radio]{border-color:#8fa0b86b;background:linear-gradient(180deg,#ffffff0d,#ffffff06);box-shadow:inset 0 1px #ffffff0a,0 6px 16px #0000002e}.check input[type=radio]:after{content:"";display:block;width:10px;height:10px;margin:4px;border-radius:999px;background:#fff;transform:scale(.45);opacity:0;transition:transform .16s var(--ease),opacity .16s var(--ease)}.check input[type=radio]:checked{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--mint));box-shadow:0 8px 18px #4f8cff2e}.check input[type=radio]:checked:after{opacity:1;transform:scale(1)}.segmented-control,.chip-group{padding:4px;border-radius:16px;background:#ffffff8f;box-shadow:inset 0 1px #ffffffeb}html[data-theme=dark] .segmented-control,html[data-theme=dark] .chip-group{background:#ffffff06;box-shadow:inset 0 1px #ffffff0d}.segmented-control button,.chip-group button{min-height:40px;border-radius:12px;font-weight:700}.segmented-control button.is-active,.chip-group button.is-active{box-shadow:0 10px 24px #4f8cff2e}.status-pill,.privacy-chip{min-height:34px;padding-inline:12px;font-weight:700}.workspace-stat,.result-surface,.result-frame,.table-wrap,.timestamp-empty,.batch-row,.timestamp-row{background:linear-gradient(180deg,#ffffffdb,#ffffffb3)}html[data-theme=dark] .workspace-stat,html[data-theme=dark] .result-surface,html[data-theme=dark] .result-frame,html[data-theme=dark] .table-wrap,html[data-theme=dark] .timestamp-empty,html[data-theme=dark] .batch-row,html[data-theme=dark] .timestamp-row{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.result-hero,.timestamp-highlight{border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 30%),linear-gradient(180deg,#ffffffeb,#f6faffdb);border:1px solid rgba(200,214,235,.88);box-shadow:0 12px 24px #0f172a0d}html[data-theme=dark] .result-hero,html[data-theme=dark] .timestamp-highlight{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 34%),linear-gradient(180deg,#ffffff0d,#ffffff06);border-color:#7c9cc72e;box-shadow:0 14px 28px #00000038}.result-grid{margin-top:14px}.workspace-stat{padding:16px}.metric-note{color:var(--text-soft)}.code-preview{min-height:360px;border-radius:18px;overflow:hidden}.code-preview pre,.code-preview :where(pre){min-height:360px;margin:0!important;padding:20px!important;background:transparent!important}.code-preview .shiki,.code-preview .fallback-code{margin:0!important;min-height:360px;border-radius:18px;background:transparent!important}html[data-theme=dark] .code-preview .shiki,html[data-theme=dark] .code-preview .fallback-code{color:#d8e2f0!important}.table-wrap table{width:100%}.table-wrap thead th{position:sticky;top:0;background:#fffffff0}html[data-theme=dark] .table-wrap thead th{background:#0a121ff5}.workflow-extension-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.workflow-next-head{display:flex;gap:12px;align-items:center}.workflow-next-card p{margin:12px 0 0;line-height:1.6}@media(max-width:900px){.workflow-extension-head{flex-direction:column}}.converter-shell{border-color:var(--panel-border);background:radial-gradient(circle at 10% 0%,rgba(79,140,255,.08),transparent 28%),radial-gradient(circle at 92% 2%,rgba(106,227,255,.08),transparent 24%),linear-gradient(180deg,#ffffffb3,#ffffff8f);box-shadow:inset 0 1px #ffffffeb,0 22px 44px #0f172a0f}html[data-theme=dark] .converter-shell{background:radial-gradient(circle at 10% 0%,rgba(79,140,255,.1),transparent 30%),radial-gradient(circle at 92% 2%,rgba(106,227,255,.06),transparent 24%),linear-gradient(180deg,#ffffff08,#ffffff04);box-shadow:inset 0 1px #ffffff0d,0 22px 44px #00000038}.converter-bar{margin-bottom:16px}.converter-grid{align-items:stretch}.converter-panel{border-radius:22px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffffc7,#ffffffa3)}html[data-theme=dark] .converter-panel{background:linear-gradient(180deg,#ffffff08,#ffffff04)}.converter-panel.output-panel,.timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 28%),linear-gradient(180deg,#ffffffe0,#ffffffb8)}html[data-theme=dark] .converter-panel.output-panel,html[data-theme=dark] .timestamp-shell{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 30%),linear-gradient(180deg,#ffffff0a,#ffffff05)}.swap-button{min-height:40px;padding-inline:14px;border-radius:12px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#fffffff0,#f7fbffd6);color:var(--text-main);font-weight:700}html[data-theme=dark] .swap-button{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.swap-button:hover{border-color:#4f8cff52;color:var(--text-strong)}.converter-arrow{width:52px;height:52px;border-radius:16px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffffeb,#f7fbffd1);color:var(--accent-blue);box-shadow:0 12px 22px #0f172a0f}html[data-theme=dark] .converter-arrow{background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:0 12px 24px #0003}.result-stack{display:grid;gap:14px}.result-text{overflow-wrap:anywhere}.result-frame.is-mono .result-list{gap:10px}.result-list-item{border-radius:12px}@media(max-width:640px){.result-list-item{grid-template-columns:1fr;align-items:start}.result-list-item>span,.result-list-item>small,.result-list-item>.result-list-meta{justify-self:start;white-space:normal}}.regex-highlight mark{border-radius:8px;padding:2px 3px;background:#4f8cff29;color:inherit;box-shadow:inset 0 0 0 1px #4f8cff2e}html[data-theme=dark] .regex-highlight mark{background:#4f8cff3d;box-shadow:inset 0 0 0 1px #6ae3ff38}html[data-theme=dark] .result-list-item{border-color:#7c9cc733;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 34%),linear-gradient(180deg,#101827e6,#0b121fe0);color:#e6eefb;box-shadow:inset 0 1px #ffffff08,0 14px 28px #0000002e}html[data-theme=dark] .result-list-item:hover{border-color:#6ae3ff42;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.16),transparent 34%),linear-gradient(180deg,#121d31f5,#0b121feb)}html[data-theme=dark] .result-list-item>strong,html[data-theme=dark] .result-list-item>code,html[data-theme=dark] .result-list-item>.result-list-value{color:#f8fbff}html[data-theme=dark] .result-list-item>span,html[data-theme=dark] .result-list-item>small,html[data-theme=dark] .result-list-item>.result-list-meta{border-color:#4f8cff42;background:#4f8cff24;color:#9fc2ff}.mini-options{display:grid;gap:12px;margin-top:12px}.result-inline-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch;padding:12px 14px;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff8f}html[data-theme=dark] .result-inline-meta{background:#ffffff08}.result-inline-meta>span,.result-inline-meta>strong{display:flex;align-items:flex-start;min-height:100%;padding:10px 12px;border-radius:12px;background:#ffffffb8;border:1px solid rgba(203,213,225,.72);color:#334155;line-height:1.55}html[data-theme=dark] .result-inline-meta>span,html[data-theme=dark] .result-inline-meta>strong{background:#ffffff0a;border-color:#7c9cc729;color:#d8e6fb}.lookup-table-surface .result-inline-meta{display:flex;padding:0;border:0;background:transparent}.lookup-table-surface .result-inline-meta>span,.lookup-table-surface .result-inline-meta>strong{min-height:auto}.compact-code-preview,.compact-code-preview .shiki,.compact-code-preview .fallback-code,.compact-code-preview pre,.compact-code-preview :where(pre){min-height:0!important}.compact-code-preview .shiki,.compact-code-preview .fallback-code,.compact-code-preview pre,.compact-code-preview :where(pre){padding:18px!important}.query-inspector .table-wrap,.type-chip-list,.image-preview-card,.file-inline,.result-block,.quote-card{border-radius:18px}.image-preview-card .image-checker{min-height:280px;border-radius:16px;border:1px dashed rgba(79,140,255,.18);background:linear-gradient(180deg,#fff9,#ffffff6b)}html[data-theme=dark] .image-preview-card .image-checker{background:linear-gradient(180deg,#ffffff06,#ffffff03);border-color:#6ae3ff1f}.image-preview-card img{border-radius:14px;box-shadow:0 18px 32px #0f172a1a}html[data-theme=dark] .image-preview-card img{box-shadow:0 18px 32px #00000042}.type-chip-list{gap:10px}.type-chip.tool-action.ghost{min-height:38px;border-radius:12px;background:#ffffffb8}html[data-theme=dark] .type-chip.tool-action.ghost{background:#ffffff0a}.type-chip.tool-action.ghost.is-active{border-color:#4f8cff5c;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff14);color:var(--accent-blue)}.result-split>.result-block>.result-frame-title{margin-bottom:10px}.result-surface .result-frame+.result-frame,.result-surface .code-preview+.result-frame,.result-surface .result-frame+.code-preview{margin-top:12px}.diff-board{display:grid;gap:12px}.diff-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:stretch;padding:14px;border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffffc7,#ffffff9e)}html[data-theme=dark] .diff-row{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.diff-row.diff-add{border-color:#22c55e47}.diff-row.diff-remove{border-color:#f43f5e3d}.diff-row.diff-change{border-color:#4f8cff47}.diff-cell{display:grid;gap:6px;min-width:0}.diff-cell span,.diff-row em{color:var(--text-soft);font-style:normal;font-size:12px;letter-spacing:.02em}.diff-cell strong{overflow-wrap:anywhere;color:var(--text-main)}@media(max-width:760px){.diff-row{grid-template-columns:1fr}}.sidebar-group p{margin:0;color:var(--text-soft);line-height:1.7}.newsletter-card .directory-link-grid{margin-top:8px}.newsletter-card .directory-link-chip{justify-content:center}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.emoji-card{display:grid;gap:8px;padding:16px;text-align:left;border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,#ffffffdb,#ffffffa8);box-shadow:0 10px 20px #0f172a0d;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.emoji-card:hover{transform:translateY(-2px);border-color:#4f8cff57;box-shadow:0 14px 26px #0f172a14}.emoji-card span{font-size:32px;line-height:1}.emoji-card strong{overflow-wrap:anywhere}.emoji-card small{color:var(--text-soft)}.keyboard-focus{display:grid;gap:8px;padding:18px;border-radius:20px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffffe0,#f7fbffb8);box-shadow:inset 0 1px #fffffff2;outline:none}.keyboard-focus:focus{border-color:#4f8cff6b;box-shadow:0 0 0 4px #4f8cff14}.keyboard-focus p{margin:0;color:var(--text-soft)}.keyboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px;margin-top:14px}.keycap{min-height:48px;border-radius:14px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffffe6,#f7fbffc2);color:var(--text-main);font-weight:800;box-shadow:0 10px 18px #0f172a0b;transition:transform .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease),background .14s var(--ease)}.keycap.is-active,.keycap:hover{transform:translateY(-1px);color:var(--accent-blue);border-color:#4f8cff5c;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff14)}.sitemap-page .content-card{gap:14px}html[data-theme=dark] .emoji-card,html[data-theme=dark] .keyboard-focus,html[data-theme=dark] .keycap{background:linear-gradient(180deg,#ffffff0d,#ffffff06);box-shadow:0 12px 22px #00000038}html[data-theme=dark] .emoji-card small,html[data-theme=dark] .keyboard-focus p{color:var(--text-soft)}:root{--page-max: 1380px;--page-gap: clamp(18px, 2vw, 28px);--panel-radius: 28px;--panel-radius-lg: 34px;--panel-shadow-soft-2: 0 16px 42px rgba(15, 23, 42, .06);--panel-shadow-hover-2: 0 22px 54px rgba(15, 23, 42, .085)}.site-header,.site-footer{width:min(var(--page-max),calc(100vw - 40px))}.marketing-page,.directory-modern-page,.tool-modern-page,.directory-page,.legal-page{margin-top:28px;display:grid;gap:var(--page-gap)}.marketing-page .marketing-section,.directory-page section,.tool-modern-page section,.legal-page section,.directory-modern-page section{margin-top:0}.marketing-hero,.directory-modern-hero,.tool-modern-hero,.tool-seo-hero,.legal-hero,.promo-slab,.stats-strip,.newsletter-card,.content-card,.tool-workspace,.tool-panel,.sidebar-card,.marketing-tool-card,.modern-tool-card,.tool-card,.category-card,.directory-card,.related-card,.tool-modern-sidebar .content-card,.directory-modern-sidebar .sidebar-card,.directory-modern-tabs{border-radius:var(--panel-radius-lg);box-shadow:var(--panel-shadow-soft-2)}.marketing-hero,.directory-modern-hero,.tool-modern-hero,.tool-seo-hero,.legal-hero,.promo-slab,.tool-workspace,.tool-panel,.content-card,.newsletter-card,.sidebar-card{position:relative;overflow:hidden}.marketing-hero:before,.directory-modern-hero:before,.tool-modern-hero:before,.tool-seo-hero:before,.legal-hero:before,.promo-slab:before,.tool-workspace:before,.tool-panel:before,.content-card:before,.newsletter-card:before,.sidebar-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(79,140,255,.07),transparent 28%),radial-gradient(circle at 100% 0%,rgba(106,227,255,.08),transparent 24%)}.marketing-hero,.directory-modern-hero,.tool-modern-hero{padding:clamp(24px,4vw,34px)}.page-badge,.section-kicker,.menu-kicker,.result-badge,.timestamp-badge{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(79,140,255,.14);background:linear-gradient(180deg,#eff6fff2,#fffffff5);color:#4f72da;box-shadow:inset 0 1px #fffffff5}.marketing-hero h1,.directory-modern-hero h1,.tool-modern-hero h1,.tool-seo-hero h1,.legal-hero h1{max-width:10ch;margin-bottom:14px;letter-spacing:-.07em}.marketing-hero p,.directory-modern-hero p,.tool-modern-hero p,.tool-seo-hero p,.legal-hero p{max-width:720px;color:#5e708b}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:14px;gap:14px}.stats-strip>div{border-radius:24px;padding:18px 20px;box-shadow:inset 0 1px #fffffff2}.marketing-card-grid.five-up{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.marketing-tool-card,.modern-tool-card,.tool-card,.directory-card,.related-card,.category-card,.sidebar-card,.newsletter-card{transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease)}.marketing-tool-card:hover,.modern-tool-card:hover,.tool-card:hover,.directory-card:hover,.related-card:hover,.category-card:hover,.sidebar-card:hover,.newsletter-card:hover{transform:translateY(-4px);box-shadow:var(--panel-shadow-hover-2)}.marketing-tool-card,.modern-tool-card{min-height:238px;padding:22px}.marketing-tool-card h3,.modern-tool-card h3,.tool-card h3,.directory-card h2,.related-card h2,.related-card h3,.sidebar-card h2,.newsletter-card h2,.content-card h2{color:#10203a}.marketing-tool-card p,.modern-tool-card p,.tool-card p,.directory-card p,.related-card p,.content-card p,.sidebar-card p,.newsletter-card p{color:#61738f}.tool-meta span,.tool-modern-layout,.directory-modern-layout{align-items:start;gap:22px}.tool-modern-main,.directory-modern-content,.tool-modern-sidebar,.directory-modern-sidebar{min-width:0}.tool-workspace{margin-top:0;padding:20px}.workspace-header{align-items:flex-start;margin-bottom:18px}.workspace-header h2{font-size:clamp(30px,3vw,42px);line-height:1.02}.tool-layout,.tool-layout.wide-tool{gap:18px}.tool-panel,.timestamp-shell,.converter-panel{padding:18px;border-radius:var(--panel-radius)}.panel-title{margin-bottom:14px}.panel-title strong{font-size:18px;letter-spacing:-.02em;color:#12213b}.panel-title>div{gap:10px}.tool-action,.mode-button,.segmented-control button,.chip-group button,.swap-button,.bookmark-button,.theme-toggle{min-height:40px;border-radius:14px}.tool-action{padding:9px 12px}.tool-action.sample{color:#1d6fd8;border-color:#cfe0ff;background:linear-gradient(180deg,#eef5ff,#f8fbff)}.tool-action.clear{color:#d8456b;border-color:#ffd5e0;background:linear-gradient(180deg,#fff3f6,#fff9fb)}.tool-action.copy,.tool-action.json,.tool-action.csv,.tool-action.download{color:#4c6ad8;border-color:#dbe5ff;background:linear-gradient(180deg,#fbfcff,#f2f6ff)}.tool-action.json{color:#6c4fe0}.tool-action.csv{color:#d48a19}.tool-textarea,.single-input,.field input,.field select,.field textarea,.combo-select,.number-control,.file-inline,.result-frame,.result-surface,.table-wrap,.code-preview,.check,.workflow-next-card,.workflow-extension,.timestamp-row,.batch-row{border-radius:20px}.tool-textarea,.single-input,.field input,.field select,.field textarea{min-height:52px}.tool-textarea{min-height:320px;padding:16px 18px}.small-textarea{min-height:168px}.check{min-height:54px;align-items:center}.check span{line-height:1.45}.file-inline{min-height:64px;border-style:dashed}.workspace-stats,.result-grid,.timestamp-grid,.timestamp-batch-summary,.claim-grid{gap:12px}.workspace-stat{padding:16px;border-radius:20px;box-shadow:inset 0 1px #fffffff5,0 8px 18px #0f172a0a}.workspace-stat strong{font-size:clamp(24px,2.1vw,32px);line-height:1.05;color:#205fe7}.workspace-stat span{text-transform:none;letter-spacing:0;font-size:13px}.result-hero,.timestamp-highlight{padding:18px 20px;border-radius:22px}.result-hero strong,.timestamp-highlight strong{color:#14233e;font-size:clamp(28px,3vw,40px)}.result-surface{padding:16px}.timestamp-row,.batch-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;box-shadow:inset 0 1px #fffffff5}.timestamp-row>div,.batch-row>div{min-width:0}.timestamp-row strong,.batch-row strong,.batch-row em{overflow-wrap:anywhere}.tool-modern-sidebar .content-card,.directory-modern-sidebar .sidebar-card{position:sticky;top:94px}.directory-modern-sidebar{display:grid;gap:18px}.sidebar-card,.newsletter-card,.legal-card,.content-card{padding:22px}.directory-modern-tabs{padding:8px}.ad-slot{height:auto;min-height:132px}html[data-theme=dark] .marketing-hero,html[data-theme=dark] .directory-modern-hero,html[data-theme=dark] .tool-modern-hero,html[data-theme=dark] .tool-seo-hero,html[data-theme=dark] .legal-hero,html[data-theme=dark] .promo-slab,html[data-theme=dark] .stats-strip,html[data-theme=dark] .newsletter-card,html[data-theme=dark] .content-card,html[data-theme=dark] .tool-workspace,html[data-theme=dark] .tool-panel,html[data-theme=dark] .sidebar-card,html[data-theme=dark] .marketing-tool-card,html[data-theme=dark] .modern-tool-card,html[data-theme=dark] .tool-card,html[data-theme=dark] .category-card,html[data-theme=dark] .directory-card,html[data-theme=dark] .related-card,html[data-theme=dark] .directory-modern-tabs{box-shadow:0 18px 48px #00000047}html[data-theme=dark] .workspace-stat strong,html[data-theme=dark] .result-hero strong,html[data-theme=dark] .timestamp-highlight strong{color:#f7fbff}@media(max-width:1180px){.marketing-card-grid.five-up{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.tool-modern-sidebar .content-card,.directory-modern-sidebar .sidebar-card{position:static}}@media(max-width:720px){.marketing-card-grid.five-up,.stats-strip{grid-template-columns:1fr}.marketing-hero,.directory-modern-hero,.tool-modern-hero,.tool-seo-hero,.legal-hero,.content-card,.tool-panel,.sidebar-card,.newsletter-card{border-radius:24px}}.shared-page{margin-bottom:34px}.shared-page .tool-seo-hero,.shared-page .legal-hero{padding:clamp(30px,4.6vw,46px)}.shared-page .content-card,.shared-page .legal-card{border-radius:30px}.legal-summary-grid,.directory-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.summary-mini-card{min-height:100%;align-content:start}.summary-mini-card h2{margin:0;font-size:clamp(24px,2vw,30px)}.summary-mini-card p{margin:0}.shared-section-block{margin-top:20px}.featured-directory-card{position:relative}.featured-directory-card:after{content:"";position:absolute;inset:auto 18px 18px auto;width:68px;height:68px;border-radius:20px;background:radial-gradient(circle at 35% 35%,rgba(106,227,255,.3),rgba(79,140,255,.08) 58%,transparent 72%);pointer-events:none}.refined-related-card{gap:16px}.detail-overview-card{display:grid;gap:14px}.detail-overview-card h2{max-width:16ch}.legal-layout-grid{align-items:start}.legal-main-card{min-height:100%}.legal-side-stack{display:grid;gap:18px}.legal-side-card h2{margin-bottom:8px}.compact-links{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-refined-page .summary-mini-card h2{font-size:clamp(22px,1.8vw,28px)}.sitemap-summary-grid{margin-top:20px}.sitemap-intro-grid{align-items:start}.sitemap-jump-card{display:grid;align-content:start}.sitemap-primary-grid,.sitemap-content-grid,.sitemap-extra-card{margin-top:20px}.sitemap-extra-card .directory-link-grid{margin-top:16px}.stacked-links a{width:100%;justify-content:space-between}.workflow-card-grid{align-items:start}.workflow-flow-card{min-height:100%}.refined-workflow-chain{padding:14px;border:1px solid rgba(220,228,241,.86);border-radius:24px;background:linear-gradient(180deg,#ffffffd1,#f5f9ffeb)}.guides-page .directory-card h2,.topics-page .directory-card h2{max-width:14ch}.directory-page .tool-seo-hero,.directory-page .legal-hero,.sitemap-page .legal-hero{padding:clamp(28px,4vw,42px)}.directory-page .directory-grid,.directory-page .content-grid,.sitemap-grid{gap:20px}.directory-page .directory-grid.single-column{gap:16px}.directory-page .content-card,.sitemap-page .content-card,.legal-page .legal-card{min-height:100%}.directory-card-head,.related-card-head{align-items:flex-start}.directory-card-head .menu-icon,.related-card-head .tool-icon{flex:0 0 auto}.directory-card-head>div,.related-card-head>div{min-width:0}.directory-card-head h2,.related-card-head h2,.related-card-head h3{margin-bottom:10px;line-height:1.08}.directory-page .feature-list,.directory-page .step-list,.legal-card ul{display:grid;gap:8px;margin-top:14px}.directory-page .feature-list li,.directory-page .step-list li,.legal-card li{color:#61738f}.link-list a{min-height:48px;align-items:center;border-radius:16px;box-shadow:inset 0 1px #fffffff5,0 8px 18px #0f172a09}.link-list a:hover{box-shadow:0 12px 24px #0f172a0f}.two-lang-links{gap:12px}.two-lang-links div{padding:14px 16px;border:1px solid rgba(220,228,241,.92);border-radius:20px;background:linear-gradient(180deg,#fffffff2,#f8fbffeb);box-shadow:inset 0 1px #fffffff5,0 8px 18px #0f172a08}.two-lang-links strong{display:block;margin-bottom:8px}.two-lang-links a{min-height:38px}.sitemap-page .sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sitemap-page .content-card h2,.directory-page .content-card h2,.legal-page .legal-card h2{font-size:clamp(28px,2.6vw,36px)}.sitemap-page .content-card>h2,.legal-page .legal-card>h2{font-size:24px}.legal-card{display:grid;gap:0}.legal-card h2{margin-top:22px}.legal-card p+h2{margin-top:26px}.contact-card p,.legal-card p{max-width:78ch}.contact-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 22px}.contact-email-grid a{display:grid;gap:5px;min-width:0;padding:15px;border:1px solid rgba(200,214,235,.86);border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#f7fbffc2);color:inherit;text-decoration:none;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.contact-email-grid a:hover,.contact-email-grid a:focus-visible{transform:translateY(-1px);border-color:#4f8cff57;box-shadow:0 14px 28px #0f172a12;outline:0}.contact-email-grid span{color:var(--text-soft);font-size:12px;font-weight:900}.contact-email-grid strong{min-width:0;color:var(--accent-blue);overflow-wrap:anywhere}html[data-theme=dark] .contact-email-grid a{border-color:#7c9cc72e;background:linear-gradient(180deg,#ffffff0e,#ffffff06)}@media(max-width:640px){.contact-email-grid{grid-template-columns:1fr}}.sitemap-page .directory-link-grid{margin-top:14px}.sitemap-page .directory-link-chip{justify-content:center}.directory-page .directory-link-grid,.directory-page .directory-link-cloud{margin-top:14px}.directory-page .directory-link-chip{min-height:42px}.directory-page .related-section .directory-grid,.directory-page .tool-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-page .related-section .content-card,.directory-page .tool-detail-grid .content-card{padding:22px}html[data-theme=dark] .summary-mini-card,html[data-theme=dark] .two-lang-links div,html[data-theme=dark] .link-list a,html[data-theme=dark] .refined-workflow-chain{box-shadow:inset 0 1px #ffffff05,0 10px 22px #00000029}html[data-theme=dark] .directory-page .tool-meta span{background:linear-gradient(180deg,#ffffff14,#ffffff0a)}@media(max-width:1180px){.legal-summary-grid,.directory-summary-grid{grid-template-columns:1fr}}@media(max-width:980px){.sitemap-page .sitemap-grid,.directory-page .related-section .directory-grid,.directory-page .tool-detail-grid,.compact-links,.legal-layout-grid{grid-template-columns:1fr}}.shared-marketing-page .shared-home-summary,.shared-marketing-page .shared-home-links,.shared-directory-page .shared-directory-summary,.shared-directory-page .shared-directory-bottom{display:grid;gap:18px}.shared-marketing-page .shared-home-summary,.shared-directory-page .shared-directory-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-marketing-page .shared-home-links,.shared-directory-page .shared-directory-bottom{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.shared-marketing-page .marketing-hero,.shared-directory-page .directory-modern-hero,.guide-detail-page .tool-seo-hero{border-radius:32px}.shared-directory-page .newsletter-card,.shared-marketing-page .promo-slab,.shared-marketing-page .stats-strip{border-radius:30px}.shared-directory-page .directory-modern-sidebar .sidebar-card{border-radius:28px}.shared-directory-page .directory-modern-tabs{border-radius:22px}.shared-directory-page .modern-tool-card,.shared-marketing-page .marketing-tool-card{min-height:252px}.shared-directory-page .modern-tool-card h3,.shared-marketing-page .marketing-tool-card h3{min-height:52px}.shared-directory-page .modern-tool-card p,.shared-marketing-page .marketing-tool-card p{min-height:72px}.guide-detail-page .tool-detail-grid{align-items:start}.guide-detail-page .tool-ad-row{margin-top:2px}.site-footer{margin-top:10px}.footer-badges span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(220,228,241,.92);background:linear-gradient(180deg,#fffffff5,#f6faffeb);color:#5f6f88;font-size:12px;font-weight:800;letter-spacing:.01em}html[data-theme=dark] .footer-badges span{border-color:#ffffff14;background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:#d4e0f2}@media(max-width:1180px){.shared-marketing-page .shared-home-summary,.shared-directory-page .shared-directory-summary{grid-template-columns:1fr}}@media(max-width:980px){.shared-marketing-page .shared-home-links,.shared-directory-page .shared-directory-bottom{grid-template-columns:1fr}}html[data-theme=dark] .shared-marketing-page .content-card,html[data-theme=dark] .shared-directory-page .content-card,html[data-theme=dark] .shared-directory-page .sidebar-card,html[data-theme=dark] .guide-detail-page .content-card,html[data-theme=dark] .legal-page .content-card,html[data-theme=dark] .legal-page .legal-card,html[data-theme=dark] .sitemap-page .content-card,html[data-theme=dark] .shared-marketing-page .marketing-tool-card,html[data-theme=dark] .shared-directory-page .modern-tool-card,html[data-theme=dark] .shared-marketing-page .stats-strip>div,html[data-theme=dark] .shared-directory-page .directory-modern-tabs,html[data-theme=dark] .site-footer{border-color:#849fc424}html[data-theme=dark] .shared-marketing-page .content-card,html[data-theme=dark] .shared-directory-page .content-card,html[data-theme=dark] .shared-directory-page .sidebar-card,html[data-theme=dark] .guide-detail-page .content-card,html[data-theme=dark] .legal-page .content-card,html[data-theme=dark] .legal-page .legal-card,html[data-theme=dark] .sitemap-page .content-card{background:linear-gradient(180deg,#ffffff0b,#ffffff06),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 34%)}html[data-theme=dark] .shared-marketing-page h1,html[data-theme=dark] .shared-directory-page h1,html[data-theme=dark] .guide-detail-page h1,html[data-theme=dark] .legal-page h1,html[data-theme=dark] .shared-marketing-page h2,html[data-theme=dark] .shared-directory-page h2,html[data-theme=dark] .guide-detail-page h2,html[data-theme=dark] .guide-detail-page h3,html[data-theme=dark] .legal-page h2,html[data-theme=dark] .legal-page h3,html[data-theme=dark] .sitemap-page h2,html[data-theme=dark] .sitemap-page h3,html[data-theme=dark] .shared-marketing-page .marketing-tool-card h3,html[data-theme=dark] .shared-directory-page .modern-tool-card h3,html[data-theme=dark] .shared-directory-page .sidebar-card strong,html[data-theme=dark] .site-footer strong,html[data-theme=dark] .site-footer .footer-brand strong{color:var(--text-strong)}html[data-theme=dark] .shared-marketing-page p,html[data-theme=dark] .shared-directory-page p,html[data-theme=dark] .guide-detail-page p,html[data-theme=dark] .legal-page p,html[data-theme=dark] .sitemap-page p,html[data-theme=dark] .shared-marketing-page .marketing-tool-card p,html[data-theme=dark] .shared-directory-page .modern-tool-card p,html[data-theme=dark] .shared-directory-page .sidebar-card p,html[data-theme=dark] .shared-marketing-page .stats-strip span,html[data-theme=dark] .shared-directory-page .newsletter-points span,html[data-theme=dark] .site-footer,html[data-theme=dark] .site-footer a,html[data-theme=dark] .site-footer .footer-bottom span:last-child{color:var(--text-main)}html[data-theme=dark] .shared-marketing-page .summary-mini-card p,html[data-theme=dark] .shared-directory-page .summary-mini-card p,html[data-theme=dark] .guide-detail-page .summary-mini-card p,html[data-theme=dark] .legal-page .summary-mini-card p,html[data-theme=dark] .sitemap-page .summary-mini-card p,html[data-theme=dark] .shared-directory-page .sidebar-group span,html[data-theme=dark] .shared-directory-page .sidebar-link,html[data-theme=dark] .shared-directory-page .sidebar-link b,html[data-theme=dark] .shared-marketing-page .search-chips span,html[data-theme=dark] .shared-marketing-page .search-chips a,html[data-theme=dark] .shared-directory-page .empty-state,html[data-theme=dark] .shared-directory-page .newsletter-points strong,html[data-theme=dark] .shared-marketing-page .tool-meta span,html[data-theme=dark] .shared-directory-page .tool-meta span,html[data-theme=dark] .guide-detail-page .tool-meta span,html[data-theme=dark] .legal-page .tool-meta span,html[data-theme=dark] .sitemap-page .tool-meta span{color:var(--text-soft)}html[data-theme=dark] .shared-marketing-page .stats-strip strong,html[data-theme=dark] .shared-directory-page .newsletter-points strong{color:#7db0ff}html[data-theme=dark] .shared-marketing-page .tool-meta span,html[data-theme=dark] .shared-directory-page .tool-meta span,html[data-theme=dark] .guide-detail-page .tool-meta span,html[data-theme=dark] .legal-page .tool-meta span,html[data-theme=dark] .sitemap-page .tool-meta span,html[data-theme=dark] .shared-marketing-page .directory-link-chip,html[data-theme=dark] .shared-directory-page .directory-link-chip,html[data-theme=dark] .guide-detail-page .directory-link-chip,html[data-theme=dark] .legal-page .directory-link-chip,html[data-theme=dark] .sitemap-page .directory-link-chip,html[data-theme=dark] .sitemap-page .link-list a,html[data-theme=dark] .sitemap-page .two-lang-links div{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-color:#ffffff14}html[data-theme=dark] .shared-directory-page .sidebar-link:hover,html[data-theme=dark] .shared-directory-page .sidebar-link.is-active,html[data-theme=dark] .shared-marketing-page .directory-link-chip:hover,html[data-theme=dark] .shared-directory-page .directory-link-chip:hover,html[data-theme=dark] .guide-detail-page .directory-link-chip:hover,html[data-theme=dark] .legal-page .directory-link-chip:hover,html[data-theme=dark] .sitemap-page .directory-link-chip:hover,html[data-theme=dark] .sitemap-page .link-list a:hover{color:var(--text-strong);border-color:#4f8cff47;background:linear-gradient(180deg,#4f8cff24,#6ae3ff14)}.tool-modern-page{margin-bottom:34px}.tool-modern-page .tool-modern-hero{border-radius:32px}.tool-modern-page .tool-modern-copy{min-width:0}.tool-modern-page .tool-modern-copy p{max-width:760px}.tool-modern-page .tool-modern-main{display:grid;gap:18px}.tool-modern-page .tool-modern-sidebar{display:grid;gap:18px;align-content:start}.tool-modern-page .content-card,.tool-modern-page .sticky-card,.tool-modern-page .modern-workspace,.tool-modern-page .tool-panel{border-radius:30px}.tool-modern-page .content-card,.tool-modern-page .sticky-card{padding:24px}.tool-modern-page .related-tool-list{gap:4px}.tool-modern-page .related-tool-row{padding-block:12px}.tool-modern-page .related-tool-row strong{display:block;margin-bottom:4px}.tool-modern-page .related-tool-row small{line-height:1.55}.tool-modern-page .feature-list{display:grid;gap:10px;margin-top:14px}.tool-modern-page .feature-list li{line-height:1.6}.tool-modern-page .ad-inline-card{margin-top:0}.tool-modern-page .ad-inline-card .ad-slot{margin-top:14px}.tool-modern-page .sticky-card{position:static}html[data-theme=dark] .tool-modern-page .tool-modern-hero,html[data-theme=dark] .tool-modern-page .content-card,html[data-theme=dark] .tool-modern-page .sticky-card,html[data-theme=dark] .tool-modern-page .modern-workspace,html[data-theme=dark] .tool-modern-page .tool-panel,html[data-theme=dark] .tool-modern-page .ad-inline-card{border-color:#849fc424}html[data-theme=dark] .tool-modern-page .content-card,html[data-theme=dark] .tool-modern-page .sticky-card,html[data-theme=dark] .tool-modern-page .ad-inline-card{background:linear-gradient(180deg,#ffffff0b,#ffffff05),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 34%)}html[data-theme=dark] .tool-modern-page h1,html[data-theme=dark] .tool-modern-page h2,html[data-theme=dark] .tool-modern-page h3,html[data-theme=dark] .tool-modern-page .panel-title strong,html[data-theme=dark] .tool-modern-page .related-tool-row strong,html[data-theme=dark] .tool-modern-page .workspace-header h2{color:var(--text-strong)}html[data-theme=dark] .tool-modern-page p,html[data-theme=dark] .tool-modern-page .workspace-header p,html[data-theme=dark] .tool-modern-page .feature-list li,html[data-theme=dark] .tool-modern-page .related-tool-row small,html[data-theme=dark] .tool-modern-page .metric-note,html[data-theme=dark] .tool-modern-page .breadcrumbs,html[data-theme=dark] .tool-modern-page .breadcrumbs a,html[data-theme=dark] .tool-modern-page .workspace-empty,html[data-theme=dark] .tool-modern-page .empty-state{color:var(--text-main)}html[data-theme=dark] .tool-modern-page .tool-meta span,html[data-theme=dark] .tool-modern-page .result-inline-meta span,html[data-theme=dark] .tool-modern-page .workspace-stat span,html[data-theme=dark] .tool-modern-page .related-tool-row small,html[data-theme=dark] .tool-modern-page .feature-list li::marker{color:var(--text-soft)}html[data-theme=dark] .tool-modern-page .tool-meta span,html[data-theme=dark] .tool-modern-page .directory-link-chip,html[data-theme=dark] .tool-modern-page .related-tool-row,html[data-theme=dark] .tool-modern-page .workflow-next-card{border-color:#ffffff14}html[data-theme=dark] .tool-modern-page .directory-link-chip,html[data-theme=dark] .tool-modern-page .tool-meta span{background:linear-gradient(180deg,#ffffff0f,#ffffff08)}html[data-theme=dark] .tool-modern-page .directory-link-chip:hover,html[data-theme=dark] .tool-modern-page .related-tool-row:hover{color:var(--text-strong);border-color:#4f8cff47;background:linear-gradient(180deg,#4f8cff24,#6ae3ff14)}.tool-modern-page .tool-modern-hero{padding:clamp(28px,4vw,38px);background:linear-gradient(180deg,#ffffffe0,#fffc),radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 34%)}.tool-modern-page .content-card,.tool-modern-page .sticky-card,.tool-modern-page .modern-workspace,.tool-modern-page .tool-panel,.tool-modern-page .workflow-extension{position:relative;overflow:hidden;border:1px solid rgba(214,224,238,.92);background:linear-gradient(180deg,#ffffffeb,#f8fbffd1),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 32%);box-shadow:0 18px 48px #0f172a0f}.tool-modern-page .content-card>*,.tool-modern-page .sticky-card>*,.tool-modern-page .modern-workspace>*,.tool-modern-page .tool-panel>*,.tool-modern-page .workflow-extension>*{position:relative;z-index:1}.tool-modern-page .content-card:before,.tool-modern-page .sticky-card:before,.tool-modern-page .modern-workspace:before,.tool-modern-page .tool-panel:before,.tool-modern-page .workflow-extension:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 22%),radial-gradient(circle at 0% 0%,rgba(106,227,255,.08),transparent 26%)}.tool-modern-page .tool-modern-sidebar{gap:20px}.tool-modern-page .content-card,.tool-modern-page .sticky-card{padding:26px}.tool-modern-page .section-kicker{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(79,140,255,.16);background:linear-gradient(180deg,#4f8cff14,#6ae3ff0d);color:#3d74ea;margin-bottom:14px}.tool-modern-page .content-card h2,.tool-modern-page .tool-detail-grid>.content-card h2{font-size:clamp(28px,3vw,36px);line-height:1.04;letter-spacing:-.055em}.tool-modern-page .detail-card-intro{margin:12px 0 0;color:#51627f;line-height:1.72}.tool-modern-page .detail-subsection{margin-top:18px;padding-top:18px;border-top:1px solid rgba(203,213,225,.72)}.tool-modern-page .detail-subsection strong{display:block;font-size:14px;font-weight:900;letter-spacing:-.01em;color:#14233e}.tool-modern-page .detail-step-list{margin:12px 0 0;padding-left:20px;display:grid;gap:10px}.tool-modern-page .detail-step-list li,.tool-modern-page .feature-list li{color:#5e6e88}.tool-modern-page .feature-list{gap:12px;margin-top:16px}.tool-modern-page .feature-list li,.tool-modern-page .detail-step-list li{line-height:1.68}.tool-modern-page .feature-list li::marker,.tool-modern-page .detail-step-list li::marker{color:#4f8cff}.tool-modern-page .related-tool-list{gap:0;margin-top:14px}.tool-modern-page .related-tool-row{border-radius:18px;padding:14px 12px;border:1px solid transparent;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.tool-modern-page .related-tool-row+.related-tool-row{margin-top:8px}.tool-modern-page .related-tool-row strong{color:#13233f}.tool-modern-page .related-tool-row small{color:#5e6e88}.tool-modern-page .related-tool-row:hover{transform:translateY(-1px);border-color:#4f8cff29;background:linear-gradient(180deg,#4f8cff0f,#6ae3ff09);box-shadow:0 12px 28px #0f172a0d}.tool-modern-page .ad-inline-card .ad-slot{min-height:156px;border-style:solid;border-color:#cbd5e1c7}.tool-modern-page .workflow-extension,.tool-modern-page .result-surface,.tool-modern-page .result-frame,.tool-modern-page .timestamp-empty,.tool-modern-page .result-inline-meta,.tool-modern-page .workspace-stat,.tool-modern-page .workflow-next-card,.tool-modern-page .timestamp-row,.tool-modern-page .batch-row{border-radius:20px}.tool-modern-page .result-surface,.tool-modern-page .result-frame,.tool-modern-page .timestamp-empty,.tool-modern-page .result-inline-meta,.tool-modern-page .workspace-stat,.tool-modern-page .workflow-next-card,.tool-modern-page .timestamp-row,.tool-modern-page .batch-row{border:1px solid rgba(203,213,225,.74);background:linear-gradient(180deg,#ffffffc2,#f8fbffa8);box-shadow:inset 0 1px #ffffffbf}.tool-modern-page .result-inline-meta{align-items:flex-start}.tool-modern-page .result-inline-meta strong,.tool-modern-page .timestamp-empty strong,.tool-modern-page .workspace-empty h2{color:#14233e}.tool-modern-page .workspace-empty,.tool-modern-page .timestamp-empty p{color:#60708a}html[data-theme=dark] .tool-modern-page .tool-modern-hero,html[data-theme=dark] .tool-modern-page .content-card,html[data-theme=dark] .tool-modern-page .sticky-card,html[data-theme=dark] .tool-modern-page .modern-workspace,html[data-theme=dark] .tool-modern-page .tool-panel,html[data-theme=dark] .tool-modern-page .workflow-extension,html[data-theme=dark] .tool-modern-page .ad-inline-card{border-color:#849fc429;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%);box-shadow:0 22px 52px #00000047}html[data-theme=dark] .tool-modern-page .content-card:before,html[data-theme=dark] .tool-modern-page .sticky-card:before,html[data-theme=dark] .tool-modern-page .modern-workspace:before,html[data-theme=dark] .tool-modern-page .tool-panel:before,html[data-theme=dark] .tool-modern-page .workflow-extension:before{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 20%),radial-gradient(circle at 0% 0%,rgba(106,227,255,.06),transparent 24%)}html[data-theme=dark] .tool-modern-page .section-kicker{border-color:#6f95e43d;background:linear-gradient(180deg,#4f8cff29,#6ae3ff14);color:#d9e7ff}html[data-theme=dark] .tool-modern-page .detail-card-intro,html[data-theme=dark] .tool-modern-page .detail-step-list li,html[data-theme=dark] .tool-modern-page .feature-list li,html[data-theme=dark] .tool-modern-page .related-tool-row small,html[data-theme=dark] .tool-modern-page .workspace-empty,html[data-theme=dark] .tool-modern-page .timestamp-empty p{color:#9daec8}html[data-theme=dark] .tool-modern-page .detail-subsection{border-top-color:#ffffff14}html[data-theme=dark] .tool-modern-page .detail-subsection strong,html[data-theme=dark] .tool-modern-page .related-tool-row strong,html[data-theme=dark] .tool-modern-page .result-inline-meta strong,html[data-theme=dark] .tool-modern-page .timestamp-empty strong,html[data-theme=dark] .tool-modern-page .workspace-empty h2{color:#f5f9ff}html[data-theme=dark] .tool-modern-page .result-surface,html[data-theme=dark] .tool-modern-page .result-frame,html[data-theme=dark] .tool-modern-page .timestamp-empty,html[data-theme=dark] .tool-modern-page .result-inline-meta,html[data-theme=dark] .tool-modern-page .workspace-stat,html[data-theme=dark] .tool-modern-page .workflow-next-card,html[data-theme=dark] .tool-modern-page .timestamp-row,html[data-theme=dark] .tool-modern-page .batch-row{border-color:#ffffff14;background:linear-gradient(180deg,#ffffff0b,#ffffff05);box-shadow:inset 0 1px #ffffff08}html[data-theme=dark] .tool-modern-page .related-tool-row:hover,html[data-theme=dark] .tool-modern-page .workflow-next-card:hover{border-color:#4f8cff47;background:linear-gradient(180deg,#4f8cff29,#6ae3ff14);box-shadow:0 18px 38px #0000003d}.tool-modern-page .tool-category-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:44px;padding:0 14px 0 16px;border-radius:999px;border:1px solid rgba(79,140,255,.16);background:linear-gradient(180deg,#4f8cff14,#6ae3ff0a);color:#1f5fe3;font-weight:800;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #4f8cff1f;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.tool-modern-page .tool-category-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s var(--ease)}.tool-modern-page .tool-category-link:hover{transform:translateY(-1px);border-color:#4f8cff47;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff14);box-shadow:inset 0 1px #ffffffd6,0 16px 32px #4f8cff29}.tool-modern-page .tool-category-link:hover svg{transform:translate(2px)}html[data-theme=dark] .tool-modern-page .tool-category-link{border-color:#6f95e438;background:linear-gradient(180deg,#4f8cff2e,#6ae3ff14);color:#edf4ff;box-shadow:inset 0 1px #ffffff0a,0 18px 34px #0000003d}html[data-theme=dark] .tool-modern-page .tool-category-link:hover{border-color:#6ae3ff47;background:linear-gradient(180deg,#4f8cff3d,#6ae3ff1f);box-shadow:inset 0 1px #ffffff0f,0 20px 38px #00000047}.pattern-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 0}.pattern-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:20px;align-items:start;margin-top:20px}.pattern-main,.pattern-side{display:grid;gap:18px}.pattern-card,.pattern-sidebar-card,.pattern-workspace,.pattern-workflow-card,.pattern-inner-card,.pattern-issue-card,.pattern-usecase-item,.pattern-callout,.pattern-faq-item,.pattern-inline-item{position:relative;overflow:hidden;border:1px solid rgba(214,224,238,.92);background:linear-gradient(180deg,#ffffffeb,#f8fbffd1),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%);box-shadow:0 18px 48px #0f172a0f}.pattern-card,.pattern-sidebar-card,.pattern-workflow-card,.pattern-inner-card,.pattern-issue-card,.pattern-usecase-item,.pattern-callout,.pattern-faq-item,.pattern-inline-item{border-radius:26px}.pattern-sidebar-card{padding:24px}.pattern-workspace{border-radius:30px}.pattern-section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}.pattern-section-heading h2,.pattern-card>h2,.pattern-sidebar-card>h2{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.05;letter-spacing:-.052em}.pattern-block-grid,.pattern-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pattern-usecase-grid,.pattern-mini-grid,.pattern-tool-grid{display:grid;gap:14px}.pattern-usecase-grid,.pattern-mini-grid,.pattern-tool-grid.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-usecase-item,.pattern-inline-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px 18px}.pattern-inline-item{grid-template-columns:1fr}.pattern-usecase-item p,.pattern-inline-item,.pattern-faq-item p,.pattern-issue-card p,.pattern-workflow-card p,.pattern-callout p{margin:0;color:#5c6d88;line-height:1.7}.pattern-number-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(79,140,255,.16);background:linear-gradient(180deg,#4f8cff1a,#6ae3ff0d);color:#3b70e6;font-size:12px;font-weight:900;letter-spacing:.08em}.pattern-callout{margin-top:16px;padding:18px 20px}.pattern-callout strong,.pattern-faq-item strong,.pattern-issue-card h3,.pattern-workflow-head strong{display:block;margin:0 0 8px;color:#14233e;font-size:16px;font-weight:900;letter-spacing:-.02em}.pattern-link-list,.pattern-faq-list,.pattern-example-list,.pattern-workflow-stack{display:grid;gap:12px}.pattern-link-list p{margin:0;color:#60708a;line-height:1.7}.pattern-issue-list{display:grid;gap:14px}.pattern-issue-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 20px}.pattern-flow-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.pattern-flow-step{display:inline-flex;align-items:center;gap:10px}.pattern-next-card{min-height:100%}.pattern-workflow-card{padding:20px}.pattern-workflow-head{margin-bottom:14px}.pattern-workflow-head p{margin-top:6px}.pattern-faq-item{padding:18px 20px}.pattern-faq-item strong{font-size:15px}.pattern-hero-surface,.tool-pattern-page .tool-pattern-hero{border-radius:32px}.tool-pattern-page .tool-pattern-visual{display:flex;justify-content:flex-end}.pattern-visual-card{min-width:min(100%,260px);text-align:left}.pattern-visual-card small{color:#61728d;line-height:1.65}.pattern-example-list .directory-link-chip{justify-content:flex-start}.solution-pattern-page .pattern-shell,.usecase-pattern-page .pattern-shell{margin-top:20px}.usecase-pattern-page .pattern-inner-card{padding:22px;min-height:100%}.usecase-pattern-page .pattern-inner-card .related-card-head h3,.solution-pattern-page .related-card-head h3{margin:0;font-size:22px;line-height:1.12;letter-spacing:-.04em}.compact-flow-row .workflow-pill{min-height:42px}html[data-theme=dark] .pattern-card,html[data-theme=dark] .pattern-sidebar-card,html[data-theme=dark] .pattern-workspace,html[data-theme=dark] .pattern-workflow-card,html[data-theme=dark] .pattern-inner-card,html[data-theme=dark] .pattern-issue-card,html[data-theme=dark] .pattern-usecase-item,html[data-theme=dark] .pattern-callout,html[data-theme=dark] .pattern-faq-item,html[data-theme=dark] .pattern-inline-item,html[data-theme=dark] .pattern-summary-strip .content-card,html[data-theme=dark] .tool-pattern-page .tool-modern-hero,html[data-theme=dark] .solution-pattern-page .tool-seo-hero,html[data-theme=dark] .usecase-pattern-page .tool-seo-hero,html[data-theme=dark] .pattern-directory-page .directory-card,html[data-theme=dark] .pattern-directory-page .directory-card.pattern-inner-card,html[data-theme=dark] .guides-page .directory-card,html[data-theme=dark] .topics-page .directory-card{border-color:#849fc429;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%);box-shadow:0 22px 52px #00000047}html[data-theme=dark] .pattern-usecase-item p,html[data-theme=dark] .pattern-inline-item,html[data-theme=dark] .pattern-faq-item p,html[data-theme=dark] .pattern-issue-card p,html[data-theme=dark] .pattern-workflow-card p,html[data-theme=dark] .pattern-callout p,html[data-theme=dark] .pattern-link-list p,html[data-theme=dark] .pattern-visual-card small{color:#9daec8}html[data-theme=dark] .pattern-callout strong,html[data-theme=dark] .pattern-faq-item strong,html[data-theme=dark] .pattern-issue-card h3,html[data-theme=dark] .pattern-workflow-head strong,html[data-theme=dark] .pattern-section-heading h2,html[data-theme=dark] .pattern-card>h2,html[data-theme=dark] .pattern-sidebar-card>h2{color:#f5f9ff}html[data-theme=dark] .pattern-number-badge{border-color:#6f95e438;background:linear-gradient(180deg,#4f8cff2e,#6ae3ff14);color:#edf4ff}@media(max-width:1180px){.pattern-shell,.tool-modern-page .tool-modern-layout,.pattern-summary-strip,.pattern-block-grid,.pattern-faq-grid,.pattern-tool-grid.two-column-grid,.pattern-usecase-grid,.pattern-mini-grid{grid-template-columns:1fr}}@media(max-width:760px){.pattern-issue-card,.pattern-usecase-item{grid-template-columns:1fr}.pattern-number-badge{min-width:34px;width:fit-content}.pattern-flow-row,.compact-flow-row{align-items:flex-start}.pattern-flow-step{flex-wrap:wrap}}.site-header{min-height:66px;padding:10px 16px;border-radius:18px;background:#ffffffeb;box-shadow:0 10px 28px #0f172a0b}.desktop-nav{gap:22px;font-size:13px;color:#111827}.desktop-nav>a,.nav-trigger{font-weight:700}.header-icon-button,.theme-toggle,.locale-switch.compact{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 12px;border:1px solid rgba(219,228,240,.95);border-radius:999px;background:#fff;color:#111827;box-shadow:0 6px 18px #0f172a0a}.header-icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.locale-switch.compact{gap:6px;min-width:auto;padding-inline:12px;font-size:13px;font-weight:700}.locale-switch.compact .globe{width:18px;height:18px;background:transparent}.ref-page{padding:18px 0 40px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{border:1px solid rgba(219,228,240,.95);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#fafcfff5);box-shadow:0 20px 48px #0f172a0d}.ref-page-hero{display:grid;gap:24px;padding:34px 32px;margin-top:18px}.ref-tool-hero{grid-template-columns:minmax(0,1.35fr) 320px}.ref-solution-hero,.ref-usecase-hero{grid-template-columns:minmax(0,1fr) 340px;align-items:center}.ref-hero-copy h1{margin:10px 0 12px;font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.05em}.ref-hero-copy p{margin:0;max-width:760px;color:#5b6b82;font-size:15px;line-height:1.8}.ref-inline-meta,.ref-chip-row,.ref-anchor-tabs,.ref-filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.ref-inline-meta{margin-top:18px}.ref-inline-meta span,.ref-chip-row span,.ref-anchor-tabs a,.ref-filter-tab{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid rgba(226,232,240,.95);border-radius:999px;background:#fff;color:#4b5c76;font-size:12px;font-weight:700}.ref-anchor-tabs{margin-top:22px}.ref-anchor-tabs a:first-child,.ref-filter-tab.is-active{border-color:#4f8cff2e;background:linear-gradient(180deg,#4f8cff,#2f72ff);color:#fff;box-shadow:0 12px 28px #4f8cff38}.ref-hero-side,.ref-tool-side,.ref-link-stack,.ref-faq-list{display:grid;gap:14px}.ref-side-card,.ref-card{padding:24px}.ref-side-card strong,.ref-card h2,.ref-section-head h2,.ref-banner-card strong{display:block;margin:0;color:#0f172a;font-size:28px;line-height:1.16;letter-spacing:-.04em}.ref-side-card strong{font-size:18px;margin-bottom:14px}.ref-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.ref-tool-layout,.ref-double-grid{display:grid;grid-template-columns:minmax(0,1.38fr) 310px;gap:18px;margin-top:18px}.ref-double-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-tool-main{display:grid;gap:18px}.ref-workspace-body{padding:0;border:0;box-shadow:none;background:transparent}.ref-step-grid,.ref-info-grid,.ref-tool-recommend-grid,.ref-scenario-grid{display:grid;gap:14px}.ref-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-info-grid,.ref-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-tool-recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-solution-item,.ref-faq-item,.ref-mini-link{border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fff}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-faq-item{padding:18px}.ref-step-card span,.ref-horizontal-step span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff1f);color:#3a75ef;font-size:12px;font-weight:800}.ref-step-card strong,.ref-horizontal-step strong,.ref-tool-recommend-card strong,.ref-scenario-card strong,.ref-faq-item strong,.ref-solution-item strong,.ref-mini-link b{display:block;margin-top:12px;font-size:15px;line-height:1.6}.ref-info-item p,.ref-tool-recommend-card p,.ref-scenario-card p,.ref-faq-item p,.ref-solution-item p,.ref-mini-link small,.ref-side-card p{margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.8}.ref-solution-list,.ref-horizontal-steps{display:grid;gap:14px}.ref-horizontal-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-horizontal-step{position:relative;padding:8px 10px;text-align:center}.ref-horizontal-step strong{margin-top:10px}.ref-solution-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.ref-solution-item-copy{min-width:0}.ref-solution-cta,.ref-card-link,.ref-text-link{color:#3a75ef;font-weight:700}.ref-mini-link{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:flex-start;padding:14px}.ref-text-link+.ref-text-link{margin-top:8px}.ref-rating-card .ref-stars{margin:14px 0 8px;color:#f59e0b;letter-spacing:4px;font-size:20px}.ref-flow-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ref-flow-pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid rgba(226,232,240,.95);border-radius:999px;background:#fff;font-size:13px;font-weight:700}.ref-flow-pill.is-current{border-color:#4f8cff2e;background:#eef5ff;color:#225ee7}.ref-flow-arrow{color:#9db2d6;font-weight:800}.ref-banner-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-top:18px}.ref-banner-card p{margin:8px 0 0;color:#64748b}.ref-banner-actions{display:flex;gap:10px;flex-wrap:wrap}.ref-primary-button,.ref-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:700}.ref-primary-button{background:linear-gradient(180deg,#4f8cff,#2f72ff);color:#fff;box-shadow:0 12px 28px #4f8cff3d}.ref-secondary-button{border:1px solid rgba(226,232,240,.95);background:#fff;color:#0f172a}.ref-filter-tabs{margin:18px 0}.ref-usecase-visual{position:relative;min-height:220px}.ref-visual-orb{position:absolute;inset:18px 28px 18px 72px;border-radius:999px;background:radial-gradient(circle,#4f8cff24,#4f8cff00)}.ref-visual-device{position:absolute;right:48px;top:28px;width:190px;height:150px;border-radius:30px;background:linear-gradient(180deg,#4f8cff,#6ae3ff);box-shadow:0 28px 48px #4f8cff38;transform:perspective(1000px) rotateY(-14deg) rotateX(8deg);display:grid;place-items:center}.ref-visual-device:before,.ref-visual-device:after{content:"";position:absolute;border-radius:18px;background:#ffffffb8;box-shadow:0 12px 24px #4f8cff29}.ref-visual-device:before{width:56px;height:44px;right:-22px;top:16px}.ref-visual-device:after{width:70px;height:52px;left:-34px;bottom:18px}.ref-visual-icon{color:#fff;font-size:46px;font-weight:800;letter-spacing:-.06em}html[data-theme=dark] .site-header,html[data-theme=dark] .ref-page-hero,html[data-theme=dark] .ref-card,html[data-theme=dark] .ref-side-card,html[data-theme=dark] .ref-banner-card,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .locale-switch.compact,html[data-theme=dark] .ref-step-card,html[data-theme=dark] .ref-info-item,html[data-theme=dark] .ref-tool-recommend-card,html[data-theme=dark] .ref-scenario-card,html[data-theme=dark] .ref-solution-item,html[data-theme=dark] .ref-faq-item,html[data-theme=dark] .ref-mini-link,html[data-theme=dark] .ref-flow-pill{border-color:#849fc429;background:linear-gradient(180deg,#0e1726f5,#0b121ff0);box-shadow:0 20px 48px #00000047}html[data-theme=dark] .desktop-nav,html[data-theme=dark] .desktop-nav>a,html[data-theme=dark] .nav-trigger,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .locale-switch.compact,html[data-theme=dark] .ref-side-card strong,html[data-theme=dark] .ref-card h2,html[data-theme=dark] .ref-section-head h2,html[data-theme=dark] .ref-banner-card strong,html[data-theme=dark] .ref-step-card strong,html[data-theme=dark] .ref-horizontal-step strong,html[data-theme=dark] .ref-tool-recommend-card strong,html[data-theme=dark] .ref-scenario-card strong,html[data-theme=dark] .ref-faq-item strong,html[data-theme=dark] .ref-solution-item strong,html[data-theme=dark] .ref-mini-link b,html[data-theme=dark] .ref-hero-copy h1{color:#f8fbff}html[data-theme=dark] .ref-hero-copy p,html[data-theme=dark] .ref-inline-meta span,html[data-theme=dark] .ref-chip-row span,html[data-theme=dark] .ref-anchor-tabs a,html[data-theme=dark] .ref-filter-tab,html[data-theme=dark] .ref-info-item p,html[data-theme=dark] .ref-tool-recommend-card p,html[data-theme=dark] .ref-scenario-card p,html[data-theme=dark] .ref-faq-item p,html[data-theme=dark] .ref-solution-item p,html[data-theme=dark] .ref-mini-link small,html[data-theme=dark] .ref-side-card p{color:#9cafc9}html[data-theme=dark] .ref-inline-meta span,html[data-theme=dark] .ref-chip-row span,html[data-theme=dark] .ref-anchor-tabs a,html[data-theme=dark] .ref-filter-tab{border-color:#849fc429}html[data-theme=dark] .ref-anchor-tabs a:first-child,html[data-theme=dark] .ref-filter-tab.is-active,html[data-theme=dark] .ref-primary-button{color:#fff}@media(max-width:1180px){.ref-tool-hero,.ref-solution-hero,.ref-usecase-hero,.ref-tool-layout,.ref-double-grid{grid-template-columns:1fr}.ref-tool-recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ref-step-grid,.ref-info-grid,.ref-horizontal-steps,.ref-tool-recommend-grid,.ref-scenario-grid{grid-template-columns:1fr}.ref-banner-card,.ref-solution-item{flex-direction:column;align-items:flex-start}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{padding:20px}.ref-usecase-visual{min-height:160px}.ref-visual-device{right:18px;width:150px;height:116px}}.site-header{top:14px;min-height:68px;padding:10px 18px;border-radius:22px;border-color:#dee6f1f5;background:#ffffffe6;box-shadow:0 18px 36px #0f172a0f}.brand{gap:10px}.brand span{font-size:19px;font-weight:800;letter-spacing:-.04em}.desktop-nav{gap:24px}.desktop-nav>a,.nav-trigger{font-size:13px;font-weight:700;letter-spacing:-.01em}.header-actions{gap:10px}.dropdown-menu{border-radius:22px}.mega-menu{width:640px;padding:14px;gap:12px}.menu-copy{border-radius:18px;padding:16px}.ref-page{gap:18px;padding:14px 0 52px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{position:relative;overflow:hidden;border:1px solid rgba(218,227,239,.96);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f8fbfff5);box-shadow:0 18px 40px #0f172a0e}.ref-page-hero:before,.ref-card:before,.ref-side-card:before,.ref-banner-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(79,140,255,.08),transparent 30%),radial-gradient(circle at 100% 0%,rgba(106,227,255,.08),transparent 24%)}.ref-page-hero>*,.ref-card>*,.ref-side-card>*,.ref-banner-card>*{position:relative;z-index:1}.ref-page-hero{gap:22px;padding:30px 32px;margin-top:14px}.ref-tool-hero{position:relative;display:block;min-height:0;padding-right:344px}.ref-solution-hero,.ref-usecase-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.ref-hero-copy{display:grid;align-content:start}.breadcrumbs{display:inline-flex;align-items:center;gap:8px;color:#7a879b;font-size:12px;font-weight:700}.breadcrumbs a{color:inherit}.ref-hero-copy h1{margin:14px 0 10px;max-width:920px;color:#18233b;font-size:clamp(42px,4.2vw,64px);line-height:1.02;letter-spacing:-.065em}.ref-tool-page .ref-hero-copy h1{font-size:clamp(44px,4vw,58px)}.ref-hero-copy p{max-width:720px;color:#607089;font-size:15px;line-height:1.72}.ref-inline-meta{gap:8px;margin-top:18px}.ref-inline-meta span{border-style:dashed;background:linear-gradient(180deg,#f7fafff5,#f0f6ffeb);color:#70819a;box-shadow:none}.ref-inline-meta span,.ref-chip-row span,.ref-anchor-tabs a,.ref-filter-tab{min-height:36px;padding:0 15px;border-color:#dde5f0fa;color:#52627c;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffffe0}.ref-anchor-tabs{gap:8px;margin-top:20px}.ref-anchor-tabs a{background:#ffffffd1;color:#355078;cursor:pointer;text-decoration:none}.ref-tool-page .ref-anchor-tabs a{transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),opacity .16s var(--ease)}.ref-tool-page .ref-anchor-tabs a:first-child{cursor:default;pointer-events:none;opacity:1}.ref-tool-page .ref-anchor-tabs a:not(:first-child){color:#2956a8;background:linear-gradient(180deg,#fffffffa,#f4f8fff5);border-color:#abc6f0c2;box-shadow:inset 0 1px #fffffff0,0 10px 22px #4f8cff14}.ref-tool-page .ref-anchor-tabs a:not(:first-child):hover{color:#1749b5;border-color:#4f8cff57;background:linear-gradient(180deg,#fff,#eef5fffa);box-shadow:0 12px 26px #4f8cff29;transform:translateY(-1px)}.ref-tool-page .ref-anchor-tabs a:not(:first-child):after{content:"↗";margin-left:8px;font-size:11px;line-height:1;opacity:.72}.ref-anchor-tabs a:first-child,.ref-filter-tab.is-active{border-color:#4f8cff24;box-shadow:inset 0 1px #ffffff29,0 14px 28px #4f8cff33}.ref-hero-side,.ref-tool-side{gap:12px;align-self:start}.ref-tool-hero .ref-hero-side{position:absolute;top:30px;right:32px;width:260px}.ref-tool-hero .ref-hero-copy{max-width:820px}.ref-side-card,.ref-card{padding:22px}.ref-side-card strong{margin-bottom:12px;font-size:17px;line-height:1.25;letter-spacing:-.03em}.ref-card h2,.ref-section-head h2,.ref-banner-card strong{font-size:clamp(28px,2.1vw,36px);line-height:1.08;letter-spacing:-.05em}.ref-tool-layout,.ref-double-grid{align-items:start;gap:16px;margin-top:16px}.ref-tool-layout{grid-template-columns:minmax(0,1fr) 280px}.ref-tool-side{position:sticky;top:96px}.ref-workspace-shell{padding:20px 20px 22px}.ref-workspace-shell .ref-section-head{margin-bottom:14px}.ref-section-head{gap:14px;margin-bottom:16px}.ref-link-stack{gap:10px}.ref-mini-link{grid-template-columns:34px 1fr;gap:10px;padding:11px;border-radius:16px}.ref-mini-link span:last-child{min-width:0}.ref-mini-link b{margin-top:0;font-size:14px;line-height:1.45}.ref-mini-link small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.65}.ref-text-link{display:block;padding:10px 2px;border-bottom:1px solid rgba(226,232,240,.88);font-size:14px;line-height:1.55}.ref-text-link:last-child{padding-bottom:0;border-bottom:0}.ref-step-grid,.ref-info-grid,.ref-tool-recommend-grid,.ref-scenario-grid,.ref-horizontal-steps,.ref-solution-list{gap:14px}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-faq-item,.ref-solution-item{border-radius:20px}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-faq-item{padding:18px 18px 19px}.ref-step-card strong,.ref-horizontal-step strong,.ref-tool-recommend-card strong,.ref-scenario-card strong,.ref-faq-item strong,.ref-solution-item strong{color:#1a243c;font-size:15px;line-height:1.55}.ref-tool-recommend-card,.ref-scenario-card{display:grid;align-content:start;min-height:212px}.ref-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px}.ref-horizontal-step{padding:18px 16px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#fff}.ref-solution-item{padding:20px}.ref-solution-cta,.ref-card-link,.ref-text-link{color:#316fee}.ref-flow-steps{gap:8px}.ref-flow-pill{min-height:40px;padding:0 13px}.ref-banner-card{align-items:center;padding:24px 26px;margin-top:16px}.ref-banner-card p{max-width:720px}.ref-filter-tabs{gap:8px;margin:16px 0 0}.ref-usecase-visual{min-height:210px}.ref-visual-orb{inset:24px 26px 22px 84px}.ref-visual-device{right:42px;top:20px;width:186px;height:150px;border-radius:32px;box-shadow:0 26px 46px #4f8cff33}.ref-visual-device:before,.ref-visual-device:after{backdrop-filter:blur(10px)}.site-footer{gap:26px;margin-top:6px;padding:30px 4px 42px}.footer-brand-block p,.footer-columns a,.footer-bottom span:last-child{color:#66758c}.footer-badges{display:flex;flex-wrap:wrap;gap:8px}.footer-badges span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(226,232,240,.95);border-radius:999px;background:#ffffffd9;color:#52627c;font-size:12px;font-weight:700}.footer-bottom{padding-top:20px}html[data-theme=dark] .site-header,html[data-theme=dark] .ref-page-hero,html[data-theme=dark] .ref-card,html[data-theme=dark] .ref-side-card,html[data-theme=dark] .ref-banner-card,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .locale-switch.compact,html[data-theme=dark] .ref-step-card,html[data-theme=dark] .ref-info-item,html[data-theme=dark] .ref-tool-recommend-card,html[data-theme=dark] .ref-scenario-card,html[data-theme=dark] .ref-solution-item,html[data-theme=dark] .ref-faq-item,html[data-theme=dark] .ref-mini-link,html[data-theme=dark] .ref-horizontal-step,html[data-theme=dark] .ref-flow-pill,html[data-theme=dark] .footer-badges span{border-color:#849fc429;background:linear-gradient(180deg,#0c1421f5,#0a101cf2);box-shadow:0 20px 44px #00000042}html[data-theme=dark] .breadcrumbs,html[data-theme=dark] .footer-brand-block p,html[data-theme=dark] .footer-columns a,html[data-theme=dark] .footer-bottom span:last-child,html[data-theme=dark] .footer-badges span{color:#95a6c0}html[data-theme=dark] .ref-step-card strong,html[data-theme=dark] .ref-horizontal-step strong,html[data-theme=dark] .ref-tool-recommend-card strong,html[data-theme=dark] .ref-scenario-card strong,html[data-theme=dark] .ref-faq-item strong,html[data-theme=dark] .ref-solution-item strong,html[data-theme=dark] .breadcrumbs a{color:#f7fbff}html[data-theme=dark] .ref-text-link{border-bottom-color:#849fc41f}@media(max-width:1180px){.ref-tool-hero{display:grid;grid-template-columns:1fr;padding-right:32px}.ref-tool-hero .ref-hero-side{position:static;width:auto}.ref-tool-layout{grid-template-columns:1fr}.ref-tool-side{position:static}}@media(max-width:760px){.site-header{padding:12px 14px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{border-radius:24px}.ref-page-hero{padding:22px 20px}.ref-hero-copy h1,.ref-tool-page .ref-hero-copy h1{font-size:38px}.ref-card h2,.ref-section-head h2,.ref-banner-card strong{font-size:28px}}.pattern-directory-page,.pattern-landing-page,.pattern-legal-page{margin-bottom:34px}.pattern-landing-page .marketing-section,.pattern-directory-page .content-card,.pattern-directory-page .sidebar-card,.pattern-legal-page .content-card,.pattern-legal-page .legal-card,.pattern-legal-page .pattern-sidebar-card,.pattern-landing-page .promo-slab,.pattern-landing-page .stats-strip,.pattern-landing-page .marketing-tool-card,.pattern-directory-page .modern-tool-card,.pattern-legal-page .sitemap-grid .content-card{border-radius:28px}.pattern-landing-page .marketing-section.content-card,.pattern-directory-page .pattern-card,.pattern-directory-page .pattern-sidebar-card,.pattern-legal-page .pattern-card,.pattern-legal-page .pattern-sidebar-card,.pattern-legal-page .legal-main-card{padding:24px}.pattern-landing-page .marketing-section.content-card{border:1px solid rgba(214,224,238,.92);background:linear-gradient(180deg,#ffffffeb,#f8fbffd1),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%);box-shadow:0 18px 48px #0f172a0f}.pattern-landing-page .marketing-section.content-card .section-heading,.pattern-directory-page .pattern-card .section-heading,.pattern-legal-page .pattern-card .section-heading{margin-bottom:18px}.pattern-landing-page .marketing-hero,.pattern-directory-page .directory-modern-hero,.pattern-directory-page .tool-seo-hero,.pattern-legal-page .legal-hero{border-radius:32px}.pattern-stats-strip{overflow:hidden;border:1px solid rgba(214,224,238,.92);background:linear-gradient(180deg,#ffffffeb,#f8fbffd1),radial-gradient(circle at 100% 0%,rgba(79,140,255,.08),transparent 34%);box-shadow:0 18px 48px #0f172a0f}.pattern-directory-page .directory-modern-sidebar,.pattern-legal-page .pattern-side,.pattern-directory-page .pattern-side{display:grid;gap:18px}.pattern-directory-page .directory-grid,.pattern-legal-page .sitemap-grid,.pattern-legal-page .content-grid,.pattern-directory-page .content-grid{margin-top:0}.pattern-directory-page .pattern-inner-card,.pattern-legal-page .pattern-card .pattern-inner-card{min-height:100%}.pattern-legal-page .legal-main-card h2{font-size:clamp(24px,2.5vw,32px)}.pattern-legal-page .legal-main-card p,.pattern-legal-page .legal-side-card p,.pattern-legal-page .pattern-sidebar-card p{line-height:1.75}.sitemap-shell{margin-top:20px}.sitemap-page .pattern-side{align-self:start}.sitemap-page .link-list{gap:12px}.sitemap-page .two-lang-links div{min-height:72px}html[data-theme=dark] .pattern-landing-page .marketing-section.content-card,html[data-theme=dark] .pattern-stats-strip,html[data-theme=dark] .pattern-legal-page .pattern-card,html[data-theme=dark] .pattern-legal-page .pattern-sidebar-card,html[data-theme=dark] .pattern-directory-page .pattern-card,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card{border-color:#849fc429;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%);box-shadow:0 22px 52px #00000047}html[data-theme=dark] .pattern-landing-page .marketing-section.content-card h2,html[data-theme=dark] .pattern-landing-page .marketing-section.content-card p,html[data-theme=dark] .pattern-directory-page .pattern-card h2,html[data-theme=dark] .pattern-directory-page .pattern-card p,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card h2,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card p,html[data-theme=dark] .pattern-legal-page .pattern-card h2,html[data-theme=dark] .pattern-legal-page .pattern-card p,html[data-theme=dark] .pattern-legal-page .pattern-sidebar-card h2,html[data-theme=dark] .pattern-legal-page .pattern-sidebar-card p{color:var(--text-main)}html[data-theme=dark] .pattern-landing-page .marketing-section.content-card h2,html[data-theme=dark] .pattern-directory-page .pattern-card h2,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card h2,html[data-theme=dark] .pattern-legal-page .pattern-card h2,html[data-theme=dark] .pattern-legal-page .pattern-sidebar-card h2{color:var(--text-strong)}@media(max-width:1180px){.pattern-landing-page .shared-home-summary,.pattern-landing-page .shared-home-links,.pattern-directory-page .pattern-shell,.pattern-legal-page .pattern-shell,.sitemap-shell{grid-template-columns:1fr}}.pattern-directory-page .directory-card,.pattern-directory-page .related-card,.pattern-directory-page .modern-tool-card,.pattern-landing-page .marketing-tool-card{gap:10px}.pattern-directory-page .directory-card h2,.pattern-directory-page .related-card h2,.pattern-directory-page .related-card h3,.pattern-landing-page .marketing-tool-card h3{line-height:1.08}.pattern-directory-page .directory-card p,.pattern-directory-page .related-card p,.pattern-directory-page .modern-tool-card p,.pattern-landing-page .marketing-tool-card p,.pattern-legal-page .legal-main-card p,.pattern-legal-page .legal-side-card p,.pattern-legal-page .summary-mini-card p,.sitemap-page .summary-mini-card p,.sitemap-page .link-list strong{color:#5a6b85}.pattern-directory-page .feature-list.compact-feature-list li,.pattern-directory-page .step-list li{margin-bottom:0;line-height:1.55}.pattern-directory-page .tool-meta,.pattern-landing-page .tool-meta{margin-top:auto}.pattern-directory-page .directory-grid.single-column .pattern-inner-card,.pattern-directory-page .directory-grid.single-column .related-card{padding:18px 20px}.pattern-directory-page .pattern-card>p.detail-card-intro,.pattern-directory-page .pattern-card>p,.pattern-landing-page .marketing-section>.section-heading+.marketing-card-grid,.pattern-landing-page .marketing-section>.section-heading+.marketing-category-row{margin-top:0}.pattern-legal-page .legal-main-card,.pattern-legal-page .pattern-sidebar-card,.pattern-legal-page .summary-mini-card,.sitemap-page .pattern-card,.sitemap-page .pattern-sidebar-card{backdrop-filter:blur(16px)}html[data-theme=dark] .pattern-directory-page .directory-card p,html[data-theme=dark] .pattern-directory-page .related-card p,html[data-theme=dark] .pattern-directory-page .modern-tool-card p,html[data-theme=dark] .pattern-landing-page .marketing-tool-card p,html[data-theme=dark] .pattern-landing-page .summary-mini-card p,html[data-theme=dark] .pattern-landing-page .marketing-section p,html[data-theme=dark] .pattern-directory-page .pattern-card p,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card p,html[data-theme=dark] .pattern-legal-page .legal-main-card p,html[data-theme=dark] .pattern-legal-page .legal-side-card p,html[data-theme=dark] .pattern-legal-page .summary-mini-card p,html[data-theme=dark] .sitemap-page .summary-mini-card p,html[data-theme=dark] .sitemap-page .pattern-card p,html[data-theme=dark] .sitemap-page .pattern-sidebar-card p{color:#b5c3d8}html[data-theme=dark] .pattern-directory-page .feature-list li,html[data-theme=dark] .pattern-directory-page .step-list li,html[data-theme=dark] .pattern-legal-page .feature-list li,html[data-theme=dark] .sitemap-page .two-lang-links strong,html[data-theme=dark] .sitemap-page .link-list strong{color:#dce7f6}html[data-theme=dark] .pattern-directory-page .section-kicker,html[data-theme=dark] .pattern-landing-page .section-kicker,html[data-theme=dark] .pattern-legal-page .section-kicker,html[data-theme=dark] .sitemap-page .section-kicker{color:#8fb7ff}html[data-theme=dark] .pattern-directory-page .tool-meta span,html[data-theme=dark] .pattern-landing-page .tool-meta span,html[data-theme=dark] .pattern-legal-page .tool-meta span,html[data-theme=dark] .sitemap-page .tool-meta span,html[data-theme=dark] .sitemap-page .directory-link-chip,html[data-theme=dark] .sitemap-page .link-list a,html[data-theme=dark] .sitemap-page .two-lang-links div{color:#d7e4f5}html[data-theme=dark] .pattern-landing-page .marketing-section.content-card,html[data-theme=dark] .pattern-directory-page .pattern-card,html[data-theme=dark] .pattern-directory-page .pattern-sidebar-card,html[data-theme=dark] .pattern-legal-page .pattern-card,html[data-theme=dark] .pattern-legal-page .pattern-sidebar-card,html[data-theme=dark] .pattern-stats-strip{box-shadow:0 20px 44px #00000057}.site-header,.site-footer{width:min(1380px,calc(100vw - 56px))}.site-header{top:16px;min-height:70px;padding:10px 22px;border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#ffffffd6),radial-gradient(circle at 16% -10%,rgba(79,140,255,.08),transparent 28%);box-shadow:0 16px 36px #0f172a0e}.desktop-nav{gap:20px}.desktop-nav>a,.nav-trigger{font-size:13px;font-weight:760}.header-actions{gap:12px}.header-icon-button,.theme-toggle,.locale-switch.compact{min-height:40px}.locale-switch.compact{padding-inline:14px}.ref-page{gap:14px;padding:10px 0 46px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{border-radius:30px;border-color:#dae3effa;background:linear-gradient(180deg,#fffffffb,#f7fbfff6);box-shadow:0 18px 42px #0f172a0d}.ref-page-hero:before,.ref-card:before,.ref-side-card:before,.ref-banner-card:before{background:radial-gradient(circle at 0% 0%,rgba(79,140,255,.07),transparent 24%),radial-gradient(circle at 100% 0%,rgba(106,227,255,.09),transparent 21%)}.ref-page-hero{gap:16px;padding:28px 32px;margin-top:12px}.breadcrumbs{gap:7px;font-size:11px;letter-spacing:-.01em}.ref-hero-copy h1{margin:10px 0 8px;max-width:840px;font-size:clamp(40px,4vw,62px);line-height:.98;letter-spacing:-.07em}.ref-tool-page .ref-hero-copy h1,.ref-solution-page .ref-hero-copy h1,.ref-usecase-page .ref-hero-copy h1{max-width:900px}.ref-hero-copy p{max-width:760px;font-size:14px;line-height:1.7}.ref-inline-meta{gap:7px;margin-top:14px}.ref-inline-meta span,.ref-chip-row span,.ref-anchor-tabs a,.ref-filter-tab{min-height:34px;padding:0 14px;font-size:12px;font-weight:720;border-radius:999px}.ref-anchor-tabs{gap:8px;margin-top:16px}.ref-tool-hero{min-height:298px;padding-right:318px}.ref-tool-hero .ref-hero-copy{max-width:780px}.ref-tool-hero .ref-hero-side{top:24px;right:24px;width:270px}.ref-solution-hero,.ref-usecase-hero{grid-template-columns:minmax(0,1fr) 266px;align-items:start;min-height:250px}.ref-guide-hero-side{display:grid;gap:10px}.ref-guide-side-card{padding:18px}.ref-guide-side-card .section-kicker{margin-bottom:10px}.ref-side-card,.ref-card{padding:20px}.ref-side-card strong{margin-bottom:10px;font-size:16px}.ref-card h2,.ref-section-head h2,.ref-banner-card strong{font-size:clamp(24px,2vw,32px);line-height:1.08}.ref-section-head{gap:12px;margin-bottom:14px}.ref-workspace-shell{padding:18px}.ref-workspace-shell .ref-section-head{margin-bottom:12px}.ref-tool-layout,.ref-double-grid{gap:14px;margin-top:14px}.ref-tool-layout{grid-template-columns:minmax(0,1fr) 286px}.ref-tool-side{gap:10px;top:92px}.ref-link-stack,.ref-faq-list{gap:10px}.ref-mini-link{grid-template-columns:36px 1fr;gap:10px;padding:12px;border-radius:18px}.ref-hero-mini-link{align-items:center}.ref-mini-link .marketing-tool-icon{width:36px;height:36px;border-radius:14px}.ref-mini-link b{font-size:13px;line-height:1.42}.ref-mini-link small{-webkit-line-clamp:2;font-size:12px;line-height:1.52}.ref-text-link{padding:10px 2px;font-size:13px;line-height:1.45}.ref-step-grid,.ref-info-grid,.ref-tool-recommend-grid,.ref-scenario-grid,.ref-horizontal-steps,.ref-solution-list{gap:12px}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-faq-item,.ref-solution-item{border-radius:22px}.ref-step-card,.ref-info-item,.ref-tool-recommend-card,.ref-scenario-card,.ref-faq-item{padding:16px}.ref-step-card strong,.ref-horizontal-step strong,.ref-tool-recommend-card strong,.ref-scenario-card strong,.ref-faq-item strong,.ref-solution-item strong{font-size:14px;line-height:1.52}.ref-step-card p,.ref-info-item p,.ref-tool-recommend-card p,.ref-scenario-card p,.ref-faq-item p,.ref-solution-item p,.ref-side-card p{font-size:12px;line-height:1.66}.ref-tool-recommend-card,.ref-scenario-card{min-height:194px;gap:10px}.ref-card-link{gap:5px;padding-top:10px;font-size:13px}.ref-horizontal-step{padding:16px 15px;border-radius:18px}.ref-solution-item{gap:16px;padding:18px}.ref-solution-cta{flex:0 0 auto;min-height:40px;padding:0 16px;border:1px solid rgba(79,140,255,.18);border-radius:999px;background:#f3f8ffe6;display:inline-flex;align-items:center}.ref-rating-card .ref-stars{margin:10px 0 8px;letter-spacing:3px;font-size:18px}.tool-modern-page .tool-category-link{margin-top:14px;min-height:42px;padding:0 16px;font-size:13px}.ref-banner-card{gap:18px;padding:22px 24px;margin-top:14px}.ref-banner-card p{max-width:640px}.ref-filter-tabs{gap:8px;margin:10px 0 0}.ref-usecase-visual{min-height:186px}.ref-visual-orb{inset:22px 22px 18px 72px}.ref-visual-device{right:28px;top:22px;width:180px;height:148px;border-radius:34px}.site-footer{gap:22px;padding:26px 4px 38px}.footer-badges{gap:7px}.footer-contact-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 0;color:var(--text-soft);font-size:13px}.footer-contact-line a{color:var(--accent-blue);font-weight:900;text-decoration:none}.footer-badges span{min-height:30px;padding:0 11px;font-size:11px}html[data-theme=dark] .site-header,html[data-theme=dark] .ref-page-hero,html[data-theme=dark] .ref-card,html[data-theme=dark] .ref-side-card,html[data-theme=dark] .ref-banner-card,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .locale-switch.compact,html[data-theme=dark] .ref-step-card,html[data-theme=dark] .ref-info-item,html[data-theme=dark] .ref-tool-recommend-card,html[data-theme=dark] .ref-scenario-card,html[data-theme=dark] .ref-solution-item,html[data-theme=dark] .ref-faq-item,html[data-theme=dark] .ref-mini-link,html[data-theme=dark] .ref-horizontal-step,html[data-theme=dark] .ref-flow-pill,html[data-theme=dark] .ref-solution-cta,html[data-theme=dark] .footer-badges span{border-color:#849fc42b;background:linear-gradient(180deg,#0c1421f5,#09101cf1);box-shadow:0 22px 48px #00000047}html[data-theme=dark] .site-header{background:linear-gradient(180deg,#0b121fe6,#080e19d6),radial-gradient(circle at 16% -10%,rgba(79,140,255,.14),transparent 28%)}.auth-entry{min-height:40px;border:1px solid rgba(196,211,232,.9);border-radius:999px;padding:0 16px;background:linear-gradient(180deg,#fffffff5,#f8fbffe0);color:#152033;font-weight:900;box-shadow:0 10px 28px #4f8cff14}.auth-entry:hover,.auth-entry.is-signed-in{border-color:#4f8cff6b;color:#246bff;box-shadow:0 16px 36px #4f8cff24}.auth-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.auth-modal[hidden]{display:none}.auth-modal-backdrop{position:absolute;inset:0;background:#0a122075;backdrop-filter:blur(18px)}.auth-modal-dialog{position:relative;width:min(520px,calc(100vw - 28px));border:1px solid rgba(200,214,235,.92);border-radius:32px;padding:26px;background:linear-gradient(180deg,#fffffffa,#f8fbfff2),radial-gradient(circle at 16% 0%,rgba(79,140,255,.14),transparent 34%);box-shadow:0 28px 90px #0f172a2e;transform:translateY(14px) scale(.98);opacity:0;transition:transform .18s var(--ease),opacity .18s var(--ease)}.auth-modal.is-open .auth-modal-dialog{transform:translateY(0) scale(1);opacity:1}.auth-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(200,214,235,.9);background:#ffffffd1;color:#64748b;font-size:24px}.auth-copy h2{margin:10px 42px 10px 0;font-size:clamp(30px,4vw,42px);line-height:.98;letter-spacing:-.06em;color:#101828}.auth-copy p{margin:0 0 18px;color:#64748b;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid rgba(208,220,238,.86);border-radius:18px;background:#f1f6ffbd}.auth-tabs button{min-height:42px;border:0;border-radius:14px;background:transparent;color:#64748b;font-weight:900}.auth-tabs button.is-active{background:linear-gradient(135deg,#4f8cff,#6ae3ff);color:#fff;box-shadow:0 12px 30px #4f8cff42}.auth-form{display:grid;gap:14px;margin-top:18px}.auth-form .field input{min-height:52px;border-radius:18px}.auth-submit{min-height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,#4f8cff,#6ae3ff);color:#fff;font-weight:950;box-shadow:0 16px 42px #4f8cff47}.auth-submit.secondary{padding:0 18px;background:#eff6fff2;color:#246bff;border:1px solid rgba(79,140,255,.22);box-shadow:none}.auth-status{margin-top:14px;min-height:22px;color:#246bff;font-weight:800}.auth-footnote{margin-top:14px;padding:14px 16px;border:1px solid rgba(208,220,238,.76);border-radius:18px;color:#64748b;background:#f8fbffc7;line-height:1.6}.quota-card{margin-top:16px;padding:16px;border:1px solid rgba(200,214,235,.86);border-radius:22px;background:linear-gradient(180deg,#ffffffe0,#f6faffc7),radial-gradient(circle at 0% 0%,rgba(79,140,255,.12),transparent 36%);box-shadow:inset 0 1px #ffffffdb,0 14px 30px #0f172a0e}.inline-quota-card{margin:0 0 14px}.quota-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quota-card-head span{color:#64748b;font-size:12px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.quota-card-head strong{color:#10203a;font-size:24px;letter-spacing:-.05em}html[data-theme=dark] .quota-card-head strong,html[data-theme=dark] .auth-signed-in strong{color:var(--uv-dark-text)}.quota-bar{position:relative;height:10px;margin:12px 0 10px;overflow:hidden;border-radius:999px;background:#e2e8f0e6}.quota-bar span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#4f8cff,#6ae3ff);transition:width .24s var(--ease)}.quota-card p{margin:0;color:#64748b;font-size:13px;line-height:1.6}html[data-theme=dark] .quota-card p,html[data-theme=dark] .quota-card-head span,html[data-theme=dark] .quota-foot,html[data-theme=dark] .auth-footnote,html[data-theme=dark] .auth-signed-in span{color:var(--uv-dark-muted)}.quota-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(203,213,225,.68);color:#64748b;font-size:12px;font-weight:850}html[data-theme=dark] .quota-foot{border-top-color:#7890b41f}.quota-foot span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:#4f8cff14;color:#245fd8;padding:0 10px}html[data-theme=dark] .quota-foot span{background:#4f8cff1f;color:#b6cfff}.quota-foot a{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;color:#1e5fe3;font-weight:950;text-decoration:none}html[data-theme=dark] .quota-foot a{color:#93b8ff}.quota-card.is-warning .quota-bar span{background:linear-gradient(90deg,#f59e0b,#facc15)}.quota-card.is-empty .quota-bar span{background:linear-gradient(90deg,#ef4444,#fb7185)}.quota-card.is-empty .quota-card-head strong{color:#dc2626}.quota-card.is-muted{opacity:.82}.auth-signed-in{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid rgba(208,220,238,.82);border-radius:22px;background:#f8fbffd1}.auth-signed-in span{display:block;color:#64748b;font-weight:800;margin-bottom:4px}.auth-signed-in strong{color:#101828}html[data-theme=dark] .auth-entry,html[data-theme=dark] .auth-close,html[data-theme=dark] .auth-modal-dialog,html[data-theme=dark] .auth-footnote,html[data-theme=dark] .quota-card,html[data-theme=dark] .auth-signed-in{border-color:var(--uv-dark-edge-soft);background-image:none;background-color:#0f1622;box-shadow:0 14px 34px #00000038;color:#e5edf7}html[data-theme=dark] .auth-copy h2,html[data-theme=dark] .quota-card-head strong,html[data-theme=dark] .auth-signed-in strong{color:#f8fbff}html[data-theme=dark] .auth-copy p,html[data-theme=dark] .auth-footnote,html[data-theme=dark] .quota-card p,html[data-theme=dark] .quota-card-head span,html[data-theme=dark] .auth-signed-in span{color:#9fb1ca}html[data-theme=dark] .quota-bar{background:#ffffff12}html[data-theme=dark] .quota-foot{border-top-color:#7890b41f;color:#9fb1ca}html[data-theme=dark] .quota-foot span{background:#4f8cff24;color:#a9c7ff}html[data-theme=dark] .quota-foot a{color:#8db4ff}html[data-theme=dark] .ref-inline-meta span,html[data-theme=dark] .ref-chip-row span,html[data-theme=dark] .ref-anchor-tabs a,html[data-theme=dark] .ref-filter-tab{color:#c3d3e9}html[data-theme=dark] .ref-step-card p,html[data-theme=dark] .ref-info-item p,html[data-theme=dark] .ref-tool-recommend-card p,html[data-theme=dark] .ref-scenario-card p,html[data-theme=dark] .ref-faq-item p,html[data-theme=dark] .ref-solution-item p,html[data-theme=dark] .ref-side-card p,html[data-theme=dark] .ref-mini-link small,html[data-theme=dark] .ref-hero-copy p{color:#9fb1c9}@media(max-width:1180px){.site-header,.site-footer{width:min(100vw - 28px,1380px)}.ref-tool-hero{display:grid;grid-template-columns:1fr;min-height:0;padding-right:32px}.ref-tool-hero .ref-hero-side{position:static;width:auto}.ref-tool-layout,.ref-double-grid,.ref-solution-hero,.ref-usecase-hero{grid-template-columns:1fr}.ref-tool-side{position:static}}@media(max-width:760px){.site-header,.site-footer{width:min(100vw - 18px,1380px)}.site-header{padding:12px 14px;border-radius:20px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card{border-radius:24px}.ref-page-hero{padding:22px 20px}.ref-hero-copy h1,.ref-tool-page .ref-hero-copy h1{font-size:38px}}.ref-page{row-gap:12px}.ref-tool-hero{min-height:286px;padding-right:314px}.ref-tool-hero .ref-hero-side{top:24px;right:26px;width:260px}.ref-tool-hero .ref-side-card{padding:18px}.ref-tool-page .ref-mini-link{min-height:74px}.ref-solution-hero{min-height:0;grid-template-columns:minmax(0,1fr) 264px}.ref-solution-page .ref-page-hero{padding-top:26px;padding-bottom:26px}.ref-solution-page .ref-hero-copy h1{max-width:820px;font-size:clamp(42px,3.7vw,56px);line-height:1.03}.ref-solution-page .ref-hero-copy p{max-width:760px}.ref-guide-hero-side{gap:10px}.ref-guide-side-card{padding:16px}.ref-guide-side-card .ref-mini-link{min-height:72px}.ref-usecase-hero{min-height:244px}.ref-usecase-page .ref-filter-tabs{margin:10px 0 -2px}.ref-usecase-page>.ref-card:first-of-type{margin-top:0}.ref-usecase-page .ref-tool-recommend-card{min-height:184px;padding:16px 16px 17px}.ref-usecase-page .ref-tool-recommend-card .marketing-tool-icon{width:46px;height:46px}.ref-usecase-page .ref-tool-recommend-card strong{margin-top:8px}.ref-usecase-page .ref-tool-recommend-card p{margin-top:6px}.ref-hero-copy h1,.ref-card h2,.ref-section-head h2,.ref-banner-card strong,.ref-side-card strong,.ref-tool-recommend-card strong,.ref-scenario-card strong,.ref-faq-item strong,.ref-solution-item strong,.ref-mini-link b{letter-spacing:0}@media(max-width:1180px){.ref-tool-hero{min-height:0;padding-right:26px}}:root{--uv-bg: #f7faff;--uv-bg-elevated: rgba(255, 255, 255, .88);--uv-surface: rgba(255, 255, 255, .74);--uv-surface-strong: #ffffff;--uv-text: #07111f;--uv-text-muted: #59687d;--uv-text-soft: #7c8ca4;--uv-border: rgba(139, 157, 184, .22);--uv-border-strong: rgba(79, 140, 255, .38);--uv-primary: #4f8cff;--uv-primary-strong: #2768f6;--uv-cyan: #6ae3ff;--uv-ring: 0 0 0 4px rgba(79, 140, 255, .18);--uv-shadow-sm: 0 10px 28px rgba(15, 23, 42, .06);--uv-shadow-md: 0 24px 70px rgba(15, 23, 42, .1);--uv-shadow-lg: 0 34px 110px rgba(15, 23, 42, .14);--uv-radius-sm: 14px;--uv-radius-md: 18px;--uv-radius-lg: 24px;--uv-radius-xl: 32px;--uv-ease: cubic-bezier(.2, .8, .2, 1);--uv-fast: .16s;--uv-normal: .24s}html[data-theme=dark]{--uv-bg: #070b14;--uv-bg-elevated: rgba(11, 18, 32, .82);--uv-surface: rgba(17, 27, 45, .7);--uv-surface-strong: #0f1828;--uv-text: #f8fbff;--uv-text-muted: #b8c7db;--uv-text-soft: #8fa1bb;--uv-border: rgba(153, 178, 214, .18);--uv-border-strong: rgba(106, 227, 255, .42);--uv-ring: 0 0 0 4px rgba(106, 227, 255, .17);--uv-shadow-sm: 0 12px 34px rgba(0, 0, 0, .28);--uv-shadow-md: 0 28px 80px rgba(0, 0, 0, .38);--uv-shadow-lg: 0 38px 120px rgba(0, 0, 0, .48)}html{color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{color:var(--uv-text);background:radial-gradient(circle at 18% -8%,rgba(79,140,255,.16),transparent 34%),radial-gradient(circle at 82% 0%,rgba(106,227,255,.14),transparent 31%),linear-gradient(180deg,var(--uv-bg) 0%,#ffffff 56%,var(--uv-bg) 100%)}html[data-theme=dark] body{background:radial-gradient(circle at 16% -10%,rgba(79,140,255,.24),transparent 34%),radial-gradient(circle at 84% -2%,rgba(106,227,255,.14),transparent 32%),linear-gradient(180deg,#050810,#09111f 56%,#060912)}button,a,input,select,textarea,label{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:0;box-shadow:var(--uv-ring)!important}.site-header{position:sticky;top:14px;z-index:100;width:min(1180px,calc(100vw - 32px));min-height:64px;padding:10px 12px;border:1px solid var(--uv-border);background:color-mix(in srgb,var(--uv-bg-elevated) 88%,transparent);box-shadow:var(--uv-shadow-sm);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.brand,.footer-brand{min-height:44px;border-radius:16px;padding-inline:4px 10px}.brand img,.footer-brand img{box-shadow:0 10px 26px #4f8cff2e}.desktop-nav{gap:8px}.desktop-nav>a,.nav-trigger,.auth-entry,.locale-switch,.theme-toggle,.header-icon-button,.mobile-menu-toggle{min-height:44px;border-radius:999px;transition:transform var(--uv-fast) var(--uv-ease),background var(--uv-fast) var(--uv-ease),color var(--uv-fast) var(--uv-ease),border-color var(--uv-fast) var(--uv-ease),box-shadow var(--uv-fast) var(--uv-ease)}.desktop-nav>a{display:inline-flex;align-items:center;padding:0 14px;color:var(--uv-text-muted)}.desktop-nav>a:hover,.nav-trigger:hover{background:#4f8cff14;color:var(--uv-primary)}.nav-trigger{padding:0 14px;border:1px solid transparent}.header-actions{gap:8px}.header-icon-button,.theme-toggle,.mobile-menu-toggle{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--uv-border);background:var(--uv-surface);color:var(--uv-text-muted)}.header-icon-button svg,.theme-toggle svg,.mobile-menu-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-entry,.locale-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--uv-border);background:var(--uv-surface);color:var(--uv-text);padding:0 14px;font-weight:760}.auth-entry:hover,.locale-switch:hover,.theme-toggle:hover,.header-icon-button:hover,.mobile-menu-toggle:hover{border-color:var(--uv-border-strong);transform:translateY(-1px)}.auth-entry{background:linear-gradient(135deg,var(--uv-primary),var(--uv-cyan));border:0;color:#fff;box-shadow:0 12px 26px #4f8cff38}.locale-switch .globe svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}.mobile-menu-toggle{display:none}.mobile-nav{position:absolute;left:10px;right:10px;top:calc(100% + 10px);display:grid;gap:8px;padding:10px;border:1px solid var(--uv-border);border-radius:var(--uv-radius-lg);background:var(--uv-bg-elevated);box-shadow:var(--uv-shadow-md);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);transform-origin:top center;animation:uvMenuIn var(--uv-normal) var(--uv-ease)}.mobile-nav[hidden]{display:none!important}.mobile-nav a{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:16px;color:var(--uv-text);font-weight:760;background:transparent}.mobile-nav a:hover{background:#4f8cff1a;color:var(--uv-primary)}@keyframes uvMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu,.combo-menu,.filter-menu{border-color:var(--uv-border);background:var(--uv-bg-elevated);box-shadow:var(--uv-shadow-md);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18)}.menu-item,.filter-menu button,.combo-menu button{min-height:44px}.combo-select{min-height:48px;border-color:var(--uv-border);background:var(--uv-surface-strong);box-shadow:inset 0 1px #ffffff8c}.combo-input{min-height:46px;color:var(--uv-text)}.combo-toggle{min-width:44px;min-height:44px;display:grid;place-items:center}.combo-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--uv-fast) var(--uv-ease)}.combo-select.is-open .combo-toggle svg{transform:rotate(180deg)}.combo-menu{max-height:min(320px,48vh);overflow:auto;padding:8px}.combo-menu button{border-radius:14px;color:var(--uv-text)}.combo-menu button:hover,.combo-menu button.is-highlight{background:#4f8cff1a;color:var(--uv-primary)}.combo-menu button.is-active{background:linear-gradient(135deg,#4f8cff24,#6ae3ff1f);color:var(--uv-primary-strong)}.field input,.field textarea,.field select,input[type=text],input[type=search],input[type=number],input[type=password],input[type=email],input[type=url],textarea,select{min-height:48px;border-color:var(--uv-border);color:var(--uv-text);background:var(--uv-surface-strong)}textarea{line-height:1.62}input[type=checkbox],input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--uv-primary);cursor:pointer}label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;align-items:center;gap:10px}button:not(.nav-trigger):not(.theme-toggle):not(.header-icon-button):not(.mobile-menu-toggle):not(.combo-toggle),.button,.primary-button,.secondary-button,.action-button,.tool-button,.copy-button,.clear-button{min-height:44px;border-radius:999px}button:active,a:active,.is-clickable-card:active{transform:translateY(0) scale(.985)}.tool-card,.modern-tool-card,.marketing-tool-card,.category-card,.directory-card,.related-card,.content-card,.sidebar-card,.tool-panel,.result-panel,.result-card,.workflow-extension{border-color:var(--uv-border);background:linear-gradient(180deg,color-mix(in srgb,var(--uv-surface-strong) 92%,transparent),color-mix(in srgb,var(--uv-surface) 90%,transparent));box-shadow:var(--uv-shadow-sm)}.tool-card:hover,.modern-tool-card:hover,.marketing-tool-card:hover,.category-card:hover,.directory-card:hover,.related-card:hover,.is-clickable-card:hover{border-color:var(--uv-border-strong);box-shadow:var(--uv-shadow-md);transform:translateY(-3px)}.tool-icon,.marketing-tool-icon,.menu-icon{background:linear-gradient(135deg,#4f8cff24,#6ae3ff29);color:var(--uv-primary)}html[data-theme=dark] .uv-icon,html[data-theme=dark] .marketing-tool-icon,html[data-theme=dark] .tool-icon,html[data-theme=dark] .menu-icon,html[data-theme=dark] .sidebar-link-icon{border-color:var(--uv-dark-edge)}.tool-meta span,.ref-chip-row span,.footer-badges span{border:1px solid var(--uv-border);background:color-mix(in srgb,var(--uv-surface-strong) 76%,transparent);color:var(--uv-text-muted)}.file-dropzone,.file-inline{border-color:var(--uv-border);background:linear-gradient(180deg,color-mix(in srgb,var(--uv-surface-strong) 88%,transparent),color-mix(in srgb,var(--uv-surface) 88%,transparent))}.file-dropzone:hover,.file-dropzone.is-dragging{border-color:var(--uv-border-strong);box-shadow:var(--uv-ring)}.number-drag,.number-drag-trigger{min-width:44px;min-height:44px}.number-drag-popover,.file-picker-modal,.auth-dialog{border-color:var(--uv-border);background:var(--uv-bg-elevated);box-shadow:var(--uv-shadow-lg)}.site-footer{margin-top:64px;margin-bottom:28px;border:1px solid var(--uv-border);border-radius:var(--uv-radius-xl);background:color-mix(in srgb,var(--uv-bg-elevated) 86%,transparent);box-shadow:var(--uv-shadow-sm);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.footer-columns a{min-height:32px;border-radius:10px;padding:4px 6px;color:var(--uv-text-muted)}.footer-columns a:hover{background:#4f8cff14;color:var(--uv-primary)}.footer-bottom{color:var(--uv-text-soft)}html[data-theme=dark] .dropdown-menu,html[data-theme=dark] .combo-menu,html[data-theme=dark] .filter-menu,html[data-theme=dark] .mobile-nav,html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer{border-color:var(--uv-border);background:#0a101cd6}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=search],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=url],html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .combo-select{background:#0d1624eb;color:var(--uv-text);border-color:var(--uv-border)}@media(max-width:920px){.site-header{width:min(100vw - 20px,1180px);flex-wrap:wrap;align-items:center}.desktop-nav{display:none}.mobile-menu-toggle{display:inline-grid}.header-actions{margin-left:auto}.auth-entry{display:none}}@media(max-width:560px){.site-header{top:8px;padding:8px;border-radius:20px}.brand span{font-size:18px}.brand img{width:34px;height:34px}.header-actions{gap:6px}.header-icon-button,.theme-toggle,.mobile-menu-toggle{width:42px;height:42px;min-height:42px}.locale-switch{min-width:42px;padding:0 10px}.locale-switch .globe+span{display:none}.mobile-nav{left:0;right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{--uv2-ink: oklch(18% .035 260);--uv2-muted: oklch(46% .045 258);--uv2-soft: oklch(61% .036 258);--uv2-line: oklch(88% .025 255 / .82);--uv2-line-strong: oklch(72% .095 255 / .55);--uv2-paper: oklch(99% .006 255 / .96);--uv2-paper-soft: oklch(97.5% .012 255 / .9);--uv2-blue: oklch(63% .18 258);--uv2-cyan: oklch(82% .14 220);--uv2-success: oklch(67% .14 155);--uv2-danger: oklch(61% .18 25);--uv2-shadow-1: 0 1px 0 oklch(100% 0 0 / .72), 0 18px 50px oklch(42% .06 255 / .1);--uv2-shadow-2: 0 1px 0 oklch(100% 0 0 / .78), 0 28px 80px oklch(42% .06 255 / .14);--uv2-radius-page: 34px;--uv2-radius-panel: 26px;--uv2-radius-control: 16px;--uv2-ease: cubic-bezier(.16, 1, .3, 1)}html[data-theme=dark]{--uv2-ink: oklch(97% .01 255);--uv2-muted: oklch(77% .035 255);--uv2-soft: oklch(66% .035 255);--uv2-line: oklch(36% .035 255 / .72);--uv2-line-strong: oklch(67% .13 230 / .5);--uv2-paper: oklch(20% .025 258 / .94);--uv2-paper-soft: oklch(17% .022 258 / .88);--uv2-shadow-1: 0 1px 0 oklch(100% 0 0 / .04), 0 22px 70px oklch(0% 0 0 / .34);--uv2-shadow-2: 0 1px 0 oklch(100% 0 0 / .05), 0 34px 100px oklch(0% 0 0 / .46)}body{color:var(--uv2-ink);background-color:oklch(97.4% .018 252);background-image:linear-gradient(oklch(78% .045 253 / .18) 1px,transparent 1px),linear-gradient(90deg,oklch(78% .045 253 / .16) 1px,transparent 1px),radial-gradient(circle at 18% -12%,oklch(70% .15 258 / .2),transparent 34rem),radial-gradient(circle at 88% 4%,oklch(82% .14 220 / .18),transparent 31rem);background-size:44px 44px,44px 44px,auto,auto}html[data-theme=dark] body{background-color:#04070f;background-image:linear-gradient(oklch(56% .06 253 / .1) 1px,transparent 1px),linear-gradient(90deg,oklch(56% .06 253 / .09) 1px,transparent 1px),radial-gradient(circle at 18% -12%,oklch(57% .18 258 / .2),transparent 34rem),radial-gradient(circle at 88% 4%,oklch(74% .12 220 / .12),transparent 31rem)}.shell-grid{display:none}.site-header{max-width:1180px;border-radius:24px;background:color-mix(in oklch,var(--uv2-paper) 92%,transparent);border-color:var(--uv2-line);box-shadow:var(--uv2-shadow-1)}html[data-theme=dark] .site-header{border-color:var(--uv-dark-edge-soft);background:var(--uv-dark-seam-wash);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand span{letter-spacing:-.035em}.desktop-nav>a,.nav-trigger{color:var(--uv2-muted);font-size:14px;font-weight:760}.auth-entry{box-shadow:0 12px 28px #3a86f342}.locale-switch,.header-icon-button,.theme-toggle,.mobile-menu-toggle{background:color-mix(in oklch,var(--uv2-paper) 88%,transparent);border-color:var(--uv2-line)}.marketing-hero,.directory-modern-hero,.ref-page-hero,.content-card,.sidebar-card,.ref-card,.ref-side-card,.directory-modern-tabs,.newsletter-card,.promo-slab,.marketing-tool-card,.modern-tool-card,.marketing-category-card,.summary-mini-card{background:linear-gradient(180deg,var(--uv2-paper),var(--uv2-paper-soft));border:1px solid var(--uv2-line);box-shadow:var(--uv2-shadow-1)}html[data-theme=dark] .content-card,html[data-theme=dark] .sidebar-card,html[data-theme=dark] .tool-panel,html[data-theme=dark] .tool-modern-page .tool-modern-hero,html[data-theme=dark] .workflow-extension,html[data-theme=dark] .directory-card{border-color:var(--uv-dark-edge-soft)}html[data-theme=dark] .tool-panel,html[data-theme=dark] .content-card,html[data-theme=dark] .workflow-extension,html[data-theme=dark] .directory-card{background:var(--uv-dark-seam-wash)}html[data-theme=dark] .guides-page .content-card.directory-card,html[data-theme=dark] .topics-page .content-card.directory-card,html[data-theme=dark] .guides-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .topics-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .guides-page .content-card.directory-card.featured-directory-card,html[data-theme=dark] .topics-page .content-card.directory-card.featured-directory-card{border-color:#849fc429;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%);box-shadow:0 22px 52px #00000047}.marketing-hero,.directory-modern-hero,.ref-page-hero{border-radius:var(--uv2-radius-page);padding:clamp(32px,4vw,58px);overflow:hidden}.marketing-hero:before,.directory-modern-hero:before,.ref-page-hero:before{opacity:.42;background:radial-gradient(circle at 80% 24%,oklch(82% .14 220 / .22),transparent 28rem)}.marketing-hero-copy h1,.marketing-hero h1{max-width:720px;font-size:clamp(54px,6.4vw,88px);line-height:.92;letter-spacing:-.075em;text-wrap:balance}html[data-locale=zh] .marketing-hero-copy h1,html[lang^=zh] .marketing-hero-copy h1,.marketing-hero-copy h1:lang(zh){max-width:640px;font-size:clamp(44px,5.2vw,74px);line-height:1.02;letter-spacing:-.055em}.directory-modern-hero h1,.ref-hero-copy h1,.ref-tool-page .ref-hero-copy h1{font-size:clamp(48px,4.8vw,72px);line-height:.98;letter-spacing:-.058em;text-wrap:balance}.marketing-hero p,.directory-modern-hero p,.ref-hero-copy p{color:var(--uv2-muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;max-width:68ch}html[data-theme=dark] .menu-kicker{background:#122032c7;border-color:#407bc557}.marketing-search-shell,.directory-search-wrap,.search-wrap{border-color:var(--uv2-line-strong);border-radius:20px;box-shadow:0 16px 42px #3a70b31a;background:var(--uv2-paper)}html[data-theme=dark] .marketing-search-shell,html[data-theme=dark] .directory-search-wrap,html[data-theme=dark] .search-wrap{border-color:var(--uv-dark-edge-soft)}.marketing-search-shell input,.directory-search-wrap input,.search-wrap input{color:var(--uv2-ink);font-weight:620}.marketing-search-button{border-radius:14px;background:linear-gradient(135deg,var(--uv2-blue),var(--uv2-cyan));box-shadow:0 12px 28px #3a86f342}.search-chips a,.directory-link-chip,.ref-anchor-tabs a,.modern-tab,.tool-meta span,.ref-inline-meta span,.ref-chip-row span{border-color:var(--uv2-line);background:color-mix(in oklch,var(--uv2-paper) 84%,transparent);color:var(--uv2-muted);min-height:34px}.search-chips a:hover,.directory-link-chip:hover,.ref-anchor-tabs a:hover,.modern-tab:hover{border-color:var(--uv2-line-strong);color:var(--uv2-blue);transform:translateY(-1px)}.stats-strip{border-radius:28px;border:1px solid var(--uv2-line);background:linear-gradient(180deg,var(--uv2-paper),var(--uv2-paper-soft));box-shadow:var(--uv2-shadow-1)}html[data-theme=dark] .stats-strip,html[data-theme=dark] .pattern-stats-strip,html[data-theme=dark] .shared-marketing-page .stats-strip{border-color:var(--uv-dark-edge-soft)}.stats-strip>div{border-radius:22px}html[data-theme=dark] .stats-strip>div,html[data-theme=dark] .pattern-stats-strip>div,html[data-theme=dark] .shared-marketing-page .stats-strip>div{border-color:var(--uv-dark-edge-soft)}.stats-strip strong{color:var(--uv2-blue);letter-spacing:-.035em}.stats-strip span{color:var(--uv2-muted)}.shared-home-summary,.directory-summary-grid{gap:18px}.directory-card .tool-meta,.related-card .tool-meta,.directory-page .tool-meta,.sitemap-page .tool-meta{margin-top:auto}.directory-page .tool-meta span{background:linear-gradient(180deg,#fff,#f5f8ff)}.directory-bottom-grid .wide,.sitemap-page .wide{display:grid;align-content:start}.link-list{gap:12px}.summary-mini-card{padding:24px;border-radius:28px}.summary-mini-card h2{font-size:clamp(24px,2vw,34px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.summary-mini-card p{color:var(--uv2-muted);line-height:1.65}.directory-modern-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px;align-items:start}.directory-modern-sidebar{gap:16px}.directory-modern-sidebar .sidebar-card{position:sticky;top:94px;border-radius:28px;padding:20px}.directory-modern-sidebar .sidebar-card:not(:first-child){position:static}.sidebar-link{border:1px solid transparent;min-height:52px;border-radius:18px;transition:background .18s var(--uv2-ease),border-color .18s var(--uv2-ease),transform .18s var(--uv2-ease)}.sidebar-link:hover,.sidebar-link.is-active{background:oklch(96% .03 255 / .9);border-color:var(--uv2-line);transform:translate(2px)}html[data-theme=dark] .sidebar-link:hover,html[data-theme=dark] .sidebar-link.is-active{background:#162232b8}.modern-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}.marketing-card-grid.five-up{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.marketing-category-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.marketing-tool-card,.modern-tool-card{min-height:246px;padding:24px;border-radius:28px;display:flex;flex-direction:column}.marketing-tool-card:before,.modern-tool-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--uv2-blue),var(--uv2-cyan));opacity:.75}.marketing-tool-card:hover,.modern-tool-card:hover,.marketing-category-card:hover{transform:translateY(-4px);box-shadow:var(--uv2-shadow-2)}.marketing-tool-card h3,.modern-tool-card h3{min-height:0!important;font-size:clamp(22px,1.8vw,28px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.marketing-tool-card p,.modern-tool-card p{min-height:0!important;color:var(--uv2-muted);line-height:1.62;flex:1}.marketing-tool-icon,.tool-icon,.menu-icon,.sidebar-link-icon{background:linear-gradient(135deg,oklch(92% .05 255),oklch(93% .065 220));color:var(--uv2-blue);box-shadow:inset 0 1px #ffffffa8}html[data-theme=dark] .marketing-tool-icon,html[data-theme=dark] .uv-icon,html[data-theme=dark] .tool-icon,html[data-theme=dark] .menu-icon,html[data-theme=dark] .sidebar-link-icon{background:#172233;box-shadow:none;border:1px solid rgba(120,144,180,.1)}html[data-theme=dark] .marketing-tool-icon,html[data-theme=dark] .tool-icon,html[data-theme=dark] .menu-icon,html[data-theme=dark] .sidebar-link-icon{background:linear-gradient(135deg,#152a43,oklch(25% .055 220))}.tool-favorite{min-width:44px;min-height:44px;border-radius:999px}.tool-favorite.is-active{color:var(--uv2-blue);background:oklch(94% .04 255);border-color:var(--uv2-line-strong)}.ref-tool-hero{min-height:0;padding-right:clamp(32px,27vw,360px)}.ref-tool-hero .ref-hero-side{top:24px;right:24px;width:min(286px,25vw)}.ref-tool-layout{grid-template-columns:minmax(0,1.28fr) minmax(248px,288px);gap:18px}.ref-card,.ref-side-card{border-radius:28px}.ref-workspace-shell{padding:20px}.ref-tool-main,.ref-tool-side{min-width:0}.ref-tool-side{display:grid;gap:18px;align-content:start}.ref-section-head{gap:16px;align-items:start}.ref-section-head h2{font-size:clamp(28px,2.5vw,42px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.ref-tool-page .ref-tool-hero .ref-hero-side{display:none}.ref-tool-page .ref-tool-hero{padding-right:32px}.tool-workspace,.modern-workspace,.pattern-workspace{border-radius:26px;background:var(--uv2-paper);border:1px solid var(--uv2-line);box-shadow:inset 0 1px #fff9}.ref-workspace-shell .tool-layout:not(.lookup-tool-layout),.ref-workspace-shell .tool-layout.wide-tool:not(.lookup-tool-layout){grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.ref-workspace-shell .converter-grid{grid-template-columns:minmax(0,1.02fr) 52px minmax(0,.98fr)}.workspace-grid,.tool-form-grid{gap:18px}.field,.result-card,.output-card,.result-panel,.workflow-extension,.next-step-card{border-radius:24px;border-color:var(--uv2-line);background:linear-gradient(180deg,var(--uv2-paper),var(--uv2-paper-soft))}.result-card,.output-card,.result-panel{overflow:hidden}.result-card pre,.output-card pre,.result-panel pre,.result-card code,.output-card code,.result-panel code{white-space:pre-wrap;overflow-wrap:anywhere}.field input,.field textarea,.field select,.combo-select,.number-control,.file-inline,.file-dropzone,textarea,select,input[type=text],input[type=search],input[type=number],input[type=password],input[type=email],input[type=url]{border-radius:var(--uv2-radius-control);border-color:var(--uv2-line);background:var(--uv2-paper);color:var(--uv2-ink);box-shadow:inset 0 1px #ffffff94}html[data-theme=dark] input[type=search],html[data-theme=dark] .search-wrap input,html[data-theme=dark] .marketing-search-shell input,html[data-theme=dark] .directory-search-wrap input{border-color:transparent;border-top-color:transparent}html[data-theme=dark] input[type=search]{appearance:none;-webkit-appearance:none;background-clip:padding-box}html[data-theme=dark] input[type=search]::-webkit-search-decoration,html[data-theme=dark] input[type=search]::-webkit-search-cancel-button,html[data-theme=dark] input[type=search]::-webkit-search-results-button,html[data-theme=dark] input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.field textarea,textarea{min-height:160px}.combo-menu,.dropdown-menu,.filter-menu,.mobile-nav{border-color:var(--uv2-line);background:var(--uv2-paper);box-shadow:var(--uv2-shadow-2)}.combo-menu button,.filter-menu button,.menu-item{border-radius:14px}.combo-menu button:hover,.combo-menu button.is-highlight,.menu-item:hover{background:oklch(95.5% .034 255);color:var(--uv2-blue)}html[data-theme=dark] .combo-menu button:hover,html[data-theme=dark] .combo-menu button.is-highlight{background:#162232}.primary-link,.primary-button,.marketing-search-button,button[data-action=submit],button[data-action=convert]{background:linear-gradient(135deg,var(--uv2-blue),var(--uv2-cyan));color:#fff;border-color:transparent;box-shadow:0 14px 34px #3a86f33d}.secondary-link,.tool-category-link,.secondary-button,.action-button,.copy-button,.clear-button{border-color:var(--uv2-line);background:var(--uv2-paper);color:var(--uv2-blue)}.clear-button,button.danger,button[data-action=clear]{color:var(--uv2-danger)}.copy-button:hover,.secondary-button:hover,.action-button:hover,.tool-category-link:hover{border-color:var(--uv2-line-strong);transform:translateY(-1px)}.site-footer{border-radius:30px;background:linear-gradient(180deg,var(--uv2-paper),var(--uv2-paper-soft));border-color:var(--uv2-line);box-shadow:var(--uv2-shadow-1)}html[data-theme=dark] .site-footer{border-color:var(--uv-dark-edge-soft);background:var(--uv-dark-seam-wash);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.footer-brand-block p,.footer-columns a,.footer-bottom{color:var(--uv2-muted)}@media(max-width:1180px){.directory-modern-layout,.ref-tool-layout{grid-template-columns:1fr}.directory-modern-sidebar .sidebar-card,.ref-tool-side{position:static}.ref-tool-hero{padding-right:32px}.ref-tool-hero .ref-hero-side{position:static;width:auto;margin-top:18px}}@media(max-width:760px){.marketing-hero,.directory-modern-hero,.ref-page-hero{padding:24px 20px;border-radius:26px}.marketing-hero-copy h1,.marketing-hero h1,html[data-locale=zh] .marketing-hero-copy h1,html[lang^=zh] .marketing-hero-copy h1{font-size:clamp(38px,12vw,54px);line-height:1;letter-spacing:-.052em}.directory-modern-hero h1,.ref-hero-copy h1,.ref-tool-page .ref-hero-copy h1{font-size:clamp(36px,10vw,50px)}.marketing-hero-visual{min-height:260px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-tool-grid,.marketing-card-grid.five-up,.marketing-category-row,.ref-section-head{grid-template-columns:1fr}}@media(max-width:480px){.stats-strip{grid-template-columns:1fr}.search-chips{align-items:flex-start}.marketing-search-shell{padding:7px}}.breadcrumbs a,.breadcrumbs span{min-height:32px;display:inline-flex;align-items:center;border-radius:10px}.breadcrumbs a{padding-inline:2px}.ref-text-link{min-height:36px;display:flex;align-items:center}.pattern-directory-page .directory-modern-hero{min-height:300px;align-items:end}.ref-tool-page .ref-tool-hero{padding-top:max(88px,clamp(32px,4vw,58px))}.ref-tool-page .ref-tool-hero .ref-hero-side{top:88px}@media(max-width:1180px){.ref-tool-page .ref-tool-hero{padding-top:28px}}.http-status-header .section-kicker{width:fit-content}.http-status-tool{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.http-status-search-panel{position:relative;top:auto;display:grid;gap:18px}.http-status-search-panel .panel-title,.http-status-result-panel .panel-title{margin-bottom:0}.http-search-field{display:grid;gap:8px}.http-search-field .single-input{min-height:56px;border-radius:20px;font-size:17px;font-weight:760;letter-spacing:-.015em;background:linear-gradient(180deg,#fffffff5,#f8fbffe6)}.http-filter-block{display:grid;gap:10px}.http-filter-label{color:#52637f;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.http-filter-row,.http-code-row{display:flex;flex-wrap:wrap;gap:8px}.http-filter-chip,.http-code-chip{min-height:44px;border:1px solid rgba(203,213,225,.86);border-radius:999px;background:linear-gradient(180deg,#fffffff5,#f8fbffdb);color:#334155;padding:0 13px;font-size:13px;font-weight:880;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0f172a09;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.http-code-chip{min-width:58px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.http-filter-chip:hover,.http-code-chip:hover,.http-filter-chip.is-active{transform:translateY(-1px);border-color:#4f8cff57;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff12);color:#1e5fe3;box-shadow:inset 0 1px #ffffffeb,0 14px 28px #4f8cff1f}.http-filter-chip.is-active{border-color:#4f8cff70}.http-status-result-panel{min-width:0}.http-result-stack{display:grid;gap:14px}.http-reference-shell{display:grid;gap:18px}.http-reference-overview{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}.http-reference-focus{display:grid;gap:16px;padding:18px;border:1px solid rgba(203,213,225,.78);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 34%),linear-gradient(180deg,#fffffffa,#f7fbffe6);box-shadow:inset 0 1px #ffffffe6,0 16px 34px #0f172a0d}.http-reference-focus[data-tone=success]{background:radial-gradient(circle at 100% 0%,rgba(16,185,129,.13),transparent 34%),linear-gradient(180deg,#fffffffa,#f5fcf8eb)}.http-reference-focus[data-tone=redirection]{background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.15),transparent 34%),linear-gradient(180deg,#fffffffa,#fffaf0eb)}.http-reference-focus[data-tone=client]{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%),linear-gradient(180deg,#fffffffa,#f6faffeb)}.http-reference-focus[data-tone=server]{background:radial-gradient(circle at 100% 0%,rgba(239,68,68,.14),transparent 34%),linear-gradient(180deg,#fffffffa,#fff6f6eb)}.http-reference-focus-top,.http-reference-focus-main,.http-reference-focus-actions,.http-reference-support{display:flex;gap:14px}.http-reference-focus-top{align-items:center;justify-content:space-between;flex-wrap:wrap}.http-reference-focus-main{align-items:stretch}.http-reference-focus-code{position:relative;display:grid;align-content:center;gap:8px;min-width:142px;padding:18px 16px 16px;border:1px solid rgba(191,219,254,.96);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#eff6fff5);color:#1e5fe3;box-shadow:inset 0 1px #ffffffeb;overflow:hidden;text-align:left}.http-reference-code-accent{position:absolute;left:14px;top:14px;width:18px;height:4px;border-radius:999px;background:currentColor;opacity:.75}.http-reference-focus-code strong{display:block;font-size:clamp(48px,5vw,68px);font-weight:950;line-height:.88;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.http-reference-focus-code small{color:#5f7390;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.http-reference-focus-copy{display:grid;gap:12px;min-width:0;flex:1 1 auto}.http-reference-focus-copy h3{margin:0;color:#14233e;font-size:clamp(26px,2.5vw,38px);line-height:1.02;letter-spacing:-.055em}.http-reference-focus-copy p{margin:0;max-width:60ch;color:#52637f;line-height:1.7}.http-reference-focus-actions{flex-wrap:wrap}.http-reference-focus-actions .http-reference-copy-chip{flex:1 1 220px}.http-reference-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.http-reference-mini-card{display:grid;gap:8px;align-content:start;min-width:0;padding:16px;border:1px solid rgba(214,225,239,.9);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f7fbffeb);box-shadow:inset 0 1px #ffffffeb}.http-reference-mini-card span{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.http-reference-mini-card strong{color:#14233e;font-size:24px;font-weight:900;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}.http-reference-mini-card small{color:#6b7d97;line-height:1.55}.http-status-spotlight{display:grid;gap:18px;padding:20px;border:1px solid rgba(203,213,225,.72);border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.13),transparent 32%),linear-gradient(180deg,#ffffffe6,#f8fbffc7);box-shadow:inset 0 1px #ffffffd6,0 16px 34px #0f172a0e;overflow:hidden}.http-status-spotlight[data-tone=success]{background:radial-gradient(circle at 100% 0%,rgba(16,185,129,.14),transparent 32%),linear-gradient(180deg,#ffffffe6,#f7fefbc7)}.http-status-spotlight[data-tone=redirection]{background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.16),transparent 32%),linear-gradient(180deg,#ffffffe6,#fffbebb8)}.http-status-spotlight[data-tone=client]{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.16),transparent 32%),linear-gradient(180deg,#ffffffe6,#f8fbffc7)}.http-status-spotlight[data-tone=server]{background:radial-gradient(circle at 100% 0%,rgba(239,68,68,.13),transparent 32%),linear-gradient(180deg,#ffffffe6,#fff7f7b8)}.http-status-spotlight-top,.http-status-spotlight-main,.http-status-split{display:flex;gap:14px}.http-status-spotlight-top{align-items:center;justify-content:space-between;flex-wrap:wrap}.http-status-spotlight-badges,.http-status-toolbar{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.http-query-pill{display:inline-flex;align-items:center;min-height:34px;max-width:100%;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:linear-gradient(180deg,#eff6fff5,#dbeafec7);color:#1e5fe3;padding:0 12px;font-size:12px;font-weight:900;overflow-wrap:anywhere}.crontab-tool-layout{align-items:start}.crontab-input-panel,.crontab-result-panel{display:grid;gap:16px}.crontab-preset-strip{display:flex;flex-wrap:wrap;gap:10px}.crontab-preset{min-height:40px;border:1px solid rgba(203,213,225,.78);border-radius:999px;background:linear-gradient(180deg,#fffffff0,#f6faffdb);color:#42536d;padding:0 14px;font-size:13px;font-weight:850;box-shadow:inset 0 1px #ffffffeb,0 10px 20px #0f172a0a;transition:transform .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.crontab-preset:hover,.crontab-preset:focus-visible{transform:translateY(-1px);border-color:#4f8cff61;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff12);color:#1e5fe3;box-shadow:0 14px 26px #4f8cff1f;outline:none}.crontab-helper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crontab-helper-card,.crontab-run-card,.crontab-zone-card{border:1px solid rgba(203,213,225,.72);border-radius:20px;background:linear-gradient(180deg,#ffffffe0,#f7fbffc2);box-shadow:inset 0 1px #ffffffe0}.crontab-helper-card{display:grid;gap:8px;padding:16px}.crontab-helper-card strong,.crontab-zone-card strong{color:#14233e;font-size:15px;letter-spacing:-.02em}.crontab-helper-card p{margin:0;color:#60708a;line-height:1.6;font-size:13px}.crontab-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.crontab-zone-card{grid-column:span 2;display:grid;gap:6px;align-content:start;padding:16px;min-width:0}.crontab-zone-card span{color:#60708a;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.crontab-zone-card strong{overflow-wrap:anywhere;line-height:1.2}.crontab-run-list{display:grid;gap:12px}.crontab-run-card{display:grid;gap:8px;padding:16px}.crontab-run-card span{color:#64748b;font-size:12px;font-weight:950}.crontab-run-card strong{color:#14233e;font-size:24px;letter-spacing:-.04em;line-height:1.08}.crontab-run-card small{color:#60708a;line-height:1.5}.http-status-range,.http-match-count{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;border:1px solid rgba(203,213,225,.75);background:#ffffffb8;color:#475569;padding:0 11px;font-size:12px;font-weight:900}.http-status-spotlight-main{align-items:center}.http-status-spotlight-main>strong{flex:0 0 auto;min-width:112px;color:#10203b;font-size:clamp(56px,8vw,88px);line-height:.9;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.http-status-spotlight-main h3{margin:0;color:#14233e;font-size:clamp(24px,2.7vw,36px);line-height:1.04;letter-spacing:-.055em}.http-status-spotlight-main p{margin:8px 0 0;max-width:62ch;color:#52637f;line-height:1.65}.http-status-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.http-status-split{align-items:stretch}.http-status-split>.result-surface{flex:1 1 0;min-width:0}.http-check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.http-check-list li{position:relative;padding-left:24px;color:#52637f;line-height:1.6}.http-check-list li:before{content:"";position:absolute;left:0;top:.65em;width:9px;height:9px;border-radius:999px;background:#4f8cff;box-shadow:0 0 0 4px #4f8cff1f}.http-distribution-list{display:grid;gap:8px}.http-distribution-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-radius:16px;border:1px solid rgba(203,213,225,.68);background:#ffffffad;color:#52637f;padding:0 12px;font-size:13px;font-weight:800}.http-distribution-list b{color:#14233e;font-size:18px;font-variant-numeric:tabular-nums}.http-status-card-list{display:grid;gap:10px;max-height:520px;overflow-x:hidden;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(79,140,255,.34) transparent}.http-matches-surface{gap:12px}.http-status-card-list::-webkit-scrollbar{width:10px}.http-status-card-list::-webkit-scrollbar-track{background:transparent}.http-status-card-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#4f8cff61,#6ae3ff47);background-clip:padding-box}.http-status-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;min-height:70px;border:1px solid rgba(203,213,225,.72);border-radius:20px;background:linear-gradient(180deg,#fffffff0,#f7faffe0);color:inherit;padding:11px 13px;text-align:left;box-shadow:inset 0 1px #ffffffc7;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.http-status-card:hover,.http-status-card:focus-visible{transform:translateY(-1px);border-color:#4f8cff4d;background:linear-gradient(180deg,#fffffff5,#f2f7ffd1);box-shadow:inset 0 1px #ffffffe0,0 14px 28px #0f172a0f;outline:none}.http-status-code{color:#1e5fe3;font-size:24px;font-weight:950;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.http-status-card-copy{display:grid;gap:4px;min-width:0}.http-status-card-copy strong{color:#14233e;font-size:15px;letter-spacing:-.015em}.http-status-card-copy small{display:block;max-width:100%;color:#64748b;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.http-status-tag{justify-self:end;border-radius:999px;border:1px solid rgba(203,213,225,.72);background:#ffffffbd;color:#475569;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap}.http-status-empty{min-height:260px;display:grid;align-content:center}.http-reference-list{gap:0;max-height:none;overflow:visible;padding-right:0}.http-reference-row{display:grid;grid-template-columns:88px minmax(0,1fr) minmax(220px,280px);gap:18px;align-items:start;padding:22px 4px;border-top:1px solid rgba(226,232,240,.86)}.http-reference-row:first-child{border-top:0;padding-top:6px}.http-reference-code{position:relative;display:grid;place-items:center;gap:6px;min-height:74px;border:1px solid rgba(203,213,225,.82);border-radius:18px;background:linear-gradient(180deg,#f8fbfff5,#f1f7ffe6);color:#1e5fe3;box-shadow:inset 0 1px #ffffffe0;overflow:hidden}.http-reference-code span{font-size:28px;font-weight:950;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.http-reference-code small{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.http-reference-main{display:grid;gap:10px;min-width:0;padding-top:4px}.http-reference-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.http-reference-head strong{color:#14233e;font-size:24px;font-weight:900;letter-spacing:-.04em;line-height:1.1}.http-reference-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(203,213,225,.82);background:#f8fafcf5;color:#51647f;font-size:11px;font-weight:900}.http-reference-main p{margin:0;color:#5a6c87;font-size:14px;line-height:1.7;max-width:54ch}.http-reference-copy{display:grid;gap:10px}.http-reference-row[data-tone=success] .http-reference-code,.http-reference-focus[data-tone=success] .http-reference-focus-code{color:#0f9a67;border-color:#6ee7b7d1;background:linear-gradient(180deg,#fffffffa,#ecfdf5f5)}.http-reference-row[data-tone=redirection] .http-reference-code,.http-reference-focus[data-tone=redirection] .http-reference-focus-code{color:#d97706;border-color:#fdba74d1;background:linear-gradient(180deg,#fffffffa,#fff7edf5)}.http-reference-row[data-tone=client] .http-reference-code,.http-reference-focus[data-tone=client] .http-reference-focus-code{color:#2563eb}.http-reference-row[data-tone=server] .http-reference-code,.http-reference-focus[data-tone=server] .http-reference-focus-code{color:#dc2626;border-color:#fca5a5d1;background:linear-gradient(180deg,#fffffffa,#fef2f2f5)}.http-reference-copy-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:10px 12px;border:1px solid rgba(203,213,225,.78);border-radius:12px;background:#ffffffd1;color:#334155;text-align:left}.http-reference-copy-chip:hover{border-color:#4f8cff57;background:#fffffffa;color:#1e5fe3}.http-reference-copy-chip span{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;flex:0 0 auto}.http-reference-copy-chip code{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;overflow-wrap:anywhere;word-break:break-word;text-align:right}html[data-theme=dark] .http-filter-label,html[data-theme=dark] .http-status-spotlight-main p,html[data-theme=dark] .http-check-list li,html[data-theme=dark] .http-status-card-copy small,html[data-theme=dark] .http-distribution-list span,html[data-theme=dark] .http-reference-focus-copy p,html[data-theme=dark] .http-reference-mini-card small,html[data-theme=dark] .http-reference-main p,html[data-theme=dark] .http-reference-code small,html[data-theme=dark] .http-reference-copy-chip span{color:#9daec8}html[data-theme=dark] .http-search-field .single-input,html[data-theme=dark] .http-filter-chip,html[data-theme=dark] .http-code-chip,html[data-theme=dark] .http-status-spotlight,html[data-theme=dark] .http-status-card,html[data-theme=dark] .http-distribution-list span,html[data-theme=dark] .http-status-range,html[data-theme=dark] .http-match-count,html[data-theme=dark] .http-status-tag{border-color:#ffffff17;background:linear-gradient(180deg,#ffffff0e,#ffffff06);box-shadow:inset 0 1px #ffffff09}html[data-theme=dark] .http-filter-chip:hover,html[data-theme=dark] .http-code-chip:hover,html[data-theme=dark] .http-filter-chip.is-active,html[data-theme=dark] .http-status-card:hover,html[data-theme=dark] .http-status-card:focus-visible{border-color:#4f8cff52;background:linear-gradient(180deg,#4f8cff29,#6ae3ff12);box-shadow:0 16px 34px #00000038}html[data-theme=dark] .http-status-spotlight-main>strong,html[data-theme=dark] .http-status-spotlight-main h3,html[data-theme=dark] .http-status-card-copy strong,html[data-theme=dark] .http-distribution-list b{color:#f5f9ff}html[data-theme=dark] .http-status-code{color:#8db4ff}html[data-theme=dark] .http-reference-row{border-color:#2f4361b3}html[data-theme=dark] .http-reference-focus,html[data-theme=dark] .http-reference-mini-card,html[data-theme=dark] .http-reference-code,html[data-theme=dark] .http-reference-tag,html[data-theme=dark] .http-reference-copy-chip{border-color:#2f4361e6;background:linear-gradient(180deg,#121c2efa,#0c1320f0)}html[data-theme=dark] .http-reference-focus-code{border-color:#4166a2e6;background:linear-gradient(180deg,#141f32fa,#0d1523f5)}html[data-theme=dark] .http-reference-mini-card span,html[data-theme=dark] .http-reference-focus-code small{color:#9eb2d0}html[data-theme=dark] .http-reference-focus-copy h3,html[data-theme=dark] .http-reference-head strong,html[data-theme=dark] .http-reference-mini-card strong,html[data-theme=dark] .http-reference-copy-chip code{color:#edf4ff}html[data-theme=dark] .http-status-tag,html[data-theme=dark] .http-status-range,html[data-theme=dark] .http-match-count{color:#d7e5fb}html[data-theme=dark] .http-query-pill{border-color:#4f8cff47;background:linear-gradient(180deg,#4f8cff2e,#6ae3ff14);color:#d7e5fb}html[data-theme=dark] .http-status-card-list{scrollbar-color:rgba(106,227,255,.34) transparent}html[data-theme=dark] .http-status-card-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f8cff66,#6ae3ff4d);background-clip:padding-box}html[data-theme=dark] .lookup-summary-bar{border-color:#273a56fa;background:linear-gradient(180deg,#0f1624f5,#0a101df0)}html[data-theme=dark] .lookup-summary-bar span{color:#8ea5c5}html[data-theme=dark] .lookup-summary-bar strong{color:#edf4ff}html[data-theme=dark] .lookup-count-badge{border-color:#2f4361eb;background:linear-gradient(180deg,#141e30fa,#0c1320f5);color:#dce9ff}html[data-theme=dark] .lookup-table-wrap{border-color:#273a56f0;background:linear-gradient(180deg,#0c121ff5,#0a101df0)}html[data-theme=dark] .lookup-result-card{border-color:#2f4361eb;background:linear-gradient(180deg,#141e30fa,#0c1320f5);box-shadow:0 14px 30px #0003,inset 0 1px #ffffff0a}html[data-theme=dark] .lookup-card-title,html[data-theme=dark] .lookup-card-description,html[data-theme=dark] .lookup-card-description.is-compact strong,html[data-theme=dark] .lookup-card-meta-row dd{color:#e4eefc}html[data-theme=dark] .lookup-card-tag{border-color:#2f4361eb;background:linear-gradient(180deg,#121c2efa,#0c1320f5);color:#dbe8ff}html[data-theme=dark] .lookup-card-subline,html[data-theme=dark] .lookup-card-description.is-compact span,html[data-theme=dark] .lookup-card-meta-row dt,html[data-theme=dark] .lookup-copy-hint,html[data-theme=dark] .lookup-action-label,html[data-theme=dark] .lookup-card-copy-title{color:#9eb2d0}html[data-theme=dark] .lookup-card-copy-panel{border-color:#2f4361eb;background:linear-gradient(180deg,#121c2efa,#0d1523f5)}html[data-theme=dark] .lookup-action-chip{border-color:#2f4361eb;background:#0c1320d1;color:#dbe8ff}html[data-theme=dark] .lookup-action-chip.is-format{background:linear-gradient(180deg,#18253afa,#0e1726f5)}html[data-theme=dark] .lookup-action-chip:hover{border-color:#609aff61;background:linear-gradient(180deg,#21314afa,#121d2ff5);color:#fff;box-shadow:0 14px 28px #00000038}html[data-theme=dark] .workspace-stat.is-long-value strong{color:#edf4ff}#toolWorkspace,#toolGuide,#toolFaq{scroll-margin-top:112px}@media(max-width:900px){.lookup-tool-layout{grid-template-columns:1fr!important}.lookup-input-panel{position:static;top:auto}.lookup-detail-panel{grid-column:auto}.lookup-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lookup-result-card{grid-template-columns:1fr;gap:14px;padding:16px}.lookup-card-title{font-size:24px}.lookup-card-copy-panel{padding:10px}.lookup-action-chip{align-items:flex-start;flex-direction:column;gap:6px}.lookup-action-value{text-align:left}.lookup-summary-bar,.cidr-detail-grid{grid-template-columns:1fr}.http-status-card{grid-template-columns:64px minmax(0,1fr)}.http-status-tag{grid-column:2;justify-self:start}.http-reference-row{grid-template-columns:72px minmax(0,1fr);gap:14px}.http-reference-copy{grid-column:1 / -1;padding-left:86px}.http-reference-overview,.http-reference-side{grid-template-columns:1fr}.http-reference-focus-main,.http-reference-support{flex-direction:column}}html[data-theme=dark] .crontab-input-panel,html[data-theme=dark] .crontab-result-panel{background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.12),transparent 30%),linear-gradient(180deg,#0f1624f0,#090f1beb)}html[data-theme=dark] .crontab-preset{border-color:#7c9cc738;background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:#c8d6ea;box-shadow:inset 0 1px #ffffff08,0 10px 18px #0000002e}html[data-theme=dark] .crontab-preset:hover,html[data-theme=dark] .crontab-preset:focus-visible{border-color:#4f8cff57;background:linear-gradient(180deg,#4f8cff2e,#6ae3ff14);color:#f5f9ff;box-shadow:0 16px 30px #0000003d}html[data-theme=dark] .crontab-helper-card,html[data-theme=dark] .crontab-run-card,html[data-theme=dark] .crontab-zone-card{border-color:#ffffff14;background:linear-gradient(180deg,#ffffff0d,#ffffff05),radial-gradient(circle at 0% 0%,rgba(106,227,255,.05),transparent 26%);box-shadow:inset 0 1px #ffffff06}html[data-theme=dark] .crontab-helper-card strong,html[data-theme=dark] .crontab-zone-card strong,html[data-theme=dark] .crontab-run-card strong{color:#f5f9ff}html[data-theme=dark] .crontab-helper-card p,html[data-theme=dark] .crontab-zone-card span,html[data-theme=dark] .crontab-run-card span,html[data-theme=dark] .crontab-run-card small{color:#9daec8}html[data-theme=dark] .number-drag-card{border-color:#7c9cc73d;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.16),transparent 28%),linear-gradient(180deg,#0b121ffa,#080e19f5)}html[data-theme=dark] .number-drag-close{border-color:#7c9cc72e;background:linear-gradient(180deg,#ffffff0f,#ffffff06);color:#c8d6ea}html[data-theme=dark] .number-drag-card p{color:#9daec8}html[data-theme=dark] .number-drag-pad{border-color:#7c9cc738;background:linear-gradient(90deg,#4f8cff29,#6ae3ff24),linear-gradient(180deg,#ffffff0b,#ffffff05)}@media(max-width:980px){.http-status-search-panel{position:relative;top:auto}.http-status-stats,.crontab-helper-grid,.crontab-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crontab-zone-card{grid-column:span 2}}@media(max-width:680px){.http-status-spotlight-main,.http-status-split{flex-direction:column}.http-status-spotlight-main>strong{min-width:0}.http-status-card{grid-template-columns:1fr;gap:8px}.http-status-tag{justify-self:start}.http-reference-focus-code{min-width:0}.http-reference-copy{padding-left:0}.crontab-helper-grid,.crontab-stat-grid{grid-template-columns:1fr}.crontab-zone-card{grid-column:span 1}.crontab-run-card strong{font-size:20px}}.tool-modern-page .tool-layout,.tool-modern-page .tool-layout.wide-tool{min-width:0}.tool-modern-page .tool-panel,.tool-modern-page .result-panel,.tool-modern-page .result-surface,.tool-modern-page .result-frame,.tool-modern-page .code-preview,.tool-modern-page .table-wrap{min-width:0;max-width:100%}.tool-modern-page .panel-title{align-items:flex-start}.tool-modern-page .panel-title>div{justify-content:flex-end}.tool-modern-page .result-hero strong,.tool-modern-page .timestamp-highlight strong,.tool-modern-page .workspace-stat strong,.tool-modern-page .result-text,.tool-modern-page .code-preview,.tool-modern-page .code-preview pre,.tool-modern-page .code-preview code,.tool-modern-page td,.tool-modern-page th{overflow-wrap:anywhere;word-break:break-word}.tool-modern-page .code-preview pre,.tool-modern-page .result-frame pre,.tool-modern-page .result-text{max-width:100%;white-space:pre-wrap}.tool-modern-page .table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(79,140,255,.38) transparent}.tool-modern-page .table-wrap table{min-width:0;table-layout:fixed}.tool-modern-page .table-wrap td,.tool-modern-page .table-wrap th{max-width:360px}.tool-modern-page .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1180px){.tool-modern-page .result-grid:not(.timestamp-grid):has(.workspace-stat:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.tool-modern-page .workspace-header,.tool-modern-page .panel-title{display:grid;grid-template-columns:1fr}.tool-modern-page .panel-title>div{justify-content:flex-start}.tool-modern-page .tool-action{min-height:42px}.tool-modern-page .result-grid,.tool-modern-page .timestamp-grid,.tool-modern-page .workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-modern-page .table-wrap{border-radius:22px;overflow:visible;background:transparent;border:0;box-shadow:none}.tool-modern-page .table-wrap table,.tool-modern-page .table-wrap thead,.tool-modern-page .table-wrap tbody,.tool-modern-page .table-wrap tr,.tool-modern-page .table-wrap td{display:block;width:100%}.tool-modern-page .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tool-modern-page .table-wrap tbody{display:grid;gap:10px}.tool-modern-page .table-wrap tr{border:1px solid rgba(203,213,225,.78);border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#f8fbffc2);box-shadow:inset 0 1px #ffffffd1;overflow:hidden}.tool-modern-page .table-wrap td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid rgba(226,232,240,.78);padding:11px 12px;color:#334155;line-height:1.5}.tool-modern-page .table-wrap td:last-child{border-bottom:0}.tool-modern-page .table-wrap td:before{content:attr(data-label);color:#64748b;font-size:11px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}}@media(max-width:460px){.tool-modern-page .result-grid,.tool-modern-page .timestamp-grid,.tool-modern-page .workspace-stats{grid-template-columns:1fr 1fr;gap:10px}.tool-modern-page .workspace-stat{padding:14px 13px}.tool-modern-page .workspace-stat strong{font-size:clamp(20px,8vw,28px)}.tool-modern-page .table-wrap td{grid-template-columns:1fr;gap:4px}}html[data-theme=dark] .tool-modern-page .table-wrap tr{border-color:#ffffff14;background:linear-gradient(180deg,#ffffff0b,#ffffff05)}html[data-theme=dark] .tool-modern-page .table-wrap td{border-bottom-color:#ffffff12;color:#d7e5fb}html[data-theme=dark] .tool-modern-page .table-wrap td:before{color:#9daec8}.tool-modern-page .tool-panel .result-grid,.tool-modern-page .result-surface .result-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.tool-modern-page .workspace-stat strong,.tool-modern-page .result-grid strong{overflow-wrap:anywhere;word-break:normal;line-height:1.08}.color-tool-shell .color-control-grid{display:grid;grid-template-columns:minmax(136px,.58fr) minmax(0,1fr);gap:12px;align-items:end;margin-top:12px}.color-picker-field .color-native-input{min-height:48px;padding:6px;border-radius:16px;cursor:pointer}.color-picker-field .color-native-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-field .color-native-input::-webkit-color-swatch{border:0;border-radius:12px}.color-picker-field .color-native-input::-moz-color-swatch{border:0;border-radius:12px}.color-tool-shell input[type=range]{accent-color:var(--uv2-blue, #4F8CFF);cursor:pointer}.color-alpha-row{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:10px;color:var(--text-soft);font-size:13px}.color-alpha-row strong{color:var(--text-strong);font-size:15px}.color-stage{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:stretch;margin:16px 0}.color-preview-grid{min-height:112px;border:1px solid var(--uv-border, rgba(203,213,225,.86));border-radius:22px;background:linear-gradient(45deg,rgba(148,163,184,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.18) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.18) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.18) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.color-preview-card{position:relative;display:grid;align-items:end;min-height:112px;overflow:hidden;border:1px solid var(--uv-border, rgba(203,213,225,.86));border-radius:24px;background:linear-gradient(135deg,var(--preview-rgba, rgba(79,140,255,1)),color-mix(in srgb,var(--preview-color, #4F8CFF) 72%,#6AE3FF));box-shadow:inset 0 1px #ffffff6b,0 18px 34px #0f172a14}.color-preview-glow{position:absolute;inset:-36%;opacity:.72;filter:blur(18px)}.color-preview-meta{position:relative;z-index:1;display:grid;gap:3px;padding:18px;text-shadow:0 1px 14px rgba(0,0,0,.16)}.color-preview-meta span,.color-preview-meta small{font-size:12px;font-weight:850;opacity:.82}.color-preview-meta strong{font-size:clamp(24px,4vw,38px);letter-spacing:-.06em}.preset-palette{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:8px;margin-top:10px}.preset-swatch{min-width:44px;min-height:46px;border:1px solid color-mix(in srgb,var(--swatch) 42%,var(--uv-border, #d5e1f2));border-radius:16px;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.52),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--swatch) 72%,white),var(--swatch));box-shadow:inset 0 1px #ffffff7a,0 10px 20px #0f172a0f;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.preset-swatch:hover,.preset-swatch:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--swatch) 70%,#4F8CFF);box-shadow:0 14px 26px color-mix(in srgb,var(--swatch) 22%,rgba(15,23,42,.08));outline:0}.color-format-grid,.color-palette-strip,.color-gradient-grid{display:grid;gap:10px}.color-format-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.color-format-card,.palette-chip,.color-gradient-card{min-width:0;border:1px solid var(--uv-border, rgba(203,213,225,.86));border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#f7fbffc7);color:var(--text-main);cursor:pointer;text-align:left;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.color-format-card{display:grid;gap:6px;padding:14px}.color-format-card span,.color-gradient-card span{width:fit-content;border-radius:999px;padding:4px 8px;background:#4f8cff1a;color:var(--uv2-blue, #4F8CFF);font-size:11px;font-weight:950;letter-spacing:.03em}.color-format-card strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.color-format-card small,.color-gradient-card small{color:var(--text-soft);font-size:12px}.color-palette-strip{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.palette-chip{display:grid;gap:8px;min-height:94px;padding:14px;color:var(--chip-text);background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.45),transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--chip) 76%,white),var(--chip))}.palette-chip span,.palette-chip strong{text-shadow:0 1px 12px rgba(0,0,0,.18)}.palette-chip strong{align-self:end;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.color-gradient-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.color-gradient-card{display:grid;gap:10px;min-height:138px;padding:16px;background:linear-gradient(135deg,var(--from),var(--mid),var(--to));color:#f8fbff;text-shadow:0 1px 16px rgba(0,0,0,.22)}.color-gradient-card.soft{color:#12213b;text-shadow:none}.color-format-card:hover,.palette-chip:hover,.color-gradient-card:hover,.color-format-card:focus-visible,.palette-chip:focus-visible,.color-gradient-card:focus-visible{transform:translateY(-2px);border-color:#4f8cff57;box-shadow:0 16px 30px #0f172a14;outline:0}html[data-theme=dark] .color-format-card,html[data-theme=dark] .color-picker-field .color-native-input{background:linear-gradient(180deg,#ffffff0e,#ffffff06);border-color:#7c9cc72e}html[data-theme=dark] .color-preview-grid,html[data-theme=dark] .color-preview-card,html[data-theme=dark] .preset-swatch,html[data-theme=dark] .palette-chip,html[data-theme=dark] .color-gradient-card{border-color:#7c9cc733;box-shadow:0 18px 34px #0000003d}@media(max-width:760px){.color-tool-shell .color-control-grid,.color-stage{grid-template-columns:1fr}.preset-palette{grid-template-columns:repeat(4,minmax(44px,1fr))}}html[data-theme=dark] body{background-color:#060a13;background-image:radial-gradient(circle at 16% -8%,rgba(79,140,255,.14),transparent 26%),radial-gradient(circle at 88% 4%,rgba(106,227,255,.1),transparent 24%),linear-gradient(180deg,#070c15,#050911);color:#e6eefb}html[data-theme=dark] .shell-grid{opacity:.42;background-image:linear-gradient(rgba(118,149,196,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(118,149,196,.06) 1px,transparent 1px)}html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer,html[data-theme=dark] .tool-modern-page .tool-modern-hero,html[data-theme=dark] .tool-modern-page .tool-panel,html[data-theme=dark] .tool-modern-page .content-card,html[data-theme=dark] .tool-modern-page .workflow-extension,html[data-theme=dark] .pattern-card,html[data-theme=dark] .pattern-sidebar-card,html[data-theme=dark] .summary-mini-card,html[data-theme=dark] .tool-seo-hero,html[data-theme=dark] .legal-hero,html[data-theme=dark] .content-card,html[data-theme=dark] .tool-panel,html[data-theme=dark] .sidebar-card{border-color:#6e8ab62e;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.1),transparent 28%),linear-gradient(180deg,#0b111cf7,#080d17f2);box-shadow:inset 0 1px #ffffff08,0 18px 44px #00000047}html[data-theme=dark] .guides-page .content-card.directory-card,html[data-theme=dark] .topics-page .content-card.directory-card,html[data-theme=dark] .guides-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .topics-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .guides-page .content-card.directory-card.featured-directory-card,html[data-theme=dark] .topics-page .content-card.directory-card.featured-directory-card{border-color:#849fc429!important;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%)!important;box-shadow:0 22px 52px #00000047!important}html[data-theme=dark] .tool-modern-page .tool-panel:before,html[data-theme=dark] .tool-modern-page .content-card:before,html[data-theme=dark] .workflow-extension:before{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%),radial-gradient(circle at 0% 0%,rgba(106,227,255,.035),transparent 24%)}html[data-theme=dark] .workspace-header h2,html[data-theme=dark] .tool-modern-page h1,html[data-theme=dark] .tool-modern-page h2,html[data-theme=dark] .tool-modern-page h3,html[data-theme=dark] .panel-title strong,html[data-theme=dark] .result-hero strong,html[data-theme=dark] .workspace-stat strong,html[data-theme=dark] .crontab-helper-card strong,html[data-theme=dark] .crontab-run-card strong,html[data-theme=dark] .crontab-zone-card strong{color:#f6f9ff}html[data-theme=dark] .workspace-header p,html[data-theme=dark] .tool-modern-page p,html[data-theme=dark] .metric-note,html[data-theme=dark] .result-hero span,html[data-theme=dark] .timestamp-empty p,html[data-theme=dark] .workspace-stat span,html[data-theme=dark] .workspace-stat small,html[data-theme=dark] .crontab-helper-card p,html[data-theme=dark] .crontab-run-card small,html[data-theme=dark] .crontab-run-card span,html[data-theme=dark] .crontab-zone-card span,html[data-theme=dark] .footer-brand-block p,html[data-theme=dark] .footer-columns a,html[data-theme=dark] .footer-bottom span:last-child{color:#98a8c2}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .single-input,html[data-theme=dark] .tool-textarea,html[data-theme=dark] .combo-select,html[data-theme=dark] .number-control,html[data-theme=dark] .file-inline{border-color:#7c9cc738;background:linear-gradient(180deg,#111a29fa,#0b121ff5);box-shadow:inset 0 1px #ffffff09,0 12px 26px #00000038;color:#f5f9ff}html[data-theme=dark] .field input::placeholder,html[data-theme=dark] .field textarea::placeholder,html[data-theme=dark] .single-input::placeholder,html[data-theme=dark] .tool-textarea::placeholder{color:#7f90ab}html[data-theme=dark] .result-surface,html[data-theme=dark] .result-frame,html[data-theme=dark] .timestamp-empty,html[data-theme=dark] .workspace-stat,html[data-theme=dark] .timestamp-row,html[data-theme=dark] .batch-row,html[data-theme=dark] .crontab-helper-card,html[data-theme=dark] .crontab-run-card,html[data-theme=dark] .crontab-zone-card{border-color:#7c9cc724;background:linear-gradient(180deg,#161f2feb,#0e1522e6);box-shadow:inset 0 1px #ffffff06,0 12px 28px #0000002e}html[data-theme=dark] .result-hero,html[data-theme=dark] .timestamp-highlight{border-color:#7c9cc72e;background:radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 30%),linear-gradient(180deg,#1a2539f2,#121c2beb);box-shadow:inset 0 1px #ffffff08,0 16px 32px #00000038}html[data-theme=dark] .site-footer .footer-contact-line a,html[data-theme=dark] .footer-bottom a,html[data-theme=dark] .footer-columns a:hover{color:#8db4ff}html[data-theme=dark]{--uv-dark-bg: #06090f;--uv-dark-bg-2: #0a0f17;--uv-dark-surface: rgba(10, 15, 23, .96);--uv-dark-surface-2: rgba(13, 19, 29, .98);--uv-dark-surface-3: rgba(16, 24, 36, .98);--uv-dark-border: rgba(135, 156, 190, .14);--uv-dark-border-strong: rgba(135, 156, 190, .22);--uv-dark-text: #eef4ff;--uv-dark-muted: #9baac3;--uv-dark-soft: #77869f;--uv-dark-accent: #78a7ff}html[data-theme=dark] body{background-color:var(--uv-dark-bg);background-image:radial-gradient(circle at 18% -8%,rgba(79,140,255,.1),transparent 22%),radial-gradient(circle at 86% 0%,rgba(106,227,255,.05),transparent 18%),linear-gradient(180deg,var(--uv-dark-bg-2) 0%,var(--uv-dark-bg) 100%);color:var(--uv-dark-text)}html[data-theme=dark] .shell-grid{opacity:.28}html[data-theme=dark] .tool-panel:before,html[data-theme=dark] .content-card:before,html[data-theme=dark] .workflow-extension:before{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%),radial-gradient(circle at 0% 0%,rgba(79,140,255,.03),transparent 22%)}html[data-theme=dark] .workspace-header h2,html[data-theme=dark] .tool-modern-page h1,html[data-theme=dark] .tool-modern-page h2,html[data-theme=dark] .tool-modern-page h3,html[data-theme=dark] .panel-title strong,html[data-theme=dark] .result-hero strong,html[data-theme=dark] .workspace-stat strong,html[data-theme=dark] .detail-subsection strong,html[data-theme=dark] .crontab-helper-card strong,html[data-theme=dark] .crontab-run-card strong,html[data-theme=dark] .crontab-zone-card strong,html[data-theme=dark] .file-modal-dropzone strong,html[data-theme=dark] .number-drag-head strong{color:var(--uv-dark-text)}html[data-theme=dark] .workspace-header p,html[data-theme=dark] .tool-modern-page p,html[data-theme=dark] .metric-note,html[data-theme=dark] .result-hero span,html[data-theme=dark] .timestamp-empty p,html[data-theme=dark] .workspace-stat span,html[data-theme=dark] .workspace-stat small,html[data-theme=dark] .crontab-helper-card p,html[data-theme=dark] .crontab-run-card small,html[data-theme=dark] .crontab-run-card span,html[data-theme=dark] .crontab-zone-card span,html[data-theme=dark] .file-modal-head p,html[data-theme=dark] .file-modal-dropzone span,html[data-theme=dark] .number-drag-card p,html[data-theme=dark] .footer-brand-block p,html[data-theme=dark] .footer-columns a,html[data-theme=dark] .footer-bottom span:last-child{color:var(--uv-dark-muted)}html[data-theme=dark] .section-kicker,html[data-theme=dark] .page-badge,html[data-theme=dark] .privacy-chip,html[data-theme=dark] .tool-meta span,html[data-theme=dark] .directory-link-chip,html[data-theme=dark] .footer-badges span,html[data-theme=dark] .workflow-pill:not(.is-current),html[data-theme=dark] .http-filter-chip,html[data-theme=dark] .http-code-chip{border-color:var(--uv-dark-border);background:#121925eb;color:#cfdbef;box-shadow:inset 0 1px #ffffff04,0 14px 34px #00000038!important}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .single-input,html[data-theme=dark] .tool-textarea,html[data-theme=dark] .combo-select,html[data-theme=dark] .number-control,html[data-theme=dark] .file-inline,html[data-theme=dark] .file-modal-dialog,html[data-theme=dark] .number-drag-card{border-color:var(--uv-dark-border);background-image:none!important;background-color:#101827!important;box-shadow:inset 0 1px #ffffff05,0 12px 28px #0000002e;color:var(--uv-dark-text)}html[data-theme=dark] .field input:focus,html[data-theme=dark] .field textarea:focus,html[data-theme=dark] .field select:focus,html[data-theme=dark] .single-input:focus,html[data-theme=dark] .tool-textarea:focus{border-color:#78a7ff6b;box-shadow:0 0 0 4px #78a7ff14,inset 0 1px #ffffff05,0 14px 30px #00000038}html[data-theme=dark] .result-surface,html[data-theme=dark] .result-frame,html[data-theme=dark] .timestamp-empty,html[data-theme=dark] .workspace-stat,html[data-theme=dark] .timestamp-row,html[data-theme=dark] .batch-row,html[data-theme=dark] .crontab-helper-card,html[data-theme=dark] .crontab-run-card,html[data-theme=dark] .crontab-zone-card,html[data-theme=dark] .http-status-card,html[data-theme=dark] .http-status-spotlight,html[data-theme=dark] .http-distribution-list span{border-color:var(--uv-dark-border);background-image:none!important;background-color:#131c2b!important;box-shadow:inset 0 1px #ffffff05,0 10px 24px #00000029}html[data-theme=dark] .result-hero,html[data-theme=dark] .timestamp-highlight{border-color:var(--uv-dark-border-strong);background-image:none!important;background-color:#1a2435!important;box-shadow:inset 0 1px #ffffff06,0 14px 32px #0003}html[data-theme=dark] .mode-button,html[data-theme=dark] .header-icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .locale-switch.compact{border-color:var(--uv-dark-border);background-image:none!important;background-color:#111926!important;color:#d9e3f2;box-shadow:inset 0 1px #ffffff05,0 8px 22px #0000002e}html[data-theme=dark] .mode-button:hover,html[data-theme=dark] .header-icon-button:hover,html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .locale-switch.compact:hover{border-color:#78a7ff57;background-image:none!important;background-color:#182436!important;color:#f6f9ff;box-shadow:0 14px 30px #00000038}html[data-theme=dark] .mode-button.is-active,html[data-theme=dark] .workflow-pill.is-current{border-color:transparent;background:linear-gradient(135deg,#2a67eb,#4688ff 58%,#6cc7ff);color:#fff;box-shadow:0 14px 30px #2557d847}html[data-theme=dark] .file-modal-backdrop,html[data-theme=dark] .number-drag-popover{background:#04070cbd;backdrop-filter:blur(16px)}html[data-theme=dark]{--uv-dark-edge: rgba(34, 48, 71, .96);--uv-dark-edge-soft: rgba(30, 43, 64, .9);--uv-dark-seam-wash: radial-gradient(circle at 0% 0%, rgba(79,140,255,.028), transparent 22%)}:root{--uv-btn-radius: 16px;--uv-btn-height: 42px;--uv-btn-pad-x: 14px;--uv-btn-border: rgba(205, 217, 233, .92);--uv-btn-border-strong: rgba(79, 140, 255, .26);--uv-btn-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.94));--uv-btn-bg-soft: linear-gradient(180deg, rgba(245,249,255,.94), rgba(238,245,255,.9));--uv-btn-text: #203047;--uv-btn-muted: #59708e;--uv-btn-shadow: 0 10px 24px rgba(15,23,42,.06);--uv-btn-shadow-hover: 0 14px 30px rgba(15,23,42,.08)}.panel-title>div,.result-heading-row>div,.result-heading-row>.tool-action,.ref-anchor-tabs,.directory-link-grid,.directory-link-cloud{display:flex;flex-wrap:wrap;gap:10px}.tool-action,.auth-submit,.secondary-link,.tool-category-link,.number-step,.number-drag-trigger,.number-drag-close,.combo-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--uv-btn-height);padding:0 var(--uv-btn-pad-x);border-radius:var(--uv-btn-radius);border:1px solid var(--uv-btn-border);background:var(--uv-btn-bg);color:var(--uv-btn-text);font-weight:780;letter-spacing:-.01em;box-shadow:var(--uv-btn-shadow);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.tool-action:hover,.auth-submit:hover,.secondary-link:hover,.tool-category-link:hover,.number-step:hover,.number-drag-trigger:hover,.number-drag-close:hover,.combo-toggle:hover{transform:translateY(-1px);border-color:var(--uv-btn-border-strong);background:var(--uv-btn-bg-soft);color:#174ea6;box-shadow:var(--uv-btn-shadow-hover)}.tool-action:active,.auth-submit:active,.secondary-link:active,.tool-category-link:active,.number-step:active,.number-drag-trigger:active,.number-drag-close:active,.combo-toggle:active{transform:translateY(0) scale(.985)}.tool-action.sample,.auth-submit.secondary{color:#2253b8;border-color:#bad0f4f5;background:linear-gradient(180deg,#f1f7fffa,#e7f1ffeb)}.tool-action.copy,.tool-action.ghost{color:#245fd8;border-color:#bfdbfefa;background:linear-gradient(180deg,#eff6fffa,#dfebffe6)}.tool-action.download{color:#0f8a66;border-color:#b6ead5fa;background:linear-gradient(180deg,#eefdf8fa,#d8f7ebe6)}.tool-action.json{color:#6b46d9;border-color:#dad2fefa;background:linear-gradient(180deg,#f7f4fffa,#ece7ffeb)}.tool-action.csv{color:#b66b10;border-color:#f7dda4fa;background:linear-gradient(180deg,#fffbeefa,#fcf1ceeb)}.tool-action.swap{color:#0c8a96;border-color:#b1ecf1fa;background:linear-gradient(180deg,#eefcfefa,#d6f5f8eb)}.tool-action.clear,.number-drag-close{color:#9f3353;border-color:#f4c2cef5;background:linear-gradient(180deg,#fff5f7fa,#ffeef2eb)}.tool-action.primary,.auth-submit:not(.secondary){color:#fff;border-color:transparent;background:linear-gradient(135deg,#4f8cff,#6ae3ff);box-shadow:0 14px 30px #4f8cff38}.tool-action.primary:hover,.auth-submit:not(.secondary):hover{color:#fff;background:linear-gradient(135deg,#4384ff,#63dfff);box-shadow:0 18px 34px #4f8cff42}.tool-action-icon{width:16px;height:16px;margin-right:0;opacity:.92}.tool-action.sample .tool-action-icon,.tool-action.copy .tool-action-icon,.tool-action.download .tool-action-icon,.tool-action.json .tool-action-icon,.tool-action.csv .tool-action-icon,.tool-action.ghost .tool-action-icon,.tool-action.swap .tool-action-icon{opacity:.96}.secondary-link,.tool-category-link{text-decoration:none}.directory-link-chip:hover,.ref-anchor-tabs a:hover,.modern-tab:hover,.tool-category-link:hover{transform:translateY(-1px);border-color:#4f8cff3d;color:#1f5fe0;box-shadow:0 12px 24px #4f8cff14}.tool-modern-page .panel-title>div,.tool-modern-page .result-heading-row{align-items:center}.tool-modern-page .tool-action,.tool-modern-page .auth-submit,.tool-modern-page .secondary-link,.tool-modern-page .tool-category-link{min-height:40px}html[data-theme=dark]{--uv-btn-border: rgba(40, 58, 86, .96);--uv-btn-border-strong: rgba(84, 135, 255, .34);--uv-btn-bg: linear-gradient(180deg, rgba(18,26,39,.98), rgba(14,21,32,.96));--uv-btn-bg-soft: linear-gradient(180deg, rgba(23,34,50,.98), rgba(17,27,40,.96));--uv-btn-text: #dbe6f6;--uv-btn-muted: #96a8c2;--uv-btn-shadow: 0 12px 26px rgba(0,0,0,.22);--uv-btn-shadow-hover: 0 16px 34px rgba(0,0,0,.26)}html[data-theme=dark] .tool-action,html[data-theme=dark] .auth-submit.secondary,html[data-theme=dark] .secondary-link,html[data-theme=dark] .tool-category-link,html[data-theme=dark] .number-step,html[data-theme=dark] .number-drag-trigger,html[data-theme=dark] .combo-toggle{color:var(--uv-btn-text);border-color:var(--uv-btn-border);background:var(--uv-btn-bg)!important;box-shadow:var(--uv-btn-shadow)!important}html[data-theme=dark] .tool-action.sample,html[data-theme=dark] .auth-submit.secondary{color:#b9d3ff;border-color:#375888f5;background:linear-gradient(180deg,#19253afa,#111c2df5)!important}html[data-theme=dark] .tool-action.copy,html[data-theme=dark] .tool-action.ghost{color:#c9dcff;border-color:#305081f5;background:linear-gradient(180deg,#162237fa,#101b2cf5)!important}html[data-theme=dark] .tool-action.download{color:#baf4dc;border-color:#215849f5;background:linear-gradient(180deg,#122822fa,#0c1f1af5)!important}html[data-theme=dark] .tool-action.json{color:#d9cbff;border-color:#46367af5;background:linear-gradient(180deg,#1f1637fa,#16102bf5)!important}html[data-theme=dark] .tool-action.csv{color:#f3d299;border-color:#6b4c18f5;background:linear-gradient(180deg,#2f220ffa,#23190bf5)!important}html[data-theme=dark] .tool-action.swap{color:#b8f0f5;border-color:#1c575ef5;background:linear-gradient(180deg,#10272bfa,#0b1d20f5)!important}html[data-theme=dark] .tool-action:hover,html[data-theme=dark] .auth-submit.secondary:hover,html[data-theme=dark] .secondary-link:hover,html[data-theme=dark] .tool-category-link:hover,html[data-theme=dark] .number-step:hover,html[data-theme=dark] .number-drag-trigger:hover,html[data-theme=dark] .combo-toggle:hover{color:#f5f9ff;border-color:var(--uv-btn-border-strong);background:var(--uv-btn-bg-soft)!important;box-shadow:var(--uv-btn-shadow-hover)!important}html[data-theme=dark] .tool-action.clear,html[data-theme=dark] .number-drag-close{color:#ffc1cf;border-color:#5f3142f5;background:linear-gradient(180deg,#30151ffa,#27101af5)!important}html[data-theme=dark] .tool-action.primary,html[data-theme=dark] .auth-submit:not(.secondary){color:#fff;border-color:transparent;background:linear-gradient(135deg,#3f7fff,#61dfff)!important;box-shadow:0 16px 32px #2f67f547!important}html[data-theme=dark] .directory-link-chip:hover,html[data-theme=dark] .ref-anchor-tabs a:hover,html[data-theme=dark] .modern-tab:hover{color:#e8f1ff;border-color:#5487ff47;background:linear-gradient(180deg,#16202ffa,#101925f5)!important;box-shadow:0 14px 26px #00000038!important}html[data-theme=dark] .number-drag-card{border-color:#283a56f5;background:#0f1726!important;box-shadow:0 18px 36px #0000004d!important}html[data-theme=dark] .number-drag-head strong{color:#ecf3ff}html[data-theme=dark] .number-drag-hint{color:#8ea2c0}html[data-theme=dark] .number-drag-value{background:#4f8cff24;color:#d9e8ff}html[data-theme=dark] .number-drag-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#4f8cff3d,#6ae3ff4d)}html[data-theme=dark] .number-drag-slider::-moz-range-track{background:linear-gradient(90deg,#4f8cff3d,#6ae3ff4d)}html[data-theme=dark] .number-drag-slider::-webkit-slider-thumb,html[data-theme=dark] .number-drag-slider::-moz-range-thumb{background:linear-gradient(135deg,#4f8cff,#7be6ff);box-shadow:0 6px 18px #226cff5c}html[data-theme=dark] .number-drag-reset{color:#d5e4ff;border-color:#305081f5;background:linear-gradient(180deg,#162237fa,#101b2cf5)}.tool-panel:has(.combo-select.is-open),.tool-panel:has(.number-control.is-drag-popover-open),.tool-workspace:has(.combo-select.is-open),.tool-workspace:has(.number-control.is-drag-popover-open),.modern-workspace:has(.combo-select.is-open),.modern-workspace:has(.number-control.is-drag-popover-open),.tool-modern-page .tool-panel:has(.combo-select.is-open),.tool-modern-page .tool-panel:has(.number-control.is-drag-popover-open),.tool-layout:has(.combo-select.is-open),.tool-layout:has(.number-control.is-drag-popover-open),.tool-layout:has(.combo-select.is-open) .tool-panel,.tool-layout:has(.number-control.is-drag-popover-open) .tool-panel,.tool-layout:has(.combo-select.is-open) .result-panel,.tool-layout:has(.number-control.is-drag-popover-open) .result-panel,.tool-layout:has(.combo-select.is-open)+.workflow-extension,.tool-layout:has(.number-control.is-drag-popover-open)+.workflow-extension,.field:has(.combo-select.is-open),.field:has(.number-control.is-drag-popover-open),details.advanced:has(.combo-select.is-open),details.advanced:has(.number-control.is-drag-popover-open),.advanced-grid:has(.combo-select.is-open),.advanced-grid:has(.number-control.is-drag-popover-open){overflow:visible!important;z-index:24}.tool-workspace>*:has(.combo-select.is-open),.tool-workspace>*:has(.number-control.is-drag-popover-open),.modern-workspace>*:has(.combo-select.is-open),.modern-workspace>*:has(.number-control.is-drag-popover-open),.tool-panel>*:has(.combo-select.is-open),.tool-panel>*:has(.number-control.is-drag-popover-open),.workflow-extension>*:has(.combo-select.is-open),.workflow-extension>*:has(.number-control.is-drag-popover-open),.tool-modern-page .modern-workspace>*:has(.combo-select.is-open),.tool-modern-page .modern-workspace>*:has(.number-control.is-drag-popover-open),.tool-modern-page .tool-panel>*:has(.combo-select.is-open),.tool-modern-page .tool-panel>*:has(.number-control.is-drag-popover-open),.tool-modern-page .workflow-extension>*:has(.combo-select.is-open){z-index:12!important}.tool-modern-page .workflow-extension>*:has(.number-control.is-drag-popover-open){z-index:12!important}.uv-section-card:has(.combo-select.is-open),.uv-section-card:has(.number-control.is-drag-popover-open),.content-card:has(.combo-select.is-open),.content-card:has(.number-control.is-drag-popover-open),.ref-card:has(.combo-select.is-open),.ref-card:has(.number-control.is-drag-popover-open),.tool-modern-page .content-card:has(.combo-select.is-open),.tool-modern-page .content-card:has(.number-control.is-drag-popover-open),.tool-modern-page .modern-workspace:has(.combo-select.is-open),.tool-modern-page .modern-workspace:has(.number-control.is-drag-popover-open),.pattern-workspace:has(.combo-select.is-open),.pattern-workspace:has(.number-control.is-drag-popover-open){overflow:visible!important}.combo-select{z-index:40;contain:layout style!important}.field:has(.combo-select.is-open){position:relative;z-index:80}.number-control{position:relative;z-index:40}.field:has(.number-control.is-drag-popover-open){position:relative;z-index:80}.number-control.is-drag-popover-open{overflow:visible!important;z-index:80!important}.number-control.is-drag-popover-open .number-drag-popover{z-index:90!important}.number-drag-popover{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.number-drag-card{position:relative!important;isolation:isolate!important;width:100%!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 48px #0f172a2e,0 8px 18px #0f172a1a!important}.number-drag-head{grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px 8px!important}.number-drag-value{position:relative;z-index:1;background:#eff6ff!important}.number-drag-reset,.number-drag-close{min-height:28px!important;height:28px!important;box-shadow:none!important}.number-drag-reset:hover,.number-drag-close:hover,.number-drag-reset:active,.number-drag-close:active{transform:none!important}.number-drag-close{width:28px!important;min-width:28px!important;padding:0!important;line-height:1!important}.combo-select.is-open .combo-menu{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;visibility:visible!important;z-index:60!important}.combo-menu{margin:0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 24px 48px #0f172a2e,0 8px 18px #0f172a1a!important;will-change:transform,opacity}html[data-theme=dark] .combo-menu{background:#0b1220!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 28px 60px #00000075,0 10px 24px #00000047!important}html[data-theme=dark] .number-drag-card{background:#0f1726!important;box-shadow:0 28px 60px #00000075,0 10px 24px #00000047!important}html[data-theme=dark] .number-drag-value{background:#4f8cff29!important}.result-surface.surface-copy-disabled .result-heading-row>.tool-action[data-action=copy-result],.result-surface[data-copy-surface=false] .result-heading-row>.tool-action[data-action=copy-result]{display:none!important}.native-select-hidden{position:absolute!important;inset:auto auto auto 0!important;width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;overflow:hidden!important;clip-path:inset(50%)!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.combo-select{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;width:100%!important;min-height:52px!important;border:1px solid rgba(202,216,235,.96)!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 1px #ffffffe0,0 10px 24px #0f172a0b!important;isolation:isolate!important;overflow:visible!important;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)!important}.field>.combo-select,.field>select[multiple],.field>select[size]:not([size="1"]){margin-top:10px}.combo-select:focus-within,.combo-select.is-open{border-color:#4f8cff85!important;box-shadow:0 0 0 4px #4f8cff1a,0 16px 36px #4f8cff14!important}.combo-input{width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0 14px 0 16px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--uv-text)!important;font:inherit!important;font-weight:700!important;letter-spacing:-.01em!important;cursor:pointer!important;caret-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.field input,.field textarea,.tool-textarea,.single-input{background:#fff!important}.combo-input::selection{background:transparent!important}.combo-toggle{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin-right:5px!important;padding:0!important;border:0!important;border-left:1px solid rgba(215,226,241,.96)!important;border-radius:14px!important;background:transparent!important;color:#6b7f9a!important;box-shadow:none!important;flex:0 0 42px!important}.combo-toggle:before{display:none!important;content:none!important}.combo-toggle svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform var(--uv-fast) var(--uv-ease),color var(--uv-fast) var(--uv-ease)!important}.combo-select.is-open .combo-toggle svg{transform:rotate(180deg)!important}.combo-toggle:hover{transform:none!important;background:#4f8cff0f!important;color:#2e6ff5!important;border-left-color:#4f8cff38!important;box-shadow:none!important}.combo-select.is-open .combo-toggle{background:#4f8cff14!important;color:#2e6ff5!important;border-left-color:#4f8cff3d!important}.combo-menu{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;z-index:90!important;display:grid!important;gap:4px!important;max-height:min(320px,48vh)!important;overflow:auto!important;padding:8px!important;border:1px solid rgba(214,225,239,.98)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 48px #0f172a2e,0 8px 18px #0f172a1a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(6px) scale(.985)!important;transform-origin:top center!important;transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s var(--ease)!important}.combo-select.is-open .combo-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}body>.combo-menu.is-floating-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.combo-menu button{width:100%!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:14px!important;background:#fff!important;color:var(--uv-text)!important;text-align:left!important;font:inherit!important;font-weight:680!important;line-height:1.35!important;transition:background .16s var(--ease),color .16s var(--ease)!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.combo-menu button:hover,.combo-menu button.is-highlight{background:#4f8cff1a!important;color:var(--uv-primary)!important}.combo-menu button.is-active{background:linear-gradient(135deg,#4f8cff24,#6ae3ff1f)!important;color:var(--uv-primary-strong)!important}.combo-empty{padding:12px 13px!important;color:#64748b!important;font-size:13px!important;font-weight:700!important}html[data-theme=dark] .combo-select{border-color:#2b3d5beb!important;background:#0f1726!important;box-shadow:inset 0 1px #ffffff0d,0 18px 40px #0000003d!important}html[data-theme=dark] .combo-select:focus-within,html[data-theme=dark] .combo-select.is-open{border-color:#5c8eff85!important;box-shadow:0 0 0 4px #4f8cff1f,0 20px 44px #0000004d!important}html[data-theme=dark] .combo-input{color:#edf4ff!important}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .tool-textarea,html[data-theme=dark] .single-input,html[data-theme=dark] .number-input-slot input[type=number]{background:#0f1726!important}html[data-theme=dark] .combo-toggle{border-left-color:#283a56f5!important;color:#90a5c2!important;background:transparent!important}html[data-theme=dark] .combo-toggle:hover,html[data-theme=dark] .combo-select.is-open .combo-toggle{background:#4f8cff1a!important;color:#d9e8ff!important;border-left-color:#5487ff3d!important}html[data-theme=dark] .combo-menu{border-color:#273a56fa!important;background:#0b1220!important;box-shadow:0 28px 60px #00000075,0 10px 24px #00000047!important}html[data-theme=dark] .combo-menu button{color:#dce9ff!important;background:#0b1220!important}html[data-theme=dark] .combo-menu button:hover,html[data-theme=dark] .combo-menu button.is-highlight{background:#4f8cff29!important;color:#fff!important}html[data-theme=dark] .combo-menu button.is-active{background:linear-gradient(135deg,#4f8cff38,#6ae3ff24)!important;color:#fff!important}html[data-theme=dark] .combo-empty{color:#94a9c7!important}html[data-theme=dark] .tool-workspace select[multiple],html[data-theme=dark] .tool-workspace select[size]:not([size="1"]),html[data-theme=dark] .field select[multiple],html[data-theme=dark] .field select[size]:not([size="1"]){border-color:#2b3d5beb;background:linear-gradient(180deg,#0c121ffa,#0a101dfa);box-shadow:inset 0 1px #ffffff0d,0 18px 40px #0000003d;color:#edf4ff;scrollbar-color:rgba(79,140,255,.45) transparent}html[data-theme=dark] .tool-workspace select[multiple]:focus,html[data-theme=dark] .tool-workspace select[size]:not([size="1"]):focus,html[data-theme=dark] .field select[multiple]:focus,html[data-theme=dark] .field select[size]:not([size="1"]):focus{border-color:#5c8eff85;box-shadow:0 0 0 4px #4f8cff1f,0 20px 44px #0000004d}html[data-theme=dark] .tool-workspace select[multiple] option,html[data-theme=dark] .tool-workspace select[size]:not([size="1"]) option,html[data-theme=dark] .field select[multiple] option,html[data-theme=dark] .field select[size]:not([size="1"]) option{color:#dce9ff;background:transparent}html[data-theme=dark] .tool-workspace select[multiple] option:checked,html[data-theme=dark] .tool-workspace select[size]:not([size="1"]) option:checked,html[data-theme=dark] .field select[multiple] option:checked,html[data-theme=dark] .field select[size]:not([size="1"]) option:checked{background:linear-gradient(135deg,#4f8cff38,#6ae3ff24);color:#fff}.number-drag-reset[disabled]{opacity:.48;cursor:not-allowed;filter:saturate(.78)}.number-drag-reset[disabled]:hover{transform:none!important;box-shadow:none!important}.dropdown-menu,.filter-menu,.mobile-nav,.combo-menu,.field select,select,.combo-select{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dropdown-menu,.filter-menu,.mobile-nav,.dropdown-menu .menu-item,.filter-menu button,.mobile-nav a{background:#fff!important}.dropdown-menu .menu-item:hover,.filter-menu button:hover,.filter-menu button.is-active,.mobile-nav a:hover{background:#f3f7ff!important}.field select,select,.combo-select{background:#fff!important}.field select option,select option{background:#fff!important;color:var(--uv-text)!important}html[data-theme=dark] .dropdown-menu,html[data-theme=dark] .filter-menu,html[data-theme=dark] .mobile-nav{background:#0b1220!important}html[data-theme=dark] .dropdown-menu .menu-item,html[data-theme=dark] .filter-menu button,html[data-theme=dark] .mobile-nav a{background:#0b1220!important;color:#dce9ff!important}html[data-theme=dark] .dropdown-menu .menu-item:hover,html[data-theme=dark] .filter-menu button:hover,html[data-theme=dark] .filter-menu button.is-active,html[data-theme=dark] .mobile-nav a:hover{background:#132036!important;color:#fff!important}html[data-theme=dark] .field select,html[data-theme=dark] select,html[data-theme=dark] .combo-select{background:#0f1726!important}html[data-theme=dark] .field select option,html[data-theme=dark] select option{background:#0f1726!important;color:#dce9ff!important}.tool-layout,.tool-panel,.result-panel,.workflow-extension,.tool-panel .panel-title,.tool-modern-page .tool-panel,.tool-modern-page .result-panel{overflow:visible}html[data-theme=dark],html[data-theme=dark] body{scrollbar-color:rgba(79,140,255,.42) transparent}html[data-theme=dark]::-webkit-scrollbar-thumb,html[data-theme=dark] body::-webkit-scrollbar-thumb,html[data-theme=dark] main::-webkit-scrollbar-thumb,html[data-theme=dark] section::-webkit-scrollbar-thumb,html[data-theme=dark] div::-webkit-scrollbar-thumb,html[data-theme=dark] textarea::-webkit-scrollbar-thumb,html[data-theme=dark] pre::-webkit-scrollbar-thumb{background:var(--uv-scroll-thumb-dark);background-clip:padding-box}html[data-theme=dark] .http-status-code{background:linear-gradient(180deg,#4f8cff29,#6ae3ff14);box-shadow:inset 0 1px #ffffff0f}.file-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:12px!important}.file-inline>span{min-width:0!important;max-width:100%!important}.file-inline>span:before{flex:0 0 auto}.file-name{margin-left:0!important;max-width:min(100%,240px)!important;min-width:0!important}.result-heading-row>div:first-child{min-width:0}.http-matches-surface .result-heading-row{align-items:center}.http-matches-surface .result-heading-row>.result-frame-title,.http-matches-surface .result-heading-row>div:first-child{flex:1 1 auto;min-width:0}.http-match-count{flex:0 0 auto}.http-matches-surface .result-heading-row>.tool-action{margin-left:0!important;flex:0 0 auto}.http-matches-surface .result-heading-row{align-items:flex-start;gap:10px;flex-wrap:wrap}.http-matches-surface .result-heading-row>.result-frame-title{min-width:0}.http-status-card-list{align-items:stretch}.http-status-card{grid-template-columns:84px minmax(0,1fr) auto!important;grid-template-areas:"code copy tag"!important;align-items:start!important;min-height:110px!important;padding:16px 18px!important;gap:16px!important;border-radius:24px}.http-status-code{grid-area:code;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 10px;border-radius:18px;align-self:start;background:linear-gradient(180deg,#4f8cff1f,#6ae3ff0f);box-shadow:inset 0 1px #ffffffe0}.http-status-card-copy{grid-area:copy;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:4px;padding-top:2px}.http-status-card-copy strong,.http-status-card-copy small{overflow-wrap:anywhere;word-break:break-word}.http-status-card-copy strong{font-size:16px;line-height:1.2}.http-status-card-copy small{margin-top:2px;font-size:13px;line-height:1.55;max-width:100%}.http-status-tag{grid-area:tag;grid-column:auto;justify-self:end!important;align-self:start;margin-top:2px;max-width:100%}@media(max-width:640px){.file-inline{grid-template-columns:1fr!important;align-items:stretch!important}.http-status-card{grid-template-columns:1fr!important;grid-template-areas:"code" "copy" "tag"!important;min-height:0!important;gap:10px!important}.http-status-tag{grid-column:auto;justify-self:start!important}.file-name{max-width:100%!important}.http-matches-surface .result-heading-row>.tool-action{width:100%;justify-content:center}}html[data-theme=dark] .ref-tool-page .ref-anchor-tabs a:first-child{color:#f5f9ff;background:linear-gradient(180deg,#4f8cff,#2f72ff)!important;border-color:#609aff6b;box-shadow:inset 0 1px #ffffff29,0 16px 30px #1857d657!important}html[data-theme=dark] .ref-tool-page .ref-anchor-tabs a:not(:first-child){color:#9fc2ff;background:linear-gradient(180deg,#162234fa,#101927f5);border-color:#3e629cd1;box-shadow:inset 0 1px #ffffff0a,0 12px 24px #00000029}html[data-theme=dark] .ref-tool-page .ref-anchor-tabs a:not(:first-child):hover{color:#eaf2ff;border-color:#6ea3ff80;background:linear-gradient(180deg,#1e2c44fa,#141f30fa)!important;box-shadow:0 16px 28px #0000003d!important}html[data-theme=dark] .ref-inline-meta span{color:#7f92b2;border-color:#42536ec7;background:linear-gradient(180deg,#111926e6,#0e1520e0)}html[data-theme=dark] .guides-page .content-card.directory-card,html[data-theme=dark] .topics-page .content-card.directory-card,html[data-theme=dark] .guides-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .topics-page .content-card.directory-card.pattern-inner-card,html[data-theme=dark] .guides-page .content-card.directory-card.featured-directory-card,html[data-theme=dark] .topics-page .content-card.directory-card.featured-directory-card{border:1px solid rgba(132,159,196,.16)!important;background:linear-gradient(180deg,#0e1726f0,#0b121fe6),radial-gradient(circle at 100% 0%,rgba(79,140,255,.14),transparent 34%)!important;box-shadow:0 22px 52px #00000047!important}html.theme-switching .content-card,html.theme-switching .sidebar-card,html.theme-switching .tool-panel,html.theme-switching .workflow-extension,html.theme-switching .directory-card,html.theme-switching .related-card,html.theme-switching .summary-mini-card,html.theme-switching .pattern-card,html.theme-switching .pattern-sidebar-card,html.theme-switching .stats-strip,html.theme-switching .stats-strip>div,html.theme-switching .search-wrap,html.theme-switching input[type=search],html.theme-switching .search-wrap input,html.theme-switching .tool-card,html.theme-switching .category-card,html.theme-switching .content-card:before,html.theme-switching .content-card:after,html.theme-switching .directory-card:before,html.theme-switching .directory-card:after,html.theme-switching .related-card:before,html.theme-switching .related-card:after,html.theme-switching .tool-card:before,html.theme-switching .tool-card:after,html.theme-switching .search-wrap:before,html.theme-switching .search-wrap:after{transition:none!important}.combo-select,.combo-select .combo-input,.combo-select .combo-toggle{background-image:none!important}.combo-select .combo-input,.combo-select .combo-toggle{background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}html[data-theme=dark] .combo-select .combo-input,html[data-theme=dark] .combo-select .combo-toggle{background-color:#0f1726!important}.combo-select .combo-input:focus,.combo-select .combo-input:focus-visible,.field .combo-select .combo-input:focus,.field .combo-select .combo-input:focus-visible{border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;outline:0!important}.combo-select.is-open .combo-toggle,.combo-select .combo-toggle:hover{background-color:#fff!important;box-shadow:none!important}html[data-theme=dark] .combo-select.is-open .combo-toggle,html[data-theme=dark] .combo-select .combo-toggle:hover{background-color:#0f1726!important;box-shadow:none!important}.site-header,.nav-dropdown,[data-dropdown],.ref-tool-layout,.ref-tool-main,.ref-workspace-shell,.ref-tool-side,.ref-card,.uv-section-card,.content-card,.tool-layout,.tool-workspace,.modern-workspace,.pattern-workspace,.tool-panel,.result-panel,.workflow-extension,.field,details.advanced,.advanced-grid{position:relative}.combo-select{contain:none!important}.site-header{overflow:visible!important;z-index:220}.site-header:has([data-dropdown].is-open),.site-header:has(.mobile-nav:not([hidden])){z-index:520!important}[data-dropdown].is-open,.nav-dropdown:has(.dropdown-menu:not([hidden])){z-index:540!important}.dropdown-menu,.mega-menu,.mobile-nav{z-index:560!important}.tool-workspace>*:has(.combo-select.is-open),.tool-workspace>*:has(.number-control.is-drag-popover-open),.modern-workspace>*:has(.combo-select.is-open),.modern-workspace>*:has(.number-control.is-drag-popover-open),.tool-panel>*:has(.combo-select.is-open),.tool-panel>*:has(.number-control.is-drag-popover-open),.workflow-extension>*:has(.combo-select.is-open),.workflow-extension>*:has(.number-control.is-drag-popover-open),.tool-modern-page .modern-workspace>*:has(.combo-select.is-open),.tool-modern-page .modern-workspace>*:has(.number-control.is-drag-popover-open),.tool-modern-page .tool-panel>*:has(.combo-select.is-open),.tool-modern-page .tool-panel>*:has(.number-control.is-drag-popover-open),.tool-modern-page .workflow-extension>*:has(.combo-select.is-open),.tool-modern-page .workflow-extension>*:has(.number-control.is-drag-popover-open){position:relative!important;z-index:120!important}.uv-section-card:has(.combo-select.is-open),.uv-section-card:has(.number-control.is-drag-popover-open),.content-card:has(.combo-select.is-open),.content-card:has(.number-control.is-drag-popover-open),.ref-card:has(.combo-select.is-open),.ref-card:has(.number-control.is-drag-popover-open),.ref-workspace-shell:has(.combo-select.is-open),.ref-workspace-shell:has(.number-control.is-drag-popover-open),.tool-modern-page .content-card:has(.combo-select.is-open),.tool-modern-page .content-card:has(.number-control.is-drag-popover-open),.tool-modern-page .modern-workspace:has(.combo-select.is-open),.tool-modern-page .modern-workspace:has(.number-control.is-drag-popover-open),.pattern-workspace:has(.combo-select.is-open),.pattern-workspace:has(.number-control.is-drag-popover-open),.tool-layout:has(.combo-select.is-open),.tool-layout:has(.number-control.is-drag-popover-open),.field:has(.combo-select.is-open),.field:has(.number-control.is-drag-popover-open),details.advanced:has(.combo-select.is-open),details.advanced:has(.number-control.is-drag-popover-open),.advanced-grid:has(.combo-select.is-open),.advanced-grid:has(.number-control.is-drag-popover-open){overflow:visible!important;z-index:140!important}.combo-select.is-open,.number-control.is-drag-popover-open{z-index:180!important}.combo-menu,.number-drag-popover{z-index:190!important}.result-panel,.result-panel>div,.lookup-summary-panel,.lookup-detail-panel{min-width:0}.result-surface{gap:16px;border-radius:22px}.result-surface>.table-wrap,.lookup-table-wrap{min-width:0;overflow:auto;border-radius:18px;border:1px solid rgba(214,225,239,.9);background:linear-gradient(180deg,#fffffffa,#f8fbfffa)}.result-surface>.table-wrap table,.lookup-table-wrap table{min-width:100%;border-collapse:separate;border-spacing:0}.result-surface>.table-wrap thead th,.lookup-table-wrap thead th{top:0;z-index:1;padding:13px 16px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.result-surface>.table-wrap tbody td,.lookup-table-wrap tbody td{padding:14px 16px;vertical-align:top;line-height:1.65}.result-surface>.table-wrap tbody tr+tr td,.lookup-table-wrap tbody tr+tr td{border-top:1px solid rgba(226,232,240,.9)}.lookup-result-list{gap:16px}.lookup-result-card{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;padding:20px 22px;border-radius:20px}.lookup-card-copy-panel{display:grid;gap:12px;align-self:stretch;padding:14px;border:1px solid rgba(218,227,238,.9);border-radius:18px;background:linear-gradient(180deg,#f7fafff5,#fffffff0)}.lookup-card-copy-title{color:#73859d;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lookup-card-actions{display:grid;gap:10px}.lookup-action-chip{display:grid;gap:6px;justify-items:start;width:100%;padding:12px 13px;border:1px solid rgba(214,225,239,.94);border-radius:16px;background:#fff;color:#17304d;text-align:left;transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.lookup-action-chip:hover,.lookup-action-chip:focus-visible{border-color:#4f8cff61;box-shadow:0 10px 24px #4f8cff14;transform:translateY(-1px)}.lookup-action-label{color:#73859d;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lookup-action-value{font-size:13px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.lookup-copy-hint{color:#73859d;font-size:12px;line-height:1.6}html[data-theme=dark] .result-surface>.table-wrap,html[data-theme=dark] .lookup-table-wrap{border-color:#29384ff5;background:linear-gradient(180deg,#0c121cfa,#0a1019fa)}html[data-theme=dark] .result-surface>.table-wrap tbody tr+tr td,html[data-theme=dark] .lookup-table-wrap tbody tr+tr td{border-top-color:#233146f5}html[data-theme=dark] .lookup-card-copy-panel{border-color:#2a3a52f0;background:linear-gradient(180deg,#0e1420f5,#0a101af0)}html[data-theme=dark] .lookup-action-chip{border-color:#2a3a52f0;background:#0a101aeb;color:#d9e7fb}html[data-theme=dark] .lookup-action-chip:hover,html[data-theme=dark] .lookup-action-chip:focus-visible{border-color:#4f8cff6b;box-shadow:0 12px 28px #00000038}html[data-theme=dark] .lookup-action-label,html[data-theme=dark] .lookup-copy-hint,html[data-theme=dark] .lookup-card-copy-title{color:#90a6c3}@media(max-width:1080px){.lookup-result-card{grid-template-columns:1fr}}.result-grid>.workspace-stat:has(strong[title*="."]),.result-grid>.workspace-stat:has(strong[title*=":"]),.result-grid>.workspace-stat:has(strong[title*="/"]),.result-grid>.workspace-stat:has(strong[title*="-"]),.result-grid>.workspace-stat.is-long-value{grid-column:span 2}@media(max-width:1080px){body[data-initial-tool] .ref-workspace-shell{padding:16px!important}body[data-initial-tool] .ref-workspace-shell>.tool-workspace.ref-workspace-body,body[data-initial-tool] .ref-workspace-shell>.modern-workspace.ref-workspace-body,body[data-initial-tool] .ref-workspace-shell>.pattern-workspace.ref-workspace-body,body[data-initial-tool] .ref-workspace-shell>.tool-workspace.modern-workspace.pattern-workspace.ref-workspace-body{margin-top:14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-initial-tool] .ref-workspace-shell .tool-layout,body[data-initial-tool] .ref-workspace-shell .tool-layout.wide-tool,body[data-initial-tool] .ref-workspace-shell .lookup-tool-layout,body[data-initial-tool] .ref-workspace-shell .http-status-tool,body[data-initial-tool] .ref-workspace-shell .converter-grid{gap:12px!important}.tool-layout,.tool-layout.wide-tool,.tool-modern-page .tool-layout,.tool-modern-page .tool-layout.wide-tool{grid-template-columns:1fr!important}.tool-panel,.result-panel{width:100%;min-width:0}.result-grid,.timestamp-grid,.workspace-stats,.tool-modern-page .result-grid,.tool-modern-page .timestamp-grid,.tool-modern-page .workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cidr-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){body[data-initial-tool] .ref-card,body[data-initial-tool] .ref-side-card{padding:16px!important}body[data-initial-tool] .ref-workspace-shell{padding:14px!important}body[data-initial-tool] .ref-workspace-shell .ref-section-head{margin-bottom:10px!important}.result-grid,.timestamp-grid,.workspace-stats,.tool-modern-page .result-grid,.tool-modern-page .timestamp-grid,.tool-modern-page .workspace-stats{grid-template-columns:1fr!important;gap:10px}.result-grid>.workspace-stat,.tool-modern-page .result-grid>.workspace-stat{grid-column:auto!important}.workspace-stat,.tool-modern-page .workspace-stat{padding:14px 14px 13px}.workspace-stat strong,.tool-modern-page .workspace-stat strong,.tool-modern-page .result-grid strong{font-size:clamp(18px,7vw,28px)!important;line-height:1.16}.workspace-stat.is-long-value strong{font-size:clamp(16px,5.3vw,22px)!important}.timestamp-row,.batch-row{align-items:flex-start}.timestamp-row strong,.batch-row strong,.lookup-summary-bar strong,.result-inline-meta strong{min-width:0;max-width:100%;word-break:normal;overflow-wrap:anywhere;line-break:anywhere}}@media(max-width:1080px){.converter-grid,.tool-modern-page .converter-grid,.ref-workspace-shell .converter-grid{grid-template-columns:1fr!important}.converter-panel,.converter-arrow{min-width:0}.converter-arrow{transform:rotate(90deg)}}@media(max-width:640px){.converter-grid,.tool-modern-page .converter-grid,.ref-workspace-shell .converter-grid{gap:10px}.converter-panel .tool-textarea{min-height:240px}.result-inline-meta{grid-template-columns:1fr;gap:10px;padding:10px}.result-inline-meta>span,.result-inline-meta>strong{padding:10px 12px}}@media(max-width:640px){main{margin-inline:10px!important}.uv-shell{width:calc(100% - 20px)!important;margin-inline:10px!important;padding-inline:0!important}.ref-page{padding-top:12px;padding-bottom:28px}.ref-tool-layout,.ref-tool-main,.http-status-tool,.lookup-tool-layout{gap:14px!important}.ref-workspace-shell,.tool-modern-page .modern-workspace,.tool-modern-page .tool-panel,.tool-modern-page .content-card,.tool-modern-page .sticky-card{padding:12px!important;border-radius:20px!important}.tool-panel,.result-panel,.converter-panel,.http-status-search-panel,.http-status-result-panel,.lookup-input-panel,.lookup-detail-panel{padding:14px!important;border-radius:20px!important}.result-surface,.result-frame,.timestamp-row,.batch-row{border-radius:18px!important}.result-surface{padding:12px!important;gap:12px!important}.result-surface>.table-wrap,.lookup-table-wrap{border-radius:16px}.ref-page-hero,.ref-card,.ref-side-card,.ref-banner-card,.tool-modern-page .tool-modern-hero{padding:20px 16px!important;border-radius:22px!important}}@media(max-width:760px){html,body{overflow-x:clip!important}body[data-initial-tool]>main.uv-shell.tool-modern-page.ref-page.ref-tool-page{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-inline:10px!important;padding-inline:0!important;overflow-x:clip!important}body[data-initial-tool] .ref-tool-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body[data-initial-tool] .ref-tool-main,body[data-initial-tool] .ref-tool-side{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important}body[data-initial-tool] .ref-tool-side{position:static!important;top:auto!important;order:2}body[data-initial-tool] .ref-workspace-shell,body[data-initial-tool] .ref-card,body[data-initial-tool] .ref-side-card,body[data-initial-tool] .tool-workspace,body[data-initial-tool] .modern-workspace,body[data-initial-tool] .pattern-workspace,body[data-initial-tool] .tool-layout,body[data-initial-tool] .tool-layout.wide-tool,body[data-initial-tool] .converter-grid,body[data-initial-tool] .http-status-tool,body[data-initial-tool] .lookup-tool-layout{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}}body[data-initial-tool] .color-preview{overflow:clip}body[data-initial-tool] .color-preview-glow{max-width:100%}@media(max-width:1320px){body[data-initial-tool] .ref-workspace-shell .tool-layout:has(.cidr-detail-grid),body[data-initial-tool] .ref-workspace-shell .tool-layout:has(.result-grid),body[data-initial-tool] .ref-workspace-shell .tool-layout.wide-tool:has(.result-grid),body[data-initial-tool] .ref-workspace-shell .lookup-tool-layout,body[data-initial-tool] .ref-workspace-shell .http-status-tool{grid-template-columns:minmax(0,1fr)!important}body[data-initial-tool] .ref-workspace-shell .tool-panel,body[data-initial-tool] .ref-workspace-shell .result-panel,body[data-initial-tool] .ref-workspace-shell .lookup-input-panel,body[data-initial-tool] .ref-workspace-shell .lookup-detail-panel,body[data-initial-tool] .ref-workspace-shell .http-status-search-panel,body[data-initial-tool] .ref-workspace-shell .http-status-result-panel{width:100%!important;min-width:0!important;max-width:100%!important}}body[data-initial-tool=ip-cidr-calculator] .ref-workspace-shell .tool-layout,body[data-initial-tool=ip-cidr-calculator] .ref-workspace-shell .tool-layout.wide-tool{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body[data-initial-tool=ip-cidr-calculator] .ref-workspace-shell .tool-layout>.tool-panel:first-child{margin:0}body[data-initial-tool=ip-cidr-calculator] .ref-workspace-shell .tool-layout>.result-panel{grid-column:1 / -1}body[data-initial-tool=ip-cidr-calculator] #cidr-result{display:grid;gap:14px}body[data-initial-tool=ip-cidr-calculator] .result-inline-meta{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}body[data-initial-tool=ip-cidr-calculator] .cidr-detail-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:14px;align-items:start}body[data-initial-tool=ip-cidr-calculator] .cidr-detail-grid>.cidr-surface:nth-child(3){grid-column:1 / -1}body[data-initial-tool=ip-cidr-calculator] .cidr-surface{height:100%}body[data-initial-tool=ip-cidr-calculator] .cidr-rows .timestamp-row{min-height:0}body[data-initial-tool=ip-cidr-calculator] .cidr-binary-frame{overflow:auto}body[data-initial-tool=ip-cidr-calculator] .cidr-binary-frame .result-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media(max-width:900px){body[data-initial-tool=ip-cidr-calculator] .result-inline-meta,body[data-initial-tool=ip-cidr-calculator] .cidr-detail-grid{grid-template-columns:1fr!important}body[data-initial-tool=ip-cidr-calculator] .cidr-detail-grid>.cidr-surface:nth-child(3){grid-column:auto}}.timestamp-row>.tool-action.copy,.batch-row>.tool-action.copy,.lookup-result-card .tool-action.copy,.lookup-card-copy-group .tool-action.copy,.result-grid .tool-action.copy,.cidr-rows .tool-action.copy{min-height:42px;padding:0 14px;border-radius:999px;align-self:center;flex:0 0 auto}.timestamp-row>.tool-action.copy .tool-action-icon,.batch-row>.tool-action.copy .tool-action-icon,.lookup-result-card .tool-action.copy .tool-action-icon,.lookup-card-copy-group .tool-action.copy .tool-action-icon,.result-grid .tool-action.copy .tool-action-icon,.cidr-rows .tool-action.copy .tool-action-icon{width:18px;height:18px}