/*! tailwindcss v4.3.3 | 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)))){*,::backdrop,:after,:before{--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-border-style:solid;--tw-font-weight:initial;--tw-tracking: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}}}@layer theme{:host,:root{--font-sans:var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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);--color-surface:var(--color-surface);--color-border:var(--color-border)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.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}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-brand-500\)\]{border-color:var(--color-brand-500)}.border-border{border-color:var(--color-border)}.border-primary{border-color:var(--color-brand-500)}.bg-\[var\(--color-brand-500\)\]{background-color:var(--color-brand-500)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-muted\)\]{background-color:var(--color-surface-muted)}.bg-background{background-color:var(--color-bg)}.bg-primary{background-color:var(--color-brand-500)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-foreground{color:var(--color-text)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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}.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,)}.transition{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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-\[var\(--color-border-strong\)\]:hover{border-color:var(--color-border-strong)}.hover\:bg-muted:hover{background-color:var(--color-text-muted)}}@media (min-width:40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48rem){.md\:w-32{width:calc(var(--spacing) * 32)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.md\:pb-1{padding-bottom:var(--spacing)}}@media (min-width:64rem){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}}:root{--color-brand-50:#f2f1ff;--color-brand-100:#e6e3ff;--color-brand-400:#7668f5;--color-brand-500:#5b4cf0;--color-brand-600:#4939de;--color-brand-700:#3c2fc0;--color-success-500:#198a68;--color-warning-500:#a56b09;--color-danger-500:#c23d4b;--color-bg:#f7f8fb;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-muted:#f0f2f7;--color-surface-brand:#f0efff;--color-text:#172033;--color-text-muted:#687286;--color-text-subtle:#8c95a6;--color-border:#e1e5ec;--color-border-strong:#cbd1dc;--color-focus:#6657ef;--color-on-brand:#fff;--header-bg:#ffffffe0;--hero-start:#fbfbff;--hero-end:#eeedff;--footer-bg:#111827;--footer-text:#aab2c1;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.12;--leading-normal:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:999px;--shadow-sm:0 1px 2px #151d300d;--shadow-md:0 10px 30px #151d3014;--shadow-lg:0 22px 60px #151d301c;--duration-fast:.14s;--duration-normal:.22s;--ease-standard:cubic-bezier(.2,.8,.2,1)}html[data-theme=dark]{--color-bg:#0d111c;--color-surface:#141a27;--color-surface-raised:#1a2130;--color-surface-muted:#202838;--color-surface-brand:#242144;--color-text:#f1f4f9;--color-text-muted:#a6afbf;--color-text-subtle:#7e899b;--color-border:#293244;--color-border-strong:#3a455a;--color-focus:#a99fff;--color-brand-50:#211e3f;--color-brand-100:#2c2855;--color-brand-400:#9d92ff;--color-brand-500:#887cff;--color-brand-600:#7568f4;--color-brand-700:#aea5ff;--color-success-500:#5fd1a8;--color-warning-500:#f2c05d;--header-bg:#0d111ce0;--hero-start:#111523;--hero-end:#201d3c;--footer-bg:#090d15;--footer-text:#8d97aa;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 12px 36px #00000042;--shadow-lg:0 24px 70px #00000057}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--color-bg)}body{min-width:320px;color:var(--color-text);font-family:var(--font-sans);line-height:var(--leading-normal);text-rendering:optimizelegibility;margin:0}.category-card,.input-control,.legal-content,.mobile-menu-panel,.search-input,.site-header,.ui-card,body{transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.ui-button[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}::selection{background:var(--color-brand-100);color:var(--color-text)}:focus-visible{outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}:focus-visible{outline-offset:3px}.container{width:min(100% - 2rem,72rem);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-weight:700;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:2.75rem;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-weight:750;line-height:1;display:inline-flex}.ui-button:hover{transform:translateY(-2px)}.ui-button:active{transform:translateY(0)}.ui-button-sm{min-height:2.375rem;font-size:var(--text-xs);padding:.6rem .9rem}.ui-button-md{padding:.8rem 1.15rem}.ui-button-lg{min-height:3.25rem;padding:.95rem 1.35rem}.ui-button-primary{background:var(--color-brand-500);color:var(--color-on-brand);box-shadow:0 8px 24px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ui-button-primary{box-shadow:0 8px 24px color-mix(in srgb,var(--color-brand-500) 25%,transparent)}}.ui-button-primary:hover{background:var(--color-brand-600);box-shadow:0 12px 28px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.ui-button-primary:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--color-brand-500) 31%,transparent)}}.ui-button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.ui-button-secondary:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.ui-button-ghost{color:var(--color-text-muted);background:0 0}.ui-button-ghost:hover{background:var(--color-surface-muted);color:var(--color-text)}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;width:2.625rem;height:2.625rem;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast),background-color var(--duration-fast),border-color var(--duration-fast);flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);transform:translateY(-1px)}.input-field{gap:var(--space-2);display:grid}.input-label{color:var(--color-text);font-size:var(--text-sm);font-weight:700}.input-control{width:100%;height:3rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.input-control::placeholder{color:var(--color-text-subtle)}.input-control:hover:not(:disabled){border-color:var(--color-border-strong)}.input-control:disabled{cursor:not-allowed;opacity:.7;background:var(--color-surface-muted)}.input-control.is-invalid{border-color:var(--color-danger-500)}.date-input-wrap{display:block;position:relative}.date-input-wrap .input-control{display:block}.date-input-hidden-text{-webkit-text-fill-color:transparent;color:#0000}.date-input-hidden-text::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.date-overlay{top:0;bottom:0;left:var(--space-4);pointer-events:none;color:var(--color-text-subtle);font-size:var(--text-base);white-space:nowrap;align-items:center;line-height:1;display:flex;position:absolute}.date-overlay.has-value{color:var(--color-text)}.input-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.input-hint.is-error{color:var(--color-danger-500)}.search-input{align-items:center;gap:var(--space-3);height:3rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex}.search-input input{min-width:0;color:var(--color-text);font-size:var(--text-sm);background:0 0;border:0;outline:0;flex:1}.search-input input::placeholder{color:var(--color-text-subtle)}.search-input:has(input:focus){border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.search-input:has(input:focus){box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent)}}.search-input:has(input:disabled){opacity:.78}.search-icon{border:2px solid var(--color-text-subtle);border-radius:50%;flex:none;width:.9rem;height:.9rem;position:relative}.search-icon:after{content:"";background:var(--color-text-subtle);border-radius:2px;width:.4rem;height:2px;position:absolute;bottom:-.12rem;right:-.3rem;transform:rotate(45deg)}.search-input kbd{background:var(--color-surface-muted);min-width:1.5rem;color:var(--color-text-subtle);text-align:center;border:solid var(--color-border);border-width:1px 1px 2px;border-radius:.35rem;padding:.12rem .38rem;font-size:.65rem}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.ui-card-interactive{transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),background-color var(--duration-normal)}.ui-card-interactive:hover{border-color:var(--color-brand-500);transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.ui-card-interactive:hover{border-color:color-mix(in srgb,var(--color-brand-500) 28%,var(--color-border))}}.ui-card-interactive:hover{box-shadow:var(--shadow-lg)}.ui-badge{border-radius:var(--radius-full);background:var(--color-surface-muted);width:fit-content;color:var(--color-text-muted);letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.32rem .55rem;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex}.ui-badge-brand{background:var(--color-brand-100);color:var(--color-brand-700)}.ui-badge-success{background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.ui-badge-success{background:color-mix(in srgb,var(--color-success-500) 14%,var(--color-surface))}}.ui-badge-success{color:var(--color-success-500)}.ui-badge-warning{background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.ui-badge-warning{background:color-mix(in srgb,var(--color-warning-500) 15%,var(--color-surface))}}.ui-badge-warning{color:var(--color-warning-500)}.site-header{z-index:40;border-bottom:1px solid var(--color-border);height:4.25rem;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-header{border-bottom:1px solid color-mix(in srgb,var(--color-border) 86%,transparent)}}.site-header{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-shell{gap:var(--space-4);height:100%;display:flex}.brand,.nav-shell{align-items:center}.brand{letter-spacing:-.035em;flex:none;gap:.65rem;font-size:1.1rem;font-weight:850;display:inline-flex}.brand>span:last-child>span{color:var(--color-brand-500)}.brand-mark{background:var(--color-brand-500);width:2.25rem;height:2.25rem;color:var(--color-on-brand);box-shadow:0 8px 20px var(--color-brand-500);border-radius:.7rem .7rem .7rem .25rem;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.brand-mark{box-shadow:0 8px 20px color-mix(in srgb,var(--color-brand-500) 25%,transparent)}}.brand-mark{font-size:1rem}.header-search{width:min(24rem,30vw)}.desktop-nav,.header-search{margin-left:auto;display:none}.desktop-nav{align-items:center;gap:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700}.desktop-nav>a:hover,.nav-dropdown summary:hover{color:var(--color-brand-500)}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"+";transition:transform var(--duration-fast);margin-left:.4rem;display:inline-block}.nav-dropdown[open] summary:after{transform:rotate(45deg)}.nav-dropdown-menu{width:12.5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);display:grid;position:absolute;top:2.25rem;right:0}.nav-dropdown-menu a{border-radius:var(--radius-sm);padding:.65rem .7rem}.nav-dropdown-menu a:hover{background:var(--color-surface-brand);color:var(--color-brand-700)}.header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.theme-icon{width:1.05rem;height:1.05rem;color:var(--color-text-muted);border:2px solid;border-radius:50%;display:block;position:relative}.theme-icon-light:after{content:"";background:repeating-conic-gradient(currentColor 0 7deg,transparent 7deg 45deg);position:absolute;inset:-.38rem;-webkit-mask:radial-gradient(#0000 0 48%,#000 50%);mask:radial-gradient(#0000 0 48%,#000 50%)}.theme-icon-dark{box-shadow:inset -.3rem -.18rem 0 var(--color-surface);background:currentColor;border:0}.theme-icon-system{border-radius:.2rem}.theme-icon-system:after{content:"";background:currentColor;width:.55rem;height:2px;position:absolute;bottom:-.32rem;left:.25rem;box-shadow:0 .15rem 0 -.02rem}.mobile-menu{position:relative}.mobile-menu>summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;width:2.625rem;height:2.625rem;box-shadow:var(--shadow-sm);list-style:none;display:block;position:relative}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary span{background:var(--color-text);width:1rem;height:2px;transition:transform var(--duration-fast),opacity var(--duration-fast),top var(--duration-fast);border-radius:2px;display:block;position:absolute;top:1rem;left:.78rem}.mobile-menu>summary span:first-child{top:.72rem}.mobile-menu>summary span:last-child{top:1.28rem}.mobile-menu[open]>summary span:first-child{top:1rem;transform:rotate(45deg)}.mobile-menu[open]>summary span:nth-child(2){opacity:0}.mobile-menu[open]>summary span:last-child{top:1rem;transform:rotate(-45deg)}.mobile-menu-panel{max-height:calc(100vh - 4.25rem);padding:var(--space-5) 1rem var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:fixed;top:4.25rem;left:0;right:0;overflow-y:auto}.mobile-menu-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.mobile-menu-heading strong{font-size:var(--text-lg)}.mobile-menu-heading span{color:var(--color-text-subtle);font-size:var(--text-xs)}.mobile-menu-panel nav{gap:var(--space-1);margin-top:var(--space-4);display:grid}.mobile-menu-panel nav>a{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-height:2.75rem;font-size:var(--text-sm);padding:.6rem .7rem;font-weight:700;display:flex}.mobile-menu-panel nav>a:hover{background:var(--color-surface-brand);color:var(--color-brand-700)}.mobile-nav-label{padding:var(--space-4) .7rem var(--space-1);color:var(--color-text-subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:850}.mini-icon{background:var(--color-brand-100);width:1.8rem;height:1.8rem;color:var(--color-brand-700);border-radius:.45rem;place-items:center;font-size:.55rem;font-weight:900;display:grid}.hero{background:linear-gradient(145deg,var(--hero-start),var(--hero-end));position:relative;overflow:hidden}.hero:before{content:"";opacity:.35;background-image:radial-gradient(var(--color-brand-400) .7px,transparent .7px);background-size:1.4rem 1.4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-content{z-index:2;padding-block:var(--space-16) var(--space-16);text-align:center;position:relative}.hero-badge{margin-inline:auto}.live-dot{background:var(--color-success-500);width:.42rem;height:.42rem;box-shadow:0 0 0 3px var(--color-success-500);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.live-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success-500) 14%,transparent)}}.hero h1{max-width:52rem;margin:var(--space-5) auto var(--space-4);letter-spacing:-.058em;font-size:clamp(2.65rem,8vw,4.75rem);line-height:1.02}.hero h1 em{color:var(--color-brand-500);font-style:normal;font-weight:800}.hero-content>p{max-width:39rem;color:var(--color-text-muted);font-size:clamp(var(--text-base),2.5vw,var(--text-lg));margin:0 auto}.hero-search{width:min(100%,34rem);margin:var(--space-6) auto 0;text-align:left}.hero-search .search-input{border-color:var(--color-brand-500);height:3.5rem}@supports (color:color-mix(in lab,red,red)){.hero-search .search-input{border-color:color-mix(in srgb,var(--color-brand-500) 20%,var(--color-border))}}.hero-search .search-input{box-shadow:var(--shadow-md)}.hero-actions{gap:var(--space-3);width:min(100%,28rem);margin:var(--space-5) auto var(--space-5);flex-direction:column;display:flex}.trust-row{justify-content:center;gap:var(--space-3) var(--space-6);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;font-weight:700;display:flex}.trust-row i{background:var(--color-success-500);border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;margin-right:.3rem;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.trust-row i{background:color-mix(in srgb,var(--color-success-500) 15%,var(--color-surface))}}.trust-row i{color:var(--color-success-500);font-size:.62rem;font-style:normal}.hero-orb{z-index:1;border-radius:50%;position:absolute}.hero-orb-one{border:2.25rem solid var(--color-brand-400);width:12rem;height:12rem;top:5rem;left:-7rem}@supports (color:color-mix(in lab,red,red)){.hero-orb-one{border:2.25rem solid color-mix(in srgb,var(--color-brand-400) 10%,transparent)}}.hero-orb-two{background:var(--color-success-500);width:8rem;height:8rem;bottom:1rem;right:-4rem}@supports (color:color-mix(in lab,red,red)){.hero-orb-two{background:color-mix(in srgb,var(--color-success-500) 8%,transparent)}}.section{padding-block:var(--space-16)}.section-tint{background:var(--color-surface-muted)}.section-heading{gap:var(--space-2);margin-bottom:var(--space-8);display:grid}.eyebrow-text,.kicker{color:var(--color-brand-500);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:850;display:inline-block}.promise-section h2,.section-heading h2{margin:var(--space-1) 0 0;font-size:clamp(1.85rem,4vw,2.55rem);line-height:var(--leading-tight);letter-spacing:-.04em}.section-heading>p{max-width:30rem;color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.category-card,.category-grid,.tool-grid{gap:var(--space-4);display:grid}.category-card{min-height:10.5rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard);grid-template-columns:auto 1fr;position:relative;overflow:hidden}.category-card:hover{border-color:var(--color-brand-500);transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.category-card:hover{border-color:color-mix(in srgb,var(--color-brand-500) 25%,var(--color-border))}}.category-card:hover{box-shadow:var(--shadow-lg)}.category-icon,.page-header-icon{border-radius:var(--radius-lg);background:var(--color-brand-100);width:3.25rem;height:3.25rem;color:var(--color-brand-700);flex:none;place-items:center;font-size:.7rem;font-weight:900;display:grid}.accent-coral .category-icon,.mini-icon.coral,.page-header.accent-coral .page-header-icon{background:#ef7957}@supports (color:color-mix(in lab,red,red)){.accent-coral .category-icon,.mini-icon.coral,.page-header.accent-coral .page-header-icon{background:color-mix(in srgb,#ef7957 15%,var(--color-surface))}}.accent-coral .category-icon,.mini-icon.coral,.page-header.accent-coral .page-header-icon{color:#cf6040}.accent-violet .category-icon,.mini-icon.violet,.page-header.accent-violet .page-header-icon{background:#7656e8}@supports (color:color-mix(in lab,red,red)){.accent-violet .category-icon,.mini-icon.violet,.page-header.accent-violet .page-header-icon{background:color-mix(in srgb,#7656e8 15%,var(--color-surface))}}.accent-violet .category-icon,.mini-icon.violet,.page-header.accent-violet .page-header-icon{color:var(--color-brand-700)}.accent-blue .category-icon,.mini-icon.blue,.page-header.accent-blue .page-header-icon{background:#3f8ed0}@supports (color:color-mix(in lab,red,red)){.accent-blue .category-icon,.mini-icon.blue,.page-header.accent-blue .page-header-icon{background:color-mix(in srgb,#3f8ed0 15%,var(--color-surface))}}.accent-blue .category-icon,.mini-icon.blue,.page-header.accent-blue .page-header-icon{color:#347abd}.accent-green .category-icon,.mini-icon.green,.page-header.accent-green .page-header-icon{background:#2a9a77}@supports (color:color-mix(in lab,red,red)){.accent-green .category-icon,.mini-icon.green,.page-header.accent-green .page-header-icon{background:color-mix(in srgb,#2a9a77 15%,var(--color-surface))}}.accent-green .category-icon,.mini-icon.green,.page-header.accent-green .page-header-icon{color:var(--color-success-500)}.category-copy{flex-direction:column;min-width:0;display:flex}.category-copy strong{font-size:var(--text-lg);line-height:1.3}.category-copy>span:not(.ui-badge){margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.category-copy .ui-badge{margin-top:auto}.round-arrow{right:var(--space-4);bottom:var(--space-4);background:var(--color-surface-muted);width:2rem;height:2rem;color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:absolute}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:15.5rem;padding:var(--space-5);flex-direction:column;display:flex}.tool-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.tool-icon{border-radius:var(--radius-md);background:var(--color-brand-100);width:3rem;height:3rem;color:var(--color-brand-700);font-size:var(--text-base);place-items:center;font-weight:850;display:grid}.tool-card h3{margin:var(--space-5) 0 var(--space-1);font-size:var(--text-lg)}.tool-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.tool-card>a{padding-top:var(--space-5);color:var(--color-brand-700);font-size:var(--text-xs);justify-content:space-between;margin-top:auto;font-weight:800;display:flex}.center-action{margin-top:var(--space-8);justify-content:center;display:flex}.promise-grid{gap:var(--space-10);display:grid}.promise-list,.promise-list article{gap:var(--space-3);display:grid}.promise-list article{padding:var(--space-5);grid-template-columns:2.25rem 1fr}.promise-list article>span{color:var(--color-brand-500);font-size:var(--text-xs);font-weight:850}.promise-list h3{margin:0 0 var(--space-1);font-size:var(--text-base)}.promise-list p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.ad-shell{padding:var(--space-6) 0;border-block:1px solid var(--color-border);background:var(--color-surface);text-align:center}.ad-shell span{letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:800}.ad-shell p,.ad-shell span{color:var(--color-text-subtle)}.ad-shell p{margin:var(--space-1) 0 0;font-size:var(--text-xs)}.page-header{background:linear-gradient(145deg,var(--hero-start),var(--hero-end))}.page-header .container{padding-block:var(--space-10) var(--space-12)}.breadcrumbs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700;display:flex}.breadcrumbs a:hover{color:var(--color-brand-500)}.page-header-row{align-items:flex-start;gap:var(--space-4);display:flex}.page-header-icon{border-radius:var(--radius-xl);width:4rem;height:4rem}.page-header h1{margin:var(--space-1) 0 var(--space-2);letter-spacing:-.05em;font-size:clamp(2.4rem,7vw,3.75rem);line-height:1.05}.page-header p{max-width:40rem;color:var(--color-text-muted);font-size:var(--text-base);margin:0}.page-header-compact .container{max-width:54rem}.section-heading.compact h2{font-size:var(--text-3xl)}.category-preview-grid{gap:var(--space-4);margin-top:var(--space-8);display:grid}.category-preview-grid>:only-child{grid-column:1/-1}.upload-dropzone{align-content:center;place-items:center;gap:var(--space-3);min-height:18rem;padding:var(--space-8);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-brand);display:grid}@supports (color:color-mix(in lab,red,red)){.upload-dropzone{background:color-mix(in srgb,var(--color-surface-brand) 48%,var(--color-surface))}}.upload-dropzone{text-align:center}.upload-icon{border-radius:var(--radius-lg);background:var(--color-surface);width:3.5rem;height:3.5rem;color:var(--color-brand-500);box-shadow:var(--shadow-md);place-items:center;display:grid}.upload-icon span{border:2px solid;border-top:0;border-radius:0 0 .2rem .2rem;width:1.2rem;height:.9rem;position:relative}.upload-icon span:before{content:"";background:currentColor;width:2px;height:1rem;position:absolute;bottom:.45rem;left:50%;transform:translate(-50%)}.upload-icon span:after{content:"";border-top:2px solid;border-left:2px solid;width:.5rem;height:.5rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)rotate(45deg)}.upload-dropzone h2{font-size:var(--text-lg);margin:0}.upload-dropzone p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.upload-dropzone .upload-note{max-width:18rem;color:var(--color-text-subtle);font-size:var(--text-xs)}.coming-soon-panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.coming-soon-panel h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-2xl)}.coming-soon-panel p{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.category-tool-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-page-section{padding-block:var(--space-8) var(--space-16)}.tool-page-grid{gap:var(--space-5);align-items:start;display:grid}.converter-shell{min-width:0}.privacy-banner{margin-bottom:var(--space-4)}@supports (color:color-mix(in lab,red,red)){.privacy-banner{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.privacy-banner{color:var(--color-text);font-size:var(--text-sm)}.privacy-banner>span{width:1.5rem;height:1.5rem;color:var(--color-surface)}.converter-dropzone{justify-content:center;align-items:center;gap:var(--space-2);min-height:23rem;padding:var(--space-8) var(--space-5);border:2px dashed var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),background-color var(--duration-fast),transform var(--duration-fast);flex-direction:column;display:flex}.converter-dropzone.is-dragging,.converter-dropzone:hover{border-color:var(--color-brand-500);background:var(--color-surface-brand)}.converter-dropzone.is-dragging{transform:scale(1.005)}.converter-dropzone.is-busy{cursor:wait;opacity:.75}.converter-upload-icon{width:4rem;height:4rem;margin-bottom:var(--space-2);border-radius:var(--radius-xl);background:var(--color-brand-100);color:var(--color-brand-700);font-size:var(--text-2xl);place-items:center;font-weight:800;display:grid}.converter-drop-title{color:var(--color-text);font-size:var(--text-xl);font-weight:800}.converter-dropzone .ui-button{margin-block:var(--space-4) var(--space-2)}.converter-dropzone small{color:var(--color-text-subtle);font-size:var(--text-xs)}.converter-workspace{gap:var(--space-4);display:grid}.converter-controls,.image-preview-card{min-width:0;padding:var(--space-4)}.image-preview-card{gap:var(--space-4);flex-direction:column;display:flex}.image-preview-frame{border-radius:var(--radius-lg);background-color:var(--color-surface-muted);background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border) 75%);place-items:center;height:16rem;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.image-preview-frame{background-image:linear-gradient(45deg,color-mix(in srgb,var(--color-border) 50%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--color-border) 50%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--color-border) 50%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--color-border) 50%,transparent) 75%)}}.image-preview-frame{background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0;background-size:1.25rem 1.25rem}.image-preview-frame img{object-fit:contain;width:100%;height:100%;display:block}.file-facts{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.file-facts div{min-width:0}.file-facts dt{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700}.file-facts dd{color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-weight:750;overflow:hidden}.converter-controls{gap:var(--space-5);flex-direction:column;display:flex}.converter-controls fieldset{gap:var(--space-5);border:0;margin:0;padding:0;display:grid}.converter-controls legend{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-base);font-weight:800}.format-options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.format-options label{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;min-width:0;min-height:3rem;font-size:var(--text-sm);place-items:center;font-weight:800;display:grid}.format-options label:hover{border-color:var(--color-border-strong)}.format-options label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.format-options label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 12%,transparent)}}.format-options input{opacity:0;pointer-events:none;position:absolute}.format-options label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.format-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.format-options label:has(input:focus-visible){outline-offset:3px}.quality-control{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.quality-control>div{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);font-weight:800;display:flex}.quality-control output{color:var(--color-brand-700)}.quality-control input{width:100%;accent-color:var(--color-brand-500)}.quality-control p{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.conversion-result{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-success-500);grid-template-columns:auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab,red,red)){.conversion-result{border:1px solid color-mix(in srgb,var(--color-success-500) 24%,var(--color-border))}}.conversion-result{border-radius:var(--radius-lg);background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.conversion-result{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.success-mark{background:var(--color-success-500);width:2rem;height:2rem;color:var(--color-surface);border-radius:50%;place-items:center;font-weight:900;display:grid}.conversion-result p{color:var(--color-text-muted);font-size:var(--text-xs);margin:.1rem 0 0}.conversion-result .ui-button{grid-column:1/-1;width:100%}.converter-status:empty{display:none}.converter-error{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid var(--color-danger-500)}@supports (color:color-mix(in lab,red,red)){.converter-error{border:1px solid color-mix(in srgb,var(--color-danger-500) 30%,var(--color-border))}}.converter-error{border-radius:var(--radius-lg);background:var(--color-danger-500)}@supports (color:color-mix(in lab,red,red)){.converter-error{background:color-mix(in srgb,var(--color-danger-500) 8%,var(--color-surface))}}.converter-error{color:var(--color-danger-500);font-size:var(--text-sm)}.converter-error strong{display:block}.converter-reset-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.tool-side-note{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.tool-side-note h2{margin:var(--space-2) 0;font-size:var(--text-xl)}.tool-side-note li,.tool-side-note p{color:var(--color-text-muted);font-size:var(--text-sm)}.tool-side-note ul{gap:var(--space-2);margin:var(--space-5) 0 0;padding-left:1.1rem;display:grid}.tool-content{border-top:1px solid var(--color-border)}.tool-copy-grid{gap:var(--space-8);display:grid}.faq-section,.format-guide,.tool-copy-grid article{max-width:46rem}.faq-section h2,.format-guide h2,.tool-copy-grid h2{margin:var(--space-2) 0 var(--space-3);font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:var(--leading-tight);letter-spacing:-.035em}.faq-section p,.format-guide p,.tool-copy-grid li,.tool-copy-grid p{color:var(--color-text-muted);font-size:var(--text-sm)}.tool-copy-grid ol{gap:var(--space-2);padding-left:1.25rem;display:grid}.format-guide{max-width:none;margin-top:var(--space-12)}.format-guide>div{gap:var(--space-3);display:grid}.format-guide article{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.format-guide p{margin:var(--space-1) 0 0}.faq-section{margin-top:var(--space-12)}.faq-section>div{gap:var(--space-2);display:grid}.faq-section details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.faq-section summary{padding:var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:800}.faq-section details p{padding:0 var(--space-4) var(--space-4);margin:0}.compressor-controls{min-height:28rem}.compressor-quality{padding:var(--space-5)}.quality-scale{color:var(--color-text-subtle);font-size:.65rem;font-weight:700}.quality-presets{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quality-presets button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;min-height:2.4rem;color:var(--color-text-muted);font-size:var(--text-xs);padding:.45rem .5rem;font-weight:800}.quality-presets button span{color:var(--color-text-subtle);font-size:.62rem;display:block}.quality-presets button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.quality-presets button[aria-pressed=true]{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700)}.quality-presets button[aria-pressed=true] span{color:inherit}.quality-changed{font-weight:750;color:var(--color-warning-500)!important}.png-limit-note{min-height:11.5rem;padding:var(--space-5);border:1px solid var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.png-limit-note{border:1px solid color-mix(in srgb,var(--color-warning-500) 25%,var(--color-border))}}.png-limit-note{border-radius:var(--radius-lg);background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.png-limit-note{background:color-mix(in srgb,var(--color-warning-500) 7%,var(--color-surface))}}.png-limit-note h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-lg)}.png-limit-note p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.png-limit-note>a{gap:var(--space-2);margin-top:var(--space-3);color:var(--color-brand-700);font-size:var(--text-sm);font-weight:800;display:inline-flex}.size-comparison{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.size-comparison>div{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex-direction:column;gap:.2rem;display:flex}.size-comparison>div.has-savings{border-color:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.size-comparison>div.has-savings{border-color:color-mix(in srgb,var(--color-success-500) 32%,var(--color-border))}}.size-comparison>div.has-savings{background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.size-comparison>div.has-savings{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.size-comparison>div.no-savings{border-color:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.size-comparison>div.no-savings{border-color:color-mix(in srgb,var(--color-warning-500) 32%,var(--color-border))}}.size-comparison>div.no-savings{background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.size-comparison>div.no-savings{background:color-mix(in srgb,var(--color-warning-500) 8%,var(--color-surface))}}.size-comparison span{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:750}.size-comparison strong{font-size:var(--text-xl);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.size-comparison small{color:var(--color-text-muted);font-size:.68rem}.comparison-arrow{place-self:center;display:none;color:var(--color-brand-500)!important;font-size:var(--text-lg)!important}.compression-result{align-items:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr);display:grid}.compression-result.is-success{border-color:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.compression-result.is-success{border-color:color-mix(in srgb,var(--color-success-500) 24%,var(--color-border))}}.compression-result.is-success{background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.compression-result.is-success{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.compression-result.is-no-savings{border-color:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.compression-result.is-no-savings{border-color:color-mix(in srgb,var(--color-warning-500) 28%,var(--color-border))}}.compression-result.is-no-savings{background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.compression-result.is-no-savings{background:color-mix(in srgb,var(--color-warning-500) 8%,var(--color-surface))}}.compression-result.is-no-savings .success-mark{background:var(--color-warning-500)}.compression-result p{color:var(--color-text-muted);font-size:var(--text-xs);margin:.1rem 0 0}.result-downloads{gap:var(--space-2);grid-column:1/-1;display:grid}.result-downloads .ui-button{width:100%}.result-secondary-link{color:var(--color-brand-700);font-size:var(--text-xs);text-align:center;font-weight:800}.png-explanation{max-width:46rem;margin-top:var(--space-12);padding:var(--space-6);border:1px solid var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.png-explanation{border:1px solid color-mix(in srgb,var(--color-warning-500) 22%,var(--color-border))}}.png-explanation{border-radius:var(--radius-xl);background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.png-explanation{background:color-mix(in srgb,var(--color-warning-500) 6%,var(--color-surface))}}.png-explanation h2{margin:var(--space-2) 0 var(--space-3);font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:var(--leading-tight);letter-spacing:-.035em}.png-explanation p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.resizer-controls{min-height:36rem}.control-heading{margin:0 0 var(--space-3);color:var(--color-text);font-size:var(--text-base);font-weight:800}.resize-method-options{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resize-method-options label{min-width:0;min-height:3rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-xs);text-align:center;place-items:center;font-weight:800;display:grid}.resize-method-options label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.resize-method-options label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 12%,transparent)}}.resize-method-options input{opacity:0;pointer-events:none;position:absolute}.resize-method-options label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.resize-method-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.resize-method-options label:has(input:focus-visible){outline-offset:3px}.dimension-controls,.percentage-controls{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.dimension-inputs{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0;display:grid}.dimension-inputs>label{gap:var(--space-1);min-width:0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:750;display:grid}.dimension-separator{color:var(--color-text-subtle);padding-bottom:.65rem;font-weight:800}.dimension-input,.percentage-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;min-width:0;display:flex;overflow:hidden}.dimension-input:focus-within,.percentage-input:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.dimension-input:focus-within,.percentage-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 22%,transparent)}}.dimension-input input,.percentage-input input{width:100%;min-width:0;color:var(--color-text);font:inherit;font-size:var(--text-sm);background:0 0;border:0;outline:0;padding:.7rem .35rem .7rem .7rem;font-weight:800}.dimension-input>span,.percentage-input>span{color:var(--color-text-subtle);font-size:var(--text-xs);flex:none;padding-right:.65rem;font-weight:750}.aspect-lock{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:750;display:flex}.aspect-lock input{accent-color:var(--color-brand-500)}.percentage-controls>label{color:var(--color-text);font-size:var(--text-sm);font-weight:800}.percentage-input{width:min(100%,10rem)}.resize-presets{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resize-presets button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:2.35rem;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);padding:.4rem;font-weight:800}.resize-presets button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.resize-presets button[aria-pressed=true]{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700)}.target-size{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:.15rem;display:grid}.target-size small,.target-size span{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700}.target-size strong{overflow-wrap:anywhere;color:var(--color-text);font-size:var(--text-xl)}.resize-validation{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-danger-500);font-size:var(--text-xs);font-weight:750}.png-resize-note{padding:var(--space-4);border:1px solid var(--color-warning-500);margin:0}@supports (color:color-mix(in lab,red,red)){.png-resize-note{border:1px solid color-mix(in srgb,var(--color-warning-500) 25%,var(--color-border))}}.png-resize-note{border-radius:var(--radius-lg);background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.png-resize-note{background:color-mix(in srgb,var(--color-warning-500) 7%,var(--color-surface))}}.png-resize-note{color:var(--color-text-muted);font-size:var(--text-xs)}.resize-result p{line-height:1.55}.pdf-merge-shell{min-width:0}.pdf-dropzone{justify-content:center;align-items:center;gap:var(--space-4);min-height:20rem;padding:var(--space-8) var(--space-5);border:2px dashed var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),background-color var(--duration-fast),transform var(--duration-fast);flex-direction:column;display:flex}.pdf-dropzone.is-dragging,.pdf-dropzone:hover{border-color:var(--color-brand-500);background:var(--color-surface-brand)}.pdf-dropzone.is-dragging{transform:scale(1.005)}.pdf-dropzone.is-busy{cursor:wait;opacity:.7}.pdf-dropzone.is-compact{align-items:stretch;gap:var(--space-3);min-height:0;margin-bottom:var(--space-4);padding:var(--space-4);text-align:left}.pdf-upload-icon{border-radius:var(--radius-xl);background:var(--color-danger-500);flex:none;place-items:center;width:4rem;height:4rem;display:grid}@supports (color:color-mix(in lab,red,red)){.pdf-upload-icon{background:color-mix(in srgb,var(--color-danger-500) 12%,var(--color-surface))}}.pdf-upload-icon{color:var(--color-danger-500);font-size:var(--text-xs);font-weight:900}.pdf-dropzone.is-compact .pdf-upload-icon{border-radius:var(--radius-lg);width:3rem;height:3rem}.pdf-drop-copy{gap:var(--space-1);min-width:0;display:grid}.pdf-drop-copy strong{color:var(--color-text);font-size:var(--text-xl)}.pdf-drop-copy small{color:var(--color-text-subtle);font-size:var(--text-xs)}.pdf-dropzone.is-compact .pdf-drop-copy strong{font-size:var(--text-base)}.pdf-dropzone .ui-button{pointer-events:none}.pdf-file-panel{min-width:0;padding:var(--space-4)}.pdf-file-panel-heading{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.pdf-file-panel-heading h3{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.pdf-total-summary{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.pdf-total-summary strong{color:var(--color-text)}.pdf-reorder-help{margin:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-xs)}.pdf-file-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.pdf-file-list li{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--duration-fast),opacity var(--duration-fast);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.pdf-file-list li.is-dragging{border-color:var(--color-brand-500);opacity:.55}.pdf-drag-handle{border-radius:var(--radius-sm);width:2rem;height:2.5rem;color:var(--color-text-subtle);cursor:grab;letter-spacing:-.2rem;background:0 0;border:0;place-items:center;padding:0;font-weight:900;display:grid}.pdf-drag-handle:active{cursor:grabbing}.pdf-drag-handle:hover{background:var(--color-surface-muted);color:var(--color-text)}.pdf-drag-handle[aria-disabled=true]{cursor:wait;opacity:.5}.pdf-order-number{background:var(--color-surface-brand);width:1.75rem;height:1.75rem;color:var(--color-brand-700);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:850;display:grid}.pdf-file-icon{color:var(--color-danger-500);font-size:.65rem;font-weight:900;display:none}.pdf-file-details{gap:.15rem;min-width:0;display:grid}.pdf-file-details strong{color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-file-details small{color:var(--color-text-muted);font-size:.68rem}.pdf-reorder-buttons{gap:var(--space-1);grid-column:3/4;display:flex}.pdf-reorder-buttons button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:2rem;height:2rem;color:var(--color-text);cursor:pointer;padding:0}.pdf-reorder-buttons button:disabled{cursor:not-allowed;opacity:.4}.pdf-remove-button{border-radius:var(--radius-sm);color:var(--color-danger-500);cursor:pointer;font-size:var(--text-xs);background:0 0;border:0;grid-column:4/5;padding:.45rem .6rem;font-weight:800}.pdf-remove-button:hover{background:var(--color-danger-500)}@supports (color:color-mix(in lab,red,red)){.pdf-remove-button:hover{background:color-mix(in srgb,var(--color-danger-500) 9%,transparent)}}.pdf-merge-actions{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.pdf-merge-actions .ui-button{width:100%}.pdf-minimum-note{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);text-align:center}.pdf-merge-result{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-success-500);grid-template-columns:auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab,red,red)){.pdf-merge-result{border:1px solid color-mix(in srgb,var(--color-success-500) 25%,var(--color-border))}}.pdf-merge-result{border-radius:var(--radius-lg);background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.pdf-merge-result{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.pdf-merge-result p{color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0;font-weight:750;overflow:hidden}.pdf-merge-result small{color:var(--color-text-muted);font-size:var(--text-xs)}.pdf-merge-result .ui-button{grid-column:1/-1;width:100%}.pdf-status>p:not(.converter-error){margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-brand);color:var(--color-brand-700);font-size:var(--text-sm);font-weight:750}.pdf-status:empty{display:none}.pdf-compress-shell,.pdf-split-shell{min-width:0}.pdf-compress-panel,.pdf-split-panel{min-width:0;padding:var(--space-4)}.pdf-source-summary{align-items:center;gap:var(--space-3);min-width:0;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);display:grid}.pdf-source-summary .pdf-file-icon.is-visible{border-radius:var(--radius-md);background:var(--color-danger-500);place-items:center;width:2.75rem;height:2.75rem;display:grid}@supports (color:color-mix(in lab,red,red)){.pdf-source-summary .pdf-file-icon.is-visible{background:color-mix(in srgb,var(--color-danger-500) 10%,var(--color-surface))}}.pdf-source-summary .ui-button{grid-column:1/-1;width:100%}.pdf-split-modes{gap:var(--space-2);min-width:0;margin:var(--space-5) 0 0;border:0;padding:0;display:grid}.pdf-split-modes legend{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-base);font-weight:850}.pdf-split-modes label{align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.pdf-split-modes label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.pdf-split-modes label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 10%,transparent)}}.pdf-split-modes input{accent-color:var(--color-brand-500);margin-top:.2rem}.pdf-split-modes span{gap:.15rem;min-width:0;display:grid}.pdf-split-modes strong{color:var(--color-text);font-size:var(--text-sm)}.pdf-split-modes small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.45}.pdf-split-modes label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.pdf-split-modes label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.pdf-split-modes label:has(input:focus-visible){outline-offset:3px}.pdf-page-input{gap:var(--space-2);min-width:0;margin-top:var(--space-5);display:grid}.pdf-page-input label{color:var(--color-text);font-size:var(--text-sm);font-weight:850}.pdf-page-input input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);font:inherit;font-size:var(--text-sm);outline:0;padding:.78rem .85rem}.pdf-page-input input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.pdf-page-input input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 22%,transparent)}}.pdf-page-input input[aria-invalid=true]{border-color:var(--color-danger-500)}.pdf-page-input small{line-height:1.5}.pdf-page-input small,.pdf-plan-summary{color:var(--color-text-muted);font-size:var(--text-xs)}.pdf-plan-summary{min-width:0;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.pdf-plan-summary strong{color:var(--color-text)}.pdf-plan-summary p{margin:0}.pdf-plan-summary p.is-error{color:var(--color-danger-500);font-weight:750}.pdf-plan-summary ul{max-height:9rem;margin:var(--space-2) 0 0;scrollbar-width:thin;padding-left:1.15rem;overflow:auto}.pdf-plan-summary li+li{margin-top:.2rem}.pdf-safety-note{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-warning-500);gap:.25rem;display:grid}@supports (color:color-mix(in lab,red,red)){.pdf-safety-note{border:1px solid color-mix(in srgb,var(--color-warning-500) 24%,var(--color-border))}}.pdf-safety-note{border-radius:var(--radius-lg);background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.pdf-safety-note{background:color-mix(in srgb,var(--color-warning-500) 6%,var(--color-surface))}}.pdf-safety-note strong{color:var(--color-text);font-size:var(--text-xs)}.pdf-safety-note span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.pdf-split-actions{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.pdf-split-actions .ui-button{width:100%}.pdf-split-result{min-width:0;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.pdf-result-heading{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-success-500);grid-template-columns:auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab,red,red)){.pdf-result-heading{border:1px solid color-mix(in srgb,var(--color-success-500) 25%,var(--color-border))}}.pdf-result-heading{border-radius:var(--radius-lg);background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.pdf-result-heading{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.pdf-result-heading p{color:var(--color-text-muted);font-size:var(--text-xs);margin:.1rem 0 0}.pdf-result-heading .ui-button{grid-column:1/-1;width:100%}.pdf-result-list{gap:var(--space-2);max-height:20rem;margin:var(--space-4) 0 0;scrollbar-width:thin;padding:0;list-style:none;display:grid;overflow:auto}.pdf-result-list li{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.pdf-result-list li>span{gap:.15rem;min-width:0;display:grid}.pdf-result-list strong{color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-result-list small{color:var(--color-text-muted);font-size:.68rem}.pdf-result-actions{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.pdf-result-actions .ui-button{width:100%}.image-pdf-shell{min-width:0}.image-pdf-dropzone.is-compact{align-items:stretch;gap:var(--space-3);min-height:0;margin-bottom:var(--space-4);padding:var(--space-4);text-align:left}.image-pdf-dropzone.is-compact .converter-upload-icon{width:3rem;height:3rem;font-size:var(--text-xs);margin:0}.image-pdf-drop-copy{gap:var(--space-1);min-width:0;display:grid}.image-pdf-drop-copy strong{color:var(--color-text);font-size:var(--text-xl)}.image-pdf-drop-copy span{color:var(--color-text-subtle);font-size:var(--text-xs);line-height:1.45}.image-pdf-dropzone.is-compact .image-pdf-drop-copy strong{font-size:var(--text-base)}.image-pdf-workspace{gap:var(--space-4);min-width:0;display:grid}.image-pdf-controls,.image-pdf-list-card{min-width:0;padding:var(--space-4)}.image-pdf-heading{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.image-pdf-controls h3,.image-pdf-heading h3{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.image-pdf-totals{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.image-pdf-totals strong{color:var(--color-text)}.image-pdf-reorder-help{margin:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-xs)}.image-pdf-list{gap:var(--space-2);scrollbar-width:thin;max-height:34rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.image-pdf-list li{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--duration-fast),opacity var(--duration-fast);grid-template-columns:auto auto 3.25rem minmax(0,1fr);display:grid}.image-pdf-list li.is-dragging{border-color:var(--color-brand-500);opacity:.55}.image-pdf-list img{border-radius:var(--radius-sm);background:var(--color-surface-muted);object-fit:cover;width:3.25rem;height:3.25rem;display:block}.image-pdf-file-details{gap:.15rem;min-width:0;display:grid}.image-pdf-file-details strong{color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-pdf-file-details small{color:var(--color-text-muted);font-size:.68rem;line-height:1.4}.image-pdf-list .pdf-reorder-buttons{grid-column:3/5}.image-pdf-list .pdf-remove-button{grid-column:4/5;justify-self:end}.image-pdf-controls{gap:var(--space-5);flex-direction:column;display:flex}.image-pdf-option-group{border:0;min-width:0;margin:0;padding:0}.image-pdf-option-group legend{margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:850}.image-pdf-option-group>div{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));display:grid}.image-pdf-option-group label{min-width:0;min-height:2.75rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);text-align:center;place-items:center;font-weight:800;display:grid}.image-pdf-option-group label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.image-pdf-option-group label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 10%,transparent)}}.image-pdf-option-group input{opacity:0;pointer-events:none;position:absolute}.image-pdf-option-group label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.image-pdf-option-group label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.image-pdf-option-group label:has(input:focus-visible){outline-offset:3px}.image-pdf-option-group label:has(input:disabled){cursor:wait;opacity:.55}.image-pdf-warning{margin:calc(var(--space-3) * -1) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.image-pdf-warning{background:color-mix(in srgb,var(--color-warning-500) 8%,var(--color-surface))}}.image-pdf-warning{color:var(--color-text-muted);font-size:var(--text-xs)}.image-pdf-measure{margin:calc(var(--space-4) * -1) 0 0;color:var(--color-text-subtle);font-size:var(--text-xs)}.image-pdf-safety{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);gap:.2rem;display:grid}.image-pdf-safety strong{color:var(--color-text);font-size:var(--text-xs)}.image-pdf-safety span{color:var(--color-text-muted);font-size:var(--text-xs)}.image-pdf-actions{gap:var(--space-2);display:grid}.image-pdf-actions .ui-button{width:100%}.image-pdf-result{align-items:center;gap:var(--space-3);min-width:0;margin-top:var(--space-4);padding:var(--space-4);border-color:var(--color-success-500);grid-template-columns:auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab,red,red)){.image-pdf-result{border-color:color-mix(in srgb,var(--color-success-500) 25%,var(--color-border))}}.image-pdf-result{background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.image-pdf-result{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.image-pdf-result p{color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0;font-weight:750;overflow:hidden}.image-pdf-result small{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:capitalize;line-height:1.45;display:block}.image-pdf-result>.ui-button{grid-column:1/-1;width:100%}.image-pdf-result-actions{gap:var(--space-2);flex-direction:column;grid-column:1/-1;display:flex}.image-pdf-result-actions .ui-button{width:100%}.pdf-render-controls{gap:var(--space-4);min-width:0;margin-top:var(--space-5);display:grid}.pdf-render-result-list{gap:var(--space-2);max-height:27rem;margin:var(--space-4) 0 0;scrollbar-width:thin;padding:0;list-style:none;display:grid;overflow:auto}.pdf-render-result-list li{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:3.5rem minmax(0,1fr);display:grid}.pdf-render-result-list img{border-radius:var(--radius-sm);background:var(--color-surface-muted);object-fit:contain;width:3.5rem;height:3.5rem;display:block}.pdf-render-result-list li>span{gap:.15rem;min-width:0;display:grid}.pdf-render-result-list strong{color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-render-result-list small{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.68rem;line-height:1.45}.pdf-render-result-list .ui-button{grid-column:1/-1;width:100%}.pdf-rotate-panel,.pdf-rotate-shell{min-width:0}.pdf-rotate-panel{padding:var(--space-4)}.pdf-rotate-selection{gap:var(--space-3);min-width:0;display:grid}.pdf-selection-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.pdf-rotate-toolbar{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.pdf-rotate-toolbar .ui-button{white-space:normal;width:100%}.pdf-thumbnail-heading{gap:var(--space-2);margin-top:var(--space-6);display:grid}.pdf-thumbnail-heading h3{font-size:var(--text-lg);margin:0}.pdf-thumbnail-heading p,.pdf-thumbnail-heading small{color:var(--color-text-muted);font-size:var(--text-xs);margin:.2rem 0 0;line-height:1.5}.pdf-thumbnail-grid{gap:var(--space-3);min-width:0;max-height:38rem;margin-top:var(--space-3);padding:var(--space-1);scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));display:grid;overflow:auto}.pdf-thumbnail-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);overflow:hidden}.pdf-thumbnail-card.is-selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.pdf-thumbnail-card.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 14%,transparent)}}.pdf-thumbnail-card.has-rotation{background:var(--color-warning-500)}@supports (color:color-mix(in lab,red,red)){.pdf-thumbnail-card.has-rotation{background:color-mix(in srgb,var(--color-warning-500) 5%,var(--color-surface))}}.pdf-thumbnail-select{width:100%;min-width:0;padding:var(--space-2);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;gap:.2rem;display:grid}.pdf-thumbnail-select:focus-visible{outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.pdf-thumbnail-select:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.pdf-thumbnail-select:focus-visible{outline-offset:-3px}.pdf-thumbnail-stage{height:10.5rem;margin-bottom:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-muted);place-items:center;display:grid;overflow:hidden}.pdf-thumbnail-stage img{max-width:88%;max-height:88%;box-shadow:var(--shadow-sm);object-fit:contain;transition:transform var(--duration-fast);display:block}.pdf-thumbnail-select strong{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-thumbnail-select small{color:var(--color-text-muted);font-size:.65rem;line-height:1.4}.pdf-thumbnail-select>span:last-child{color:var(--color-brand-700);font-size:.68rem;font-weight:850}.pdf-thumbnail-actions{border-top:1px solid var(--color-border);background:var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.pdf-thumbnail-actions button{background:var(--color-surface);min-height:2.3rem;color:var(--color-text);cursor:pointer;font-size:var(--text-sm);border:0;padding:.35rem;font-weight:850}.pdf-thumbnail-actions button:hover{background:var(--color-surface-brand);color:var(--color-brand-700)}.pdf-thumbnail-actions button:disabled{cursor:not-allowed;opacity:.4}.pdf-rotate-generate{bottom:var(--space-2);z-index:3;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;position:sticky}@supports (color:color-mix(in lab,red,red)){.pdf-rotate-generate{background:color-mix(in srgb,var(--color-surface) 94%,transparent)}}.pdf-rotate-generate{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-rotate-generate>div{gap:.15rem;min-width:0;display:grid}.pdf-rotate-generate strong{color:var(--color-text);font-size:var(--text-sm)}.pdf-rotate-generate small{color:var(--color-text-muted);font-size:var(--text-xs)}.pdf-rotate-generate .ui-button{width:100%}.pdf-rotate-result{grid-template-columns:auto minmax(0,1fr)}.pdf-rotate-result .pdf-result-actions{grid-column:1/-1}.qr-form-card,.qr-generator-shell,.qr-preview-card,.qr-workspace{min-width:0}.qr-generator-shell,.qr-workspace{gap:var(--space-4);display:grid}.qr-workspace{align-items:start}.privacy-banner,.qr-form-card,.qr-preview-card{padding:var(--space-4)}.privacy-banner{align-items:flex-start;gap:var(--space-3);min-width:0;border:1px solid var(--color-success-500);display:flex}@supports (color:color-mix(in lab,red,red)){.privacy-banner{border:1px solid color-mix(in srgb,var(--color-success-500) 24%,var(--color-border))}}.privacy-banner{border-radius:var(--radius-lg);background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.privacy-banner{background:color-mix(in srgb,var(--color-success-500) 7%,var(--color-surface))}}.privacy-banner>span{background:var(--color-success-500);color:#fff;width:1.75rem;height:1.75rem;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.privacy-banner>div{min-width:0}.privacy-banner strong{color:var(--color-text);font-size:var(--text-sm)}.privacy-banner p{color:var(--color-text-muted);font-size:var(--text-xs);margin:.2rem 0 0;line-height:1.5}.qr-error-correction,.qr-type-selector{border:0;min-width:0;margin:0;padding:0}.qr-error-correction legend,.qr-type-selector legend{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-sm);font-weight:850}.qr-type-selector>div{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-type-selector label{min-width:0;min-height:4.5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;text-align:center;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast);align-content:center;justify-items:center;gap:.2rem;display:grid}.qr-type-selector label:hover{border-color:var(--color-border-strong);color:var(--color-text)}.qr-type-selector label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.qr-type-selector label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 10%,transparent)}}.qr-type-selector label>span{font-size:var(--text-lg);line-height:1}.qr-type-selector label>strong{font-size:var(--text-xs)}.qr-error-correction input,.qr-type-selector input{opacity:0;pointer-events:none;position:absolute}.qr-error-correction label:has(input:focus-visible),.qr-type-selector label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.qr-error-correction label:has(input:focus-visible),.qr-type-selector label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.qr-error-correction label:has(input:focus-visible),.qr-type-selector label:has(input:focus-visible){outline-offset:3px}.qr-fields{margin-top:var(--space-5)}.qr-field-stack,.qr-vcard-grid{gap:var(--space-4);min-width:0;display:grid}.qr-vcard-address{min-width:0}.qr-field-stack textarea.input-control{resize:vertical;height:auto;min-height:7rem}.qr-checkbox,.qr-field-stack select.input-control{cursor:pointer}.qr-checkbox{align-items:center;gap:var(--space-3);min-height:2.75rem;color:var(--color-text);font-size:var(--text-sm);font-weight:750;display:flex}.qr-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--color-brand-600)}.qr-customization{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.qr-customization summary{min-height:3rem;padding:var(--space-3) var(--space-4);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);align-items:center;font-weight:850;display:flex}.qr-customization[open] summary{border-bottom:1px solid var(--color-border)}.qr-customization-body{gap:var(--space-5);padding:var(--space-4);display:grid}.qr-color-grid,.qr-range-grid{gap:var(--space-4);min-width:0;display:grid}.qr-range-grid .quality-control{gap:var(--space-2);min-width:0;display:grid}.qr-range-grid .quality-control>span{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-xs);display:flex}.qr-range-grid output{color:var(--color-brand-700);font-weight:800}.qr-range-grid input[type=range]{width:100%;min-height:1.75rem;accent-color:var(--color-brand-600);cursor:pointer}.qr-color-field,.qr-color-field>span:last-child{gap:var(--space-2);min-width:0;display:grid}.qr-color-field>span:last-child{grid-template-columns:3rem minmax(0,1fr)}.qr-color-field input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;width:3rem;height:2.75rem;padding:.2rem}.qr-color-field .input-control{text-transform:uppercase;min-width:0}.qr-error-correction>div{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-error-correction label{min-width:0;min-height:3.5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;text-align:center;align-content:center;gap:.1rem;display:grid}.qr-error-correction label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700)}.qr-error-correction strong{font-size:var(--text-xs)}.qr-error-correction span{font-size:.68rem}.qr-contrast-warning{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-500);margin:0}@supports (color:color-mix(in lab,red,red)){.qr-contrast-warning{background:color-mix(in srgb,var(--color-warning-500) 10%,var(--color-surface))}}.qr-contrast-warning{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.qr-form-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.qr-preview-card{gap:var(--space-4);display:grid}.qr-preview-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.qr-preview-heading h2{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.qr-ready-badge{min-height:1.75rem;padding:0 var(--space-2);background:var(--color-success-500);border-radius:999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.qr-ready-badge{background:color-mix(in srgb,var(--color-success-500) 12%,var(--color-surface))}}.qr-ready-badge{color:var(--color-success-700);font-size:.68rem;font-weight:850}.qr-preview-stage{aspect-ratio:1;min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(45deg,var(--color-surface-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-muted) 75%),var(--color-surface);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;place-items:center;display:grid;position:relative;overflow:hidden}.qr-preview-stage img{aspect-ratio:1;object-fit:contain;width:min(100%,22rem);height:auto;display:block}.qr-preview-empty{justify-items:center;gap:var(--space-2);max-width:17rem;color:var(--color-text-muted);text-align:center;display:grid}.qr-preview-empty>span{border-radius:var(--radius-lg);background:var(--color-brand-100);width:3.5rem;height:3.5rem;color:var(--color-brand-700);font-size:var(--text-sm);place-items:center;font-weight:900;display:grid}.qr-preview-empty strong{color:var(--color-text);font-size:var(--text-sm)}.qr-preview-empty p{font-size:var(--text-xs);margin:0;line-height:1.5}.qr-preview-updating{right:var(--space-3);bottom:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:.3rem .55rem;position:absolute}@supports (color:color-mix(in lab,red,red)){.qr-preview-updating{background:color-mix(in srgb,var(--color-surface) 92%,transparent)}}.qr-preview-updating{color:var(--color-text-muted);box-shadow:var(--shadow-sm);font-size:.68rem;font-weight:800}.qr-download-actions{gap:var(--space-2);display:grid}.qr-download-actions .ui-button{width:100%}.qr-copy-note{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-text-subtle);font-size:var(--text-xs);line-height:1.5}.qr-preview-card>.ui-button{justify-self:start}.json-panel,.json-tool-shell,.json-workspace{min-width:0}.json-tool-shell{gap:var(--space-4);display:grid}.json-tool-shell .privacy-banner{margin-bottom:0}.json-workspace{align-items:start}.json-panel,.json-workspace{gap:var(--space-4);display:grid}.json-panel{padding:var(--space-4)}.json-panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.json-panel-heading h2{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.json-panel-heading>span{max-width:11rem;color:var(--color-text-subtle);font-size:var(--text-xs);text-align:right;overflow-wrap:anywhere}.json-editor-label{color:var(--color-text);font-size:var(--text-xs);font-weight:800}.json-editor{width:100%;min-width:0;min-height:19rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-text);box-shadow:inset 0 1px 2px var(--color-text);outline:0}@supports (color:color-mix(in lab,red,red)){.json-editor{box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-text) 5%,transparent)}}.json-editor{tab-size:2;resize:vertical;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background-color var(--duration-normal);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.55}.json-editor::placeholder{color:var(--color-text-subtle)}.json-editor:hover:not(:disabled){border-color:var(--color-border-strong)}.json-editor:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.json-editor:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 20%,transparent)}}.json-editor:disabled{cursor:wait;opacity:.7}.json-editor[readonly]{background:var(--color-surface)}.case-converter-shell .json-editor,.text-cleaner-shell .json-editor,.text-editor-container .json-editor,.word-counter-shell .json-editor{min-height:10rem;max-height:20rem;overflow-y:auto}.json-file-row{align-items:stretch;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex-direction:column;display:flex}.json-file-row>div{gap:.15rem;min-width:0;display:grid}.json-file-row strong{color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.json-file-row span{color:var(--color-text-muted);font-size:.68rem;line-height:1.4}.json-file-row .ui-button{width:100%}.json-output-actions,.json-primary-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.json-output-actions .ui-button,.json-primary-actions .ui-button{width:100%}.json-live-status:empty{display:none}.json-status{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:.2rem;display:grid}.json-status strong{color:var(--color-text);font-size:var(--text-sm)}.json-status p{overflow-wrap:anywhere;margin:0;line-height:1.5}.json-status p,.json-status small{color:var(--color-text-muted);font-size:var(--text-xs)}.json-status small{font-weight:750}.json-status-success{border-color:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.json-status-success{border-color:color-mix(in srgb,var(--color-success-500) 30%,var(--color-border))}}.json-status-success{background:var(--color-success-500)}@supports (color:color-mix(in lab,red,red)){.json-status-success{background:color-mix(in srgb,var(--color-success-500) 8%,var(--color-surface))}}.json-status-error{border-color:var(--color-danger-500)}@supports (color:color-mix(in lab,red,red)){.json-status-error{border-color:color-mix(in srgb,var(--color-danger-500) 30%,var(--color-border))}}.json-status-error{background:var(--color-danger-500)}@supports (color:color-mix(in lab,red,red)){.json-status-error{background:color-mix(in srgb,var(--color-danger-500) 8%,var(--color-surface))}}.json-status-error small,.json-status-error strong{color:var(--color-danger-500)}.json-status-neutral{border-color:var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.json-status-neutral{border-color:color-mix(in srgb,var(--color-brand-500) 25%,var(--color-border))}}.json-status-neutral{background:var(--color-surface-brand)}.json-format-copy{margin-top:var(--space-12)}.legal-wrap{width:min(100% - 2rem,51rem);padding-block:var(--space-12) var(--space-20);margin:0 auto}.legal-content{padding:var(--space-6);box-shadow:var(--shadow-md)}.legal-content>section{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.legal-content>section:last-child{border-bottom:0;padding-bottom:0}.legal-content h2{margin:0 0 var(--space-2);font-size:var(--text-xl);letter-spacing:-.02em}.legal-content p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.contact-card>h2{margin-top:var(--space-5)}.contact-form-preview{display:grid}.contact-form-preview,.contact-note{gap:var(--space-4);margin-top:var(--space-6)}.contact-note{align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:flex}.contact-note>span{border-radius:var(--radius-md);background:var(--color-brand-100);width:2.75rem;height:2.75rem;color:var(--color-brand-700);flex:none;place-items:center;font-weight:850;display:grid}.empty-state{min-height:65vh;padding:var(--space-10) var(--space-5);text-align:center;place-content:center;justify-items:center;display:grid}.empty-state-icon{width:4rem;height:4rem;margin-bottom:var(--space-5);border-radius:var(--radius-xl);background:var(--color-brand-100);color:var(--color-brand-700);font-size:var(--text-2xl);place-items:center;font-weight:850;display:grid}.empty-state h1{margin:var(--space-2) 0;letter-spacing:-.045em;font-size:clamp(2rem,6vw,2.75rem)}.empty-state p{max-width:30rem;margin:0 0 var(--space-6);color:var(--color-text-muted)}.site-footer{padding-top:var(--space-12);background:var(--footer-bg);color:#f7f9fc}.footer-grid{gap:var(--space-10);padding-bottom:var(--space-10);display:grid}.footer-brand{margin-bottom:var(--space-4)}.footer-grid>div:first-child>p{max-width:21rem;color:var(--footer-text);font-size:var(--text-sm);margin:0}.footer-status{align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--footer-text);font-size:var(--text-xs);display:inline-flex}.footer-status span{background:#5fd1a8;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #5fd1a81f}.footer-grid h2{margin:0 0 var(--space-3);color:#f7f9fc;font-size:var(--text-sm)}.footer-grid>div:not(:first-child){flex-direction:column;align-items:flex-start;display:flex}.footer-grid>div:not(:first-child) a{margin:var(--space-1) 0;color:var(--footer-text);font-size:var(--text-sm)}.footer-grid>div:not(:first-child) a:hover{color:#fff}.footer-bottom{gap:var(--space-1);padding-block:var(--space-5);color:#7f899b;font-size:var(--text-xs);border-top:1px solid #283142;flex-direction:column;display:flex}.footer-bottom p{margin:0}@media (min-width:40rem){.hero-actions{flex-direction:row;justify-content:center;width:auto}.category-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:1fr auto;align-items:end}.section-heading>p{text-align:right}.category-preview-grid{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}.legal-content{padding:var(--space-10)}.contact-form-preview{grid-template-columns:1fr 1fr}.converter-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.converter-controls,.image-preview-card{padding:var(--space-5)}.conversion-result{grid-template-columns:auto minmax(0,1fr) auto}.conversion-result .ui-button{grid-column:auto;width:auto}.size-comparison{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.comparison-arrow{display:block}.compression-result{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.result-downloads{grid-column:auto;min-width:11rem}.format-guide>div{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-dropzone.is-compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.pdf-file-panel{padding:var(--space-5)}.pdf-file-panel-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.pdf-total-summary{justify-content:flex-end}.pdf-file-list li{grid-template-columns:auto auto auto minmax(0,1fr) auto auto}.pdf-file-icon{display:inline}.pdf-remove-button,.pdf-reorder-buttons{grid-column:auto}.pdf-merge-actions{flex-direction:row}.pdf-merge-actions .ui-button{width:auto}.pdf-merge-result{grid-template-columns:auto minmax(0,1fr) auto}.pdf-merge-result .ui-button{grid-column:auto;width:auto}.pdf-split-panel{padding:var(--space-5)}.pdf-source-summary{grid-template-columns:auto minmax(0,1fr) auto}.pdf-source-summary .ui-button{grid-column:auto;width:auto}.pdf-split-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-split-modes legend{grid-column:1/-1}.pdf-result-actions,.pdf-split-actions{flex-direction:row}.pdf-result-actions .ui-button,.pdf-split-actions .ui-button{width:auto}.pdf-result-heading{grid-template-columns:auto minmax(0,1fr) auto}.pdf-result-heading .ui-button{grid-column:auto;width:auto}.image-pdf-dropzone.is-compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.image-pdf-controls,.image-pdf-list-card{padding:var(--space-5)}.image-pdf-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.image-pdf-totals{justify-content:flex-end}.image-pdf-list li{grid-template-columns:auto auto 3.25rem minmax(0,1fr) auto auto}.image-pdf-list .pdf-remove-button,.image-pdf-list .pdf-reorder-buttons{grid-column:auto}.image-pdf-actions{grid-template-columns:auto auto auto;justify-content:start}.image-pdf-actions .ui-button{width:auto}.image-pdf-result{grid-template-columns:auto minmax(0,1fr) auto}.image-pdf-result>.ui-button{grid-column:auto;width:auto}.image-pdf-result-actions{flex-direction:row}.image-pdf-result-actions .ui-button{width:auto}.pdf-render-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pdf-render-controls .quality-control{grid-column:1/-1}.pdf-render-result-list li{grid-template-columns:3.5rem minmax(0,1fr) auto}.pdf-render-result-list .ui-button{grid-column:auto;width:auto}.pdf-rotate-panel{padding:var(--space-5)}.pdf-rotate-selection{grid-template-columns:minmax(0,1fr) auto;align-items:end}.pdf-selection-buttons{padding-bottom:.1rem}.pdf-rotate-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-thumbnail-heading{grid-template-columns:minmax(0,1fr) minmax(12rem,.65fr);align-items:end}.pdf-thumbnail-heading>small{text-align:right}.pdf-rotate-generate{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.pdf-rotate-generate .ui-button{width:auto}.pdf-rotate-result{grid-template-columns:auto minmax(0,1fr) auto}.qr-form-card,.qr-preview-card{padding:var(--space-5)}.qr-type-selector>div{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-color-grid,.qr-vcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-vcard-grid>.input-field:last-child{grid-column:1/-1}.qr-error-correction>div{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-download-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.json-panel{padding:var(--space-5)}.json-file-row{flex-direction:row;justify-content:space-between;align-items:center}.json-file-row .ui-button{flex:none;width:auto}.json-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.json-output-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:56.25rem){.site-header{height:4.625rem}.desktop-nav{display:flex}.mobile-menu{display:none}.hero-content,.section{padding-block:var(--space-24)}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{min-height:15rem;padding:var(--space-6);flex-direction:column;display:flex}.category-copy{flex:1}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.promise-grid{align-items:start;gap:var(--space-20);grid-template-columns:1fr 1fr}.page-header .container{padding-block:var(--space-12) var(--space-16)}.page-header-row{align-items:center}.tool-page-section{padding-block:var(--space-12) var(--space-20)}.tool-page-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 18rem}.tool-side-note{position:sticky;top:6rem}.tool-copy-grid{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr))}.image-pdf-workspace{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start}.qr-workspace{grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr)}.qr-preview-card{position:sticky;top:6rem}.json-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.json-editor{min-height:27rem}.case-converter-shell .json-editor,.text-cleaner-shell .json-editor,.text-editor-container .json-editor,.word-counter-shell .json-editor{min-height:13.5rem;max-height:24rem}}@media (min-width:68rem){.header-search{display:block}.desktop-nav{margin-left:0}}.percentage-mode-selector{gap:var(--space-2);border:0;grid-template-columns:repeat(3,1fr);min-width:0;margin:0;padding:0;display:grid}.percentage-mode-selector legend{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-base);font-weight:800}.percentage-mode-selector>label{align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast);grid-template-columns:auto minmax(0,1fr);display:grid}.percentage-mode-selector label:hover{border-color:var(--color-border-strong);color:var(--color-text)}.percentage-mode-selector label.is-selected{border-color:var(--color-brand-500);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}@supports (color:color-mix(in lab,red,red)){.percentage-mode-selector label.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-500) 10%,transparent)}}.percentage-mode-selector input{opacity:0;pointer-events:none;position:absolute}.percentage-mode-selector label:has(input:focus-visible){outline:3px solid var(--color-focus)}@supports (color:color-mix(in lab,red,red)){.percentage-mode-selector label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-focus) 46%,transparent)}}.percentage-mode-selector label:has(input:focus-visible){outline-offset:3px}@media (max-width:40rem){.percentage-mode-selector{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}