/*! 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:Manrope, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.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;position:absolute;overflow:hidden}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-column{display:table-column}.table-row{display:table-row}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2")}:root{--canvas:#fffcf4;--surface:#f6f3e9;--ink:#192c2e;--muted:#586968;--line:#dce2d8;--accent:#16797e;--card:#fffef9;--fast:.15s;--normal:.26s;--slow:.55s;--ease:cubic-bezier(.2, .75, .25, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.45, .64, 1);color-scheme:light}:root[data-theme=dark]{--canvas:#152327;--surface:#1d3034;--ink:#e1f4ec;--muted:#b1c8c3;--line:#385054;--accent:#8cdcd0;--card:#20363a;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);transition:background-color var(--normal), color var(--normal);margin:0;font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.65}a,button{transition:color var(--fast), background-color var(--normal), transform var(--normal) var(--ease), border-color var(--normal)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;font-weight:500;line-height:1.1}h1{font-size:clamp(42px,5.2vw,74px)}h2{font-size:clamp(30px,3.4vw,46px)}h3{letter-spacing:-.035em;font-size:23px;font-weight:600;line-height:1.3}.shell{width:min(1240px,100% - 96px);margin-inline:auto}.muted{color:var(--muted)}.section{padding-block:80px}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:700;line-height:1.5}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.section-heading h2{margin-top:14px}.pill{border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.button{background:var(--ink);color:var(--canvas);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 21px;font-size:13px;font-weight:650;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button.compact{min-height:44px;padding:10px 17px}.button.secondary{color:var(--ink);border-color:var(--line);background:0 0}.text-link{justify-content:center;align-items:center;gap:16px;min-height:48px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent)}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.site-header{border-bottom:1px solid var(--line);padding:22px 0}.desktop-nav{font-size:12px;font-weight:600}.desktop-nav a:hover,.site-footer nav a:hover{color:var(--accent)}.brand{letter-spacing:-1.4px;align-items:center;gap:8px;font-size:27px;font-weight:800;line-height:1;display:inline-flex}.brand-dot{color:var(--accent)}.brand-image{border-radius:10px;width:38px;height:38px;display:block;position:relative;overflow:hidden}.brand-image img{width:38px;max-width:none;height:38px;position:absolute;top:0;left:0}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light,.mobile-toggle{display:none}.hero{grid-template-columns:1.18fr 1fr;align-items:center;gap:48px;padding-block:74px 80px;display:grid}.hero h1{margin-top:24px;margin-bottom:24px}.headline-accent{color:var(--accent)}.hero-description{color:var(--muted);font-size:16px;line-height:1.85}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:27px;font-size:10px;display:flex}.hero-scene{aspect-ratio:1.04;color:#214247;background:#dceee2;border:1px solid #c9e2d6;border-radius:24px;position:relative;overflow:hidden}.scene-grid{opacity:.3;background-image:linear-gradient(#a7c8b8 1px,#0000 1px),linear-gradient(90deg,#a7c8b8 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.scene-caption{letter-spacing:.16em;font-size:9px;font-weight:700;position:absolute;top:23px;left:25px}.kitty-greeting{z-index:2;background:#fffcf4;border-radius:12px 12px 12px 0;padding:10px 16px;font-size:14px;position:absolute;top:70px;right:30px;transform:rotate(5deg)}.kitty-greeting span{color:#14858c;margin-left:10px}.hero-scene>.kitty{width:85%;position:absolute;top:11%;left:4%}.scene-bottom{text-align:center;width:100%;font-size:10px;position:absolute;bottom:25px}.scene-bottom .status-dot{background:#16797e;margin-right:7px}.promise-strip{border-block:1px solid var(--line);padding:20px 0;font-size:11px;font-weight:600}.promise-strip i{color:var(--accent);padding:0 20px;font-style:normal}.category-row{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:12px;display:flex}.category-row>button{align-items:center;gap:12px;padding:9px 16px;display:flex}.category-row>button>span{opacity:1;font-size:9px}.category-active{background:var(--ink);color:var(--canvas);border-radius:100px}.tool-card{color:#193c3e;transition:transform var(--normal) var(--ease);border-radius:20px;flex-direction:column;padding:28px;display:flex}.tool-card:has(a):hover{transform:translateY(-5px)}.tool-card.mint{background:#cdece0}.tool-card.cream{background:#f5eac6}.tool-card.teal{color:#edf7ef;background:#25474b}.tool-card h3{font-size:23px}.tool-card p{max-width:280px;font-size:13px;line-height:1.8}.tool-icon{border:1px solid;border-radius:12px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.card-bottom{justify-content:space-between;align-items:center;min-height:44px;margin-top:30px;font-size:10px;display:flex}.round-link{color:#193c3e;background:#fffaf0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.round-link:hover{transform:rotate(10deg)}.soon-label{opacity:.8;border:1px solid;border-radius:30px;padding:5px 10px}.tool-footnote{color:var(--muted);margin-top:20px;font-size:11px}.how-section{border-top:1px solid var(--line)}.step{padding-top:12px}.step>span{color:var(--accent);margin-bottom:24px;font-size:12px;display:block}.step h3{margin-bottom:12px}.step p{max-width:300px;font-size:13px}.privacy-panel{background:var(--surface);border-radius:24px;grid-template-columns:60px 1fr 220px;align-items:center;gap:30px;padding:54px;display:grid}.privacy-panel h2{margin:18px 0;font-size:38px}.privacy-panel p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:13px}.privacy-panel .text-link{margin-top:20px}.site-footer{background:var(--surface);padding:48px 0 24px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:28px;font-size:10px;display:flex}.skip-link{background:var(--ink);color:var(--canvas);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.kitty{isolation:isolate;width:100%;position:relative}.kitty-art{width:100%;overflow:visible}.kitty-body{transform-origin:50% 85%;animation:5s ease-in-out infinite breathe}.kitty-head{transform-origin:56% 47%;transition:transform var(--slow) var(--ease)}.kitty-eyes{transform-origin:57% 41%;animation:6s infinite blink}.kitty-sparkles{opacity:0;transform-origin:50%;transition:opacity var(--normal), transform var(--normal);transform:scale(.8)}.kitty-pet{background:0 0;border:0;border-radius:50%;position:absolute;inset:18% 20%}.kitty[data-state=hover] .kitty-head,.kitty[data-state=curious] .kitty-head{transform:rotate(-8deg)}.kitty[data-state=success] .kitty-sparkles{opacity:1;transform:scale(1)}.kitty[data-state=success] .kitty-body{animation:happy .6s var(--ease)}.kitty[data-paused=true] *{animation-play-state:paused!important}.kitty-small{width:140px;margin:auto}.kitty-small .kitty-art{display:block}.state-enter{animation:enter var(--normal) var(--ease)}@keyframes breathe{50%{transform:translateY(-3px)scale(1.008)}}@keyframes blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes thinking{50%{transform:rotate(-5deg)}}@keyframes happy{40%{transform:translateY(-10px)rotate(-3deg)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.tool-heading{text-align:center;max-width:720px;margin:auto;padding:48px 0 30px}.breadcrumb{color:var(--muted);margin-bottom:28px;font-size:12px}.tool-heading h1{margin:16px 0;font-size:clamp(36px,5vw,58px)}.tool-heading>p{color:var(--muted);max-width:520px;margin:auto}.workspace{background:var(--card);border:1px solid var(--line);border-radius:24px;max-width:900px;margin:0 auto 70px;padding:32px}.workspace-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;font-size:11px;display:flex}.workflow{flex-wrap:wrap;gap:20px;display:flex}.workflow span{color:var(--muted)}.workflow .active{color:var(--accent);font-weight:700}.dropzone{text-align:center;background:var(--surface);border:1.5px dashed var(--line);transition:background-color var(--normal), border-color var(--normal), transform var(--normal);border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px 35px;display:flex;position:relative}.dropzone.dragging{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dropzone.dragging{background:color-mix(in srgb, var(--accent) 15%, var(--surface))}}.dropzone.dragging{border-color:var(--accent);transform:scale(1.008)}.dropzone h2{letter-spacing:-.035em;margin:0 0 9px;font-size:24px}.dropzone p{color:var(--muted);font-size:12px}.dropzone .button{margin-top:22px}.file-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.dropzone:focus-within{outline:3px solid var(--accent);outline-offset:4px}.file-help{margin-top:14px;font-size:10px!important}.local-note{text-align:center;color:var(--muted);margin-top:20px;font-size:11px}.editor-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.preview-wrap{background:var(--surface);border-radius:14px;place-items:center;min-height:250px;padding:20px;display:grid;overflow:hidden}.preview-wrap img{object-fit:contain;border-radius:4px;max-width:100%;max-height:280px}.file-name{overflow-wrap:anywhere;font-size:15px;font-weight:650}.file-meta{color:var(--muted);margin:6px 0 22px;font-size:12px}.field-label{margin:18px 0 8px;font-size:12px;font-weight:600;display:block}select{border:1px solid var(--line);background:var(--canvas);width:100%;min-height:44px;color:var(--ink);border-radius:9px;padding:10px}input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.field-hint{color:var(--muted);font-size:11px}.editor-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.processing-panel,.result-panel,.error-panel{text-align:center;padding:25px 10px}.processing-panel h2,.result-panel h2,.error-panel h2{margin:8px 0 12px;font-size:28px}.processing-panel p,.result-panel p,.error-panel p{color:var(--muted);font-size:13px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:20px auto;animation:1s linear infinite spin;display:block}.result-panel .button,.error-panel .button{margin-top:24px}.result-meta{flex-wrap:wrap;justify-content:center;gap:24px;margin:22px 0;display:flex}.result-meta>span{border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-size:12px}.result-panel .preview-wrap{max-width:420px;min-height:120px;margin:22px auto}.tool-details{max-width:900px;margin:0 auto 80px}.tool-details h2{margin-bottom:24px;font-size:28px}.tool-details details{border-bottom:1px solid var(--line);padding:18px 0}.tool-details summary{cursor:pointer;min-height:28px;font-size:14px;font-weight:600}.tool-details details p{color:var(--muted);max-width:700px;padding:14px 0;font-size:13px}.error-message{max-width:460px;margin:auto}.noscript{background:var(--surface);text-align:center;padding:20px}.tool-badge{color:var(--accent)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media (width>=768px){.hero-copy,.hero-scene{animation:enter var(--slow) var(--ease)}}@media (width<=1100px){.shell{width:calc(100% - 64px)}.desktop-nav{gap:20px}.hero{gap:28px}.hero h1{font-size:56px}.hero-notes{gap:12px}.privacy-panel{grid-template-columns:1fr 200px}.hero .button{gap:12px;font-size:12px}}@media (width<=767px){.shell{width:calc(100% - 40px)}.site-header{padding:15px 0}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:grid}#mobile-nav{background:var(--surface);animation:enter var(--normal) var(--ease);flex-direction:column;gap:8px;margin-top:15px;padding:20px;display:flex}#mobile-nav a{padding:12px}.hero{grid-template-columns:1fr;gap:34px;padding:40px 0 44px}.hero h1{font-size:clamp(40px,9.4vw,64px)}.hero-description{font-size:14px}.hero-scene{aspect-ratio:1.15;justify-self:center;width:100%;max-width:480px}.hero-notes{gap:13px;font-size:9px}.hero .text-link{font-size:12px}.promise-strip{font-size:10px}.promise-strip i{padding:0 7px}.section{padding-block:46px}.section-heading{flex-direction:column;align-items:start;gap:20px}.section-heading>p{font-size:13px}.category-row{gap:2px}.category-row>button{padding:8px 11px;font-size:10px}.tool-card{padding:24px}.tool-card .mt-10{margin-top:28px}.tool-card p{max-width:none}.step{padding:8px 0}.step>span{margin-bottom:12px}.privacy-panel{grid-template-columns:1fr;gap:25px;padding:28px}.privacy-panel h2{font-size:30px}.footer-bottom{flex-direction:column}.site-footer{padding-top:35px}.brand{font-size:25px}.workspace{border-radius:18px;padding:18px}.workspace-top{font-size:9px}.workflow{gap:12px}.workspace-top>.tool-badge{display:none}.editor-grid{grid-template-columns:1fr}.tool-heading{padding-top:30px}.tool-heading>p{font-size:13px}.dropzone{padding:12px 12px 26px}.dropzone h2{font-size:22px}.preview-wrap{min-height:160px}.tool-details{margin-bottom:48px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.kitty-body,.kitty-head{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (width<=767px){.hero-scene>.kitty{width:75%;top:10%;left:10%}.hero-scene .kitty-greeting{padding:8px 12px;font-size:11px;top:42px;right:18px}.hero-scene .scene-bottom{font-size:9px;bottom:16px}.hero-scene .scene-caption{top:17px;left:18px}}.category-row>button{border-radius:100px;min-height:44px}.category-row>button:hover{background:var(--surface);color:var(--ink)}:root{--muted:#465b59;--loki-light:#fffdf0;--loki-shade:#b9e3d6;--loki-face:#fffdf5;--loki-feature:#214448;--loki-outline:#559b91;--scene:#e0f1e7;--scene-line:#b9d6c8;--scene-ink:#214448}:root[data-theme=dark]{--muted:#b1c8c3;--loki-light:#dcf7ec;--loki-shade:#91cec1;--loki-face:#19383b;--loki-feature:#dcf7ec;--loki-outline:#8acdbf;--scene:#213c40;--scene-line:#466565;--scene-ink:#dff4eb}.kitty-face,.kitty-belly{fill:var(--loki-face);transition:fill var(--normal)}.kitty-eyes{fill:var(--loki-feature)}.kitty-shadow{fill:var(--scene-ink);opacity:.13}.kitty-sparkles{fill:var(--accent)}.kitty-paw{transform-origin:277px 282px;transition:transform var(--slow) var(--ease)}.kitty[data-state=hover] .kitty-paw,.kitty[data-state=success] .kitty-paw{transform:translateY(-12px)rotate(-22deg)}.kitty[data-state=idle] .kitty-head{animation:9s ease-in-out infinite loki-look}.hero-scene{background:var(--scene);color:var(--scene-ink);border-color:var(--scene-line);transition:background-color var(--normal), border-color var(--normal)}.scene-grid{background-image:linear-gradient(var(--scene-line) 1px,transparent 1px),linear-gradient(90deg,var(--scene-line) 1px,transparent 1px)}.kitty-greeting{background:var(--card);color:var(--ink);border-color:var(--line)}.scene-bottom .status-dot{background:var(--accent)}.scene-caption{font-size:10px}.scene-bottom{font-size:12px}.kitty-greeting{font-size:16px}.hero-actions{margin-top:30px}.hero-actions .button{min-height:54px;font-size:14px}.hero-notes{color:var(--ink);gap:12px 20px;max-width:430px;margin-top:20px;font-size:12px;font-weight:600}.hero-notes span{align-items:center;gap:7px;display:inline-flex}.hero-description{font-size:17px}.desktop-nav{font-size:13px}.toolbox-jump{text-align:right;padding-top:22px}.toolbox-jump .text-link{color:var(--accent);text-underline-offset:5px;font-size:14px;text-decoration:underline}#tools{padding-top:36px}.tool-footnote,.footer-bottom,.local-note,.file-help{font-size:12px!important}.promise-strip{font-size:12px}.tool-card p,.step p,.privacy-panel p:not(.eyebrow){font-size:14px}.privacy-panel h2{font-size:clamp(30px,3vw,42px)}.privacy-guardian{text-align:center}.guardian-scene{background:var(--scene);border-radius:50%;width:280px;max-width:100%;margin:auto;position:relative}.guardian-scene .kitty{width:100%}.privacy-guardian>strong{margin-top:17px;font-size:16px;display:block}.privacy-guardian>p{margin-top:7px;font-size:12px!important}.filename-control{background:var(--canvas);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;margin-bottom:10px;padding-right:12px;display:flex}.filename-control input{width:100%;min-width:0;min-height:46px;color:var(--ink);background:0 0;border:0;border-radius:9px;padding:10px 12px;font-size:16px}.filename-control span{color:var(--muted);font-size:12px}.filename-control:focus-within{outline:2px solid var(--accent);outline-offset:2px}.filename-control input:focus-visible{outline:none}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{min-height:48px;font-size:16px}#quality-field{padding-top:8px}.field-label{margin-top:22px;margin-bottom:10px;font-size:13px}.field-hint{font-size:12px}#format-hint{margin-top:20px}@media (width<=767px){.hero-description{font-size:15px}.hero-notes{gap:10px 17px;font-size:12px}.hero-actions .button{font-size:13px}.promise-strip{font-size:11px}.promise-strip .shell{gap:8px}.toolbox-jump{text-align:left}.hero-scene .scene-caption{font-size:9px}.hero-scene .scene-bottom{font-size:11px}.hero-scene .kitty-greeting{font-size:13px}.privacy-panel{grid-template-columns:1fr;gap:26px}.guardian-scene{width:240px}}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}:root{--loki-light:#101112;--loki-shade:#101112;--loki-face:#fffefa;--loki-feature:#101112;--loki-outline:#101112}:root[data-theme=dark]{--loki-light:#d9f5eb;--loki-shade:#d9f5eb;--loki-face:#18272b;--loki-feature:#d9f5eb;--loki-outline:#d9f5eb}.loki-fur{fill:var(--loki-light)}.loki-tail{stroke:var(--loki-light);transform-origin:250px 307px;animation:7s ease-in-out infinite tail-tip}.loki-toes{stroke:var(--loki-face)}.teaching-stick{stroke:var(--accent)}.kitty-head{transform-origin:200px 190px}.kitty-eyes{transform-origin:200px 153px}.kitty-paw{transform-origin:238px 267px}.kitty[data-state=success] .kitty-eyes{animation:none;transform:scaleY(.72)}.kitty[data-state=error] .kitty-eyes{animation:none;transform:scaleY(.85)translate(-3px)}.kitty[data-pose=teach] .kitty-paw{animation:4s ease-in-out infinite point-to-board}.kitty[data-pose=guard] .kitty-head{animation:none}@keyframes tail-tip{0%,45%,to{transform:rotate(0)}55%,65%{transform:rotate(-6deg)}}@keyframes point-to-board{0%,60%,to{transform:rotate(0)}70%,80%{transform:rotate(-5deg)}}.guardian-branches{fill:none;width:100%;height:100%;stroke:var(--accent);stroke-width:1.4px;opacity:.23;position:absolute;inset:0}.theme-changing *,.theme-changing{transition:none!important}.theme-changing::view-transition-group(root){z-index:0;animation:none}.theme-changing::view-transition-old(root),.theme-changing::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-changing::view-transition-new(root){z-index:1}@media (width<=767px){.hero-scene>.kitty{width:73%;top:14%;left:12%}.lesson-board-top{padding:10px;font-size:9px}}@keyframes hero-settle{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (width>=768px){.hero-copy,.hero-scene{animation-name:hero-settle}}:root:not([data-theme=dark]){--canvas:#e9eee5;--surface:#dfe7dc;--card:#f0f2e9;--ink:#253b36;--muted:#4b6058;--line:#c4d1c3;--accent:#246d65;--scene:#d2e3d5;--scene-line:#b4cbbb;--scene-ink:#29493f}:root:not([data-theme=dark]) .tool-card.mint{background:#c5dece}:root:not([data-theme=dark]) .tool-card.cream{background:#e4dfbf}.hero-scene>.kitty{width:78%;top:14%;left:11%}.hero-scene .kitty-art{overflow:visible}.hero-scene .scene-grid{opacity:.16}.hero-scene .kitty-greeting{font-size:14px;top:45px;right:24px;transform:rotate(3deg)}.hero-scene .scene-bottom{bottom:23px}.kitty-head,.kitty[data-state=idle] .kitty-head,.kitty[data-state=hover] .kitty-head,.kitty[data-state=curious] .kitty-head,.kitty[data-pose=guard] .kitty-head{transform:rotate(var(--head-tilt,0deg));transform-origin:200px 190px;transition:transform .42s cubic-bezier(.22,.7,.25,1);animation:none}.kitty-eyes{translate:var(--eye-look,0px) 0;transition:translate .36s var(--ease)}.kitty[data-state=curious] .kitty-eyes{transform:none}.kitty[data-state=upload] .kitty-head{transform:rotate(4deg)translateY(-3px)}.kitty[data-state=error] .kitty-head{transform:rotate(3deg)}.kitty[data-state=processing] .kitty-head{animation:2.4s ease-in-out infinite thinking}.how-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.how-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:22px}.how-number{color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.how-card h3{font-size:23px}.how-card>p{color:var(--muted);min-height:45px;margin-top:10px;font-size:13px;line-height:1.7}.how-capture{border:1px solid var(--line);background:var(--canvas);border-radius:10px;margin:18px 0 14px;overflow:hidden}.how-capture img{object-fit:contain;width:100%;height:155px}.lesson-dark,[data-theme=dark] .lesson-light{display:none}[data-theme=dark] .lesson-dark{display:block}.how-card details{border-top:1px solid var(--line);padding-top:4px}.how-card summary{cursor:pointer;min-height:44px;color:var(--accent);padding:12px 0;font-size:12px;font-weight:600}.how-card details p{color:var(--muted);padding-bottom:8px;font-size:12px}.privacy-panel{grid-template-columns:minmax(0,1fr) 280px;gap:48px}.guardian-scene{background:0 0;border-radius:0;width:240px}.guardian-branches{opacity:.12;pointer-events:none;transition:opacity var(--slow) var(--ease),stroke var(--normal) var(--ease)}.guardian-scene.branches-awake .guardian-branches{opacity:1;stroke:#28794f;filter:drop-shadow(0 0 3px #68c397)}[data-theme=dark] .guardian-scene.branches-awake .guardian-branches{stroke:#9de7be}.privacy-seal{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.privacy-seal svg{flex-shrink:0;width:30px;height:35px;overflow:visible}.privacy-seal svg path:first-child{fill:var(--card);stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.privacy-seal svg path:last-child{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.privacy-seal strong{font-size:14px}.privacy-guardian>p{margin-top:13px}@media (width<=767px){.hero-scene{aspect-ratio:1}.hero-scene>.kitty{width:74%;top:21%;left:13%}.hero-scene .kitty-greeting{font-size:12px;top:40px;right:20px}.hero-scene .scene-bottom{font-size:10px;bottom:14px}.how-cards{grid-template-columns:1fr;gap:14px}.how-card{grid-template-columns:minmax(0,1fr) 110px;align-items:start;column-gap:14px;padding:18px;display:grid}.how-number{grid-column:1;margin-bottom:8px}.how-card h3{grid-column:1;font-size:20px}.how-card>p{grid-column:1;min-height:0;margin-top:8px;font-size:12px}.how-capture{grid-area:1/2/span 3;align-self:center;margin:0}.how-capture img{height:115px}.how-card details{grid-column:1/-1;margin-top:14px}.privacy-panel{grid-template-columns:1fr;gap:24px}.guardian-scene{width:210px}}@media (prefers-reduced-motion:reduce){.kitty-eyes{translate:none!important}}@media (width>=768px) and (width<=1023px){.hero{grid-template-columns:1fr;gap:36px}.hero-scene{justify-self:center;width:100%;max-width:480px}}.kitty-art{pointer-events:none}.kitty-pet{z-index:2;border-radius:16px;inset:12% 15% 14%}.tool-group>h2,.tool-group>h3{margin-bottom:20px}.local-tool{padding:24px}.local-tool input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.local-tool textarea,.local-tool select{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:9px;padding:10px;font-size:16px}.local-tool textarea{min-height:160px}.local-tool label{margin:12px 0 6px;display:block}.local-tool canvas,.local-tool video{max-width:100%;height:auto}.local-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;display:grid}.local-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.local-actions button,.local-actions a{min-height:44px}.local-status{white-space:pre-line;min-height:2em;margin:12px 0}.local-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.local-page{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;padding:12px}.local-page img{object-fit:contain;width:100%;height:160px}.local-page button{min-height:36px;padding:6px}.local-output{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.local-output a{border:1px solid var(--line);border-radius:8px;padding:12px}.local-preview{background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.local-preview canvas{touch-action:none;width:100%;display:block}.tool-details p,.tool-details h3{margin:18px 0}.tool-details ol{padding-left:24px}.tool-details a{text-decoration:underline}.tool-heading .local-note{margin-top:12px}.compare-grid img{width:100%}.local-tool fieldset{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:14px}#most-popular .tool-card{min-height:300px}.desktop-nav{gap:18px!important}@media (width<=1000px){.desktop-nav{display:none!important}.mobile-toggle{display:inline-flex!important}}@media (width<=767px){.local-grid{grid-template-columns:1fr}.local-tool{padding:16px}.compare-grid{grid-template-columns:1fr}.tool-group>h2{font-size:30px}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ti{--ti:#14858c;width:48px;height:48px;color:var(--ti);background:var(--ti);border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.ti{background:color-mix(in srgb,var(--ti) 13%,var(--card))}}.ti{border:1px solid var(--ti)}@supports (color:color-mix(in lab, red, red)){.ti{border:1px solid color-mix(in srgb,var(--ti) 24%,transparent)}}.ti svg{width:26px;height:26px;overflow:visible}.ti-sm{border-radius:10px;width:36px;height:36px}.ti-sm svg{width:20px;height:20px}.ti-lg{border-radius:16px;width:56px;height:56px}.ti-lg svg{width:30px;height:30px}.ti-xl{border-radius:20px;width:72px;height:72px}.ti-xl svg{width:40px;height:40px}[data-theme=dark] .ti{color:var(--ti)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .ti{color:color-mix(in srgb,var(--ti) 45%,#fff)}}[data-theme=dark] .ti{background:var(--ti)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .ti{background:color-mix(in srgb,var(--ti) 24%,var(--card))}}[data-theme=dark] .ti{border-color:var(--ti)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .ti{border-color:color-mix(in srgb,var(--ti) 40%,transparent)}}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tool-card{background:var(--card);border:1px solid var(--line);color:var(--ink);min-height:0;transition:transform var(--normal) var(--ease),border-color var(--normal),box-shadow var(--normal);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){a.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}a.tool-card:focus-visible{outline-offset:3px}.tool-card h3{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.3}.tool-card p{color:var(--muted);max-width:none;margin-top:4px;line-height:1.55;font-size:13px!important}.tool-card-text{min-width:0;display:block}.tool-card-go{color:var(--accent);opacity:0;transition:opacity var(--normal),transform var(--normal) var(--ease);font-size:18px;position:absolute;top:16px;right:18px;transform:translate(-4px,4px)}a.tool-card:hover .tool-card-go,a.tool-card:focus-visible .tool-card-go{opacity:1;transform:none}.tool-card-compact{border-radius:14px;flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.tool-card-compact .ti{border-radius:12px;width:40px;height:40px}.tool-card-compact .ti svg{width:22px;height:22px}.tool-card-compact h3{font-size:14px}.tool-card-compact .tool-card-go{margin-top:-12px;top:50%}.tool-card-soon{background:0 0;border-style:dashed}.tool-card-soon .ti{filter:saturate(.4);opacity:.8}.soon-badge{vertical-align:middle;border:1px solid var(--line);letter-spacing:.04em;color:var(--muted);border-radius:20px;margin-left:4px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.tools-hub-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.tools-hub-head h2{margin-top:12px}.tool-search{align-items:center;width:min(440px,100%);display:flex;position:relative}.tool-search svg{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;left:16px}.tool-search input{border:1px solid var(--line);background:var(--card);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:14px;padding:12px 16px 12px 46px;font-size:16px}.tool-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.filter-chip{border:1px solid var(--line);min-height:42px;color:var(--ink);background:0 0;border-radius:100px;align-items:center;padding:8px 16px;font-size:13px;font-weight:650;display:inline-flex}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.filter-chip-link{margin-left:auto}.recent-tools{margin-bottom:28px}.recent-tools :is(h2,h3),.soon-row :is(h2,h3){margin-bottom:12px;font-size:16px;font-weight:700}.soon-row{margin-top:56px}.soon-row>p{margin:-6px 0 14px;font-size:13px}.search-empty{border:1px dashed var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:8px;padding:22px 24px;display:flex}.promise-strip{margin-top:0}.india-section{padding-top:72px}.india-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.india-head h2{margin-top:12px}.india-hindi{color:var(--muted);margin-top:10px;font-size:17px}.india-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.india-card{background:var(--card);border:1px solid var(--line);min-height:96px;transition:transform var(--normal) var(--ease),border-color var(--normal);border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.india-card:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.india-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.india-card>span:last-child{flex-direction:column;min-width:0;line-height:1.35;display:flex}.india-card strong{font-size:15px}.india-card-hi{color:var(--ink);margin-top:2px;font-size:14px}.india-card-note{color:var(--muted);margin-top:4px;font-size:12px}.india-note{color:var(--muted);margin-top:16px;font-size:12px}.page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:56px 0 8px;display:grid}.page-hero h1{margin:18px 0 14px;font-size:clamp(38px,5vw,64px);line-height:1.08}.page-hero .breadcrumb{margin-bottom:20px}.page-lead{color:var(--muted);max-width:620px;font-size:17px}.page-hero-kitty,.page-hero-kitty .kitty-small{width:170px}.category-section{padding-top:24px}.category-section .tool-group:first-child{margin-top:0}.tool-group>h2{margin-bottom:18px;font-size:clamp(24px,2.6vw,32px)!important}.preset-group{margin-top:30px}.preset-group h3{margin-bottom:10px;font-size:18px}.preset-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.preset-list li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.preset-text{flex-direction:column;line-height:1.4;display:flex}.preset-text strong{font-size:15px}.preset-text span[lang=hi]{color:var(--muted);font-size:14px}.preset-spec{color:var(--accent);margin-top:2px;font-size:12px;font-weight:700}.big-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.big-steps li{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;padding:22px;display:flex}.big-steps li>span:first-child{background:var(--ink);width:40px;height:40px;color:var(--canvas);border-radius:50%;place-items:center;font-weight:800;display:grid}.big-steps strong{font-size:18px}.big-steps span[lang=hi]{color:var(--muted)}.faq-section details,.tool-details details{border-bottom:1px solid var(--line);padding:16px 0}.faq-section summary{cursor:pointer;min-height:28px;font-weight:650}.faq-section details p{color:var(--muted);max-width:760px;padding-top:10px}.loki-recommends{grid-template-columns:270px minmax(0,1fr);align-items:center;gap:20px;margin-top:24px;display:grid}.loki-recommends-guide{align-items:center;gap:10px;display:flex}.loki-mini{flex-shrink:0;width:86px}.loki-mini .kitty-small{width:86px}.loki-bubble{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13px;line-height:1.5;position:relative}.loki-recommends-guide .loki-bubble{min-height:128px;margin:0}.rec-cards{grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.rec-card{background:var(--card);border:1px solid var(--line);height:112px;transition:transform var(--normal) var(--ease),border-color var(--normal);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.rec-card:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.rec-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.rec-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.rec-card strong{font-size:15px}.rec-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.rec-go{color:var(--accent);position:absolute;top:12px;right:14px}.how-cards{margin-bottom:0}.related-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin:8px 0 80px;padding:28px}.related-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.related-head .loki-bubble h2,.related-head .loki-bubble h3{letter-spacing:-.03em;margin:0;font-size:20px;line-height:1.2}.related-head .loki-bubble p{color:var(--muted);margin-top:2px;font-size:13px}.tool-grid-related{grid-template-columns:repeat(3,minmax(0,1fr))}.about-card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:36px;padding:28px 32px}.about-card p{color:var(--muted);font-size:14px}.tool-details .about-card h2{margin-bottom:6px}.privacy-link{margin-top:20px;font-size:13px}.tool-heading .ti-xl{margin:0 auto 6px}.tool-heading .local-note{align-items:center;gap:8px;display:inline-flex}.feedback-cta{background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:80px;padding:34px 40px;display:flex}.feedback-cta h2{font-size:clamp(26px,2.8vw,34px)}.feedback-cta p{margin-top:6px}.header-row{justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.header-logo{flex-shrink:0}.desktop-nav{align-items:center;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.icon-button{color:var(--ink)}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.dot-matrix-button svg{fill:currentColor;stroke:none;width:18px;height:18px}.popover-wrap{position:static}.login-button{min-height:44px;font-size:13px}.plans-eyebrow{color:var(--accent);text-align:center}.billing-toggle{justify-content:center;margin-bottom:22px;display:flex}.billing-toggle span{background:var(--card);border:1px solid var(--line);border-radius:100px;padding:8px 18px;font-size:13px;font-weight:700}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan-card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:22px;display:flex}.plan-featured{color:#2d2a1e;background:#fbefc9;border-color:#ecd48f}[data-theme=dark] .plan-featured{color:#f6ecd0;background:#3b3622;border-color:#6d6234}.plan-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-name{align-items:center;gap:10px;font-size:18px;font-weight:750;display:flex}.plan-seats{color:inherit;opacity:.75;font-size:12px}.plan-price{letter-spacing:-.03em;margin-top:18px;font-size:30px;font-weight:800}.plan-price small{opacity:.75;margin-left:6px;font-size:12px;font-weight:600}.plan-note{opacity:.8;min-height:40px;margin-top:4px;font-size:13px}.plan-cta{border:1px solid var(--accent);min-height:42px;color:var(--accent);background:0 0;border-radius:10px;justify-content:center;align-items:center;margin:14px 0 16px;font-size:13px;font-weight:700;display:flex}.plan-featured .plan-cta{color:#2b2207;background:#f3bd33;border-color:#f3bd33}.plan-cta:disabled{cursor:not-allowed;opacity:.85}.plan-card ul{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.plan-card li{gap:8px;display:flex}.plan-card li:before{content:"✓";color:#2f9b5b;font-weight:800}.plans-foot{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.account-panel{z-index:60;border:1px solid var(--line);background:var(--card);width:min(320px,100vw - 32px);animation:enter var(--normal) var(--ease);border-radius:18px;padding:22px;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 30px 60px -30px #00000073}.account-panel h2{letter-spacing:-.03em;font-size:20px}.account-panel p{color:var(--muted);margin:8px 0 14px;font-size:13px}.search-dialog{border:1px solid var(--line);background:var(--card);width:min(640px,100vw - 24px);max-height:80vh;color:var(--ink);border-radius:20px;margin:10vh auto auto;padding:0;box-shadow:0 40px 80px -30px #00000080}.search-dialog::backdrop{backdrop-filter:blur(3px);background:#0a161673}.search-box{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.search-box svg{fill:none;width:22px;height:22px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex-shrink:0}.search-box input{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;font-size:18px}.search-box input:focus-visible{outline:none}.palette-close{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:8px;padding:4px 8px;font-size:12px}.palette-list{max-height:60vh;margin:0;padding:8px;list-style:none;overflow:auto}.palette-list a{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.palette-list a:hover,.palette-list a:focus-visible{background:var(--surface);outline:none}.palette-list a>span:last-child{flex-direction:column;min-width:0;display:flex}.palette-list strong{font-size:14px}.palette-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.palette-flag{place-items:center;width:36px;height:36px;font-size:20px;display:grid}.palette-empty{padding:16px 22px;font-size:14px}.palette-empty a{color:var(--accent);font-weight:700}.search-intent-pop{z-index:30;border:1px solid var(--line);background:var(--card);text-align:left;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 50px -28px #00000080}.search-intent{min-height:52px;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.search-intent:hover,.search-intent:focus-visible{background:var(--surface);outline:none}.search-intent:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.search-intent .ti{flex-shrink:0}.search-intent-text{flex-direction:column;flex:1;min-width:0;display:flex}.search-intent-text strong{font-size:14px}.search-intent-text small,.palette-list .search-intent-text small{color:var(--muted);white-space:normal;overflow-wrap:anywhere;font-size:12.5px}.search-intent-key{border:1px solid var(--line);background:var(--card);color:var(--muted);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.search-intent-key .key-tap{display:none}@media (pointer:coarse){.search-intent-key .key-enter{display:none}.search-intent-key .key-tap{display:inline}}.palette-intent{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:6px}.dropzone .prefill-note{border:1px solid var(--line);background:var(--surface);color:var(--ink);overflow-wrap:anywhere;border-radius:999px;max-width:100%;margin:8px 0 0;padding:5px 14px;font-size:13px;font-weight:700}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-grid nav{flex-direction:column;gap:8px;font-size:13px;display:flex}.footer-grid nav h2{letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.footer-grid nav a{color:var(--muted)}.footer-grid nav a:hover{color:var(--accent)}.footer-feedback{margin-top:18px}:root{--loki-ear:#9fdcc9;--loki-blush:#f3a0b0;--loki-nose:#ee8c9b}:root[data-theme=dark]{--loki-ear:#5fae9c;--loki-blush:#e88a9d;--loki-nose:#e47f90}.kitty-inner-ear{fill:var(--loki-ear)}.kitty-glint{fill:var(--loki-face)}.kitty-nose{fill:var(--loki-nose)}.kitty-mouth{stroke:var(--loki-feature)}.kitty-blush{fill:var(--loki-blush);opacity:.45}.kitty-happy{stroke:var(--loki-feature);opacity:0;transition:opacity var(--normal)}.kitty-eyes{transition:opacity var(--normal),translate .36s var(--ease)}.kitty[data-state=success] .kitty-eyes{opacity:0;transform:none}.kitty[data-state=success] .kitty-happy{opacity:1}.kitty[data-state=idle] .kitty-gaze{animation:9s ease-in-out infinite loki-gaze}.kitty-gaze{transform-box:view-box}.loki-tail{transform-origin:266px 322px}@keyframes loki-gaze{0%,30%,to{transform:translate(0)}36%,48%{transform:translate(4px,-1px)}54%,66%{transform:translate(-4px)}72%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.kitty-gaze{animation:none!important}}@media (width<=1279px){.header-cta{display:none}}@media (width<=1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.india-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loki-recommends{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.tool-grid,.tool-grid-related{grid-template-columns:1fr;gap:10px}.tool-card{flex-direction:row;align-items:center;gap:14px;padding:14px 16px}.tool-card .ti{width:44px;height:44px}.tool-card p{margin-top:2px}.tool-card-go{opacity:1;margin-top:-12px;top:50%;right:14px;transform:none}.tool-card-text{padding-right:18px}.tools-hub{padding-top:44px}.filter-chip-link{margin-left:0}.india-grid{grid-template-columns:1fr}.india-card{min-height:84px}.page-hero{grid-template-columns:1fr;padding-top:32px}.page-hero-kitty{display:none}.preset-list li{grid-template-columns:auto minmax(0,1fr)}.preset-list li .button{grid-column:1/-1;width:100%}.big-steps,.rec-cards{grid-template-columns:1fr}.rec-card{height:96px}#goal-tip{min-height:122px}.related-box{border-radius:20px;padding:18px}.about-card{padding:20px}.feedback-cta{padding:24px}.plans-grid{grid-template-columns:1fr}.account-panel{position:fixed;top:72px;right:16px}.login-button{display:none}.header-actions{gap:6px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=420px){.header-actions .icon-button{width:40px;height:40px}.brand{font-size:23px}}@media (width<=600px){#install-app{display:none}}.tool-app{max-width:1180px;padding:28px}.app-upload{justify-content:center;gap:4px;min-height:360px;padding:32px 20px 38px}.app-upload .kitty-small{width:120px}.app-upload h2{margin-top:4px;font-size:clamp(24px,2.6vw,32px)}.app-upload p{font-size:14px}.app-select{border-radius:14px;min-height:58px;margin-top:18px;padding:16px 30px;font-size:15px}.app-upload.dragging{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-upload.dragging{background:color-mix(in srgb,var(--accent) 15%,var(--surface))}}.app-upload.dragging{border-color:var(--accent)}.app-status{color:var(--muted);text-align:center;min-height:1.6em;margin:12px 0 0;font-size:13px}.app-editor{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;margin-top:8px;display:grid}.app-stage{min-width:0}.app-preview{--checker:var(--line)}@supports (color:color-mix(in lab, red, red)){.app-preview{--checker:color-mix(in srgb,var(--line) 55%,transparent)}}.app-preview{background-color:var(--surface);contain:inline-size;border-radius:18px;place-items:center;min-height:360px;padding:16px;display:grid;overflow:hidden}.app-preview canvas{background-color:var(--card);background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%),linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%);width:auto;max-height:62vh;box-shadow:0 0 0 1px var(--line),0 10px 30px -18px #00000080;cursor:crosshair;background-position:0 0,8px 8px;background-size:16px 16px;border-radius:4px;display:block;max-width:100%!important;height:auto!important}#image-editor:not([data-mode=crop-image]):not([data-mode=blur-face]) .app-preview canvas{touch-action:pan-y pinch-zoom}.app-preview img{background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%),linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.app-preview.bg-plain img,.app-preview.bg-plain canvas{background-image:none}.app-hint{text-align:center;margin-top:10px}.app-sidebar{background:var(--canvas);border:1px solid var(--line);border-radius:20px;flex-direction:column;padding:20px;display:flex;position:sticky;top:16px}.sidebar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding-bottom:12px;display:flex}.sidebar-head h2{letter-spacing:-.03em;font-size:22px}.sidebar-reset{min-height:36px;color:var(--muted);font-size:12px}.local-tool .app-sidebar label,.app-sidebar .side-label{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 8px;font-size:13px;font-weight:650;display:flex}.app-sidebar output{color:var(--accent);font-size:12px;font-weight:700}.side-intro{color:var(--muted);margin:14px 0 4px;font-size:14px}.side-note{color:var(--muted);margin-top:8px;font-size:12px}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.local-tool .chip-group label.chip,.chip{display:inline-flex;position:relative;margin:0!important}.chip input,.swatch input,.pos-cell input,.format-card input,.filter-swatch input{opacity:0;width:1px;height:1px;position:absolute}.chip span{border:1px solid var(--line);cursor:pointer;background:var(--card);border-radius:100px;align-items:center;min-height:38px;padding:7px 14px;font-size:13px;font-weight:650;display:inline-flex}.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.chip input:focus-visible+span,.swatch input:focus-visible+span,.pos-cell input:focus-visible+span,.format-card input:focus-visible+span,.filter-swatch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.side-tabs{background:var(--surface);border-radius:12px;gap:4px;margin:14px 0 4px;padding:4px;display:flex;overflow-x:auto}.side-tabs [role=tab]{min-height:38px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 10px;font-size:13px;font-weight:700}.side-tabs [role=tab][aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 2px 8px -4px #0000004d}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.local-tool .swatches label.swatch,.swatch{display:inline-flex;position:relative;margin:0!important}.swatch span:first-of-type{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:30px;height:30px;display:block}.swatch input:checked+span{box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--accent)}.swatch-custom input[type=color]{opacity:1;border:2px dashed var(--line);cursor:pointer;appearance:none;background:0 0;border-radius:50%;width:30px;height:30px;padding:2px;position:static;overflow:hidden}.swatch-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch-custom input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.swatch-custom input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:7px}.color-input::-moz-color-swatch{border:0;border-radius:7px}.color-input{border:1px solid var(--line);background:var(--card);border-radius:10px;width:64px;height:40px;padding:2px}.toggle-row{align-items:center;gap:10px;font-size:13px;font-weight:600;justify-content:flex-start!important;margin:14px 0 4px!important;display:flex!important}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.position-grid{grid-template-columns:repeat(3,36px);gap:6px;display:grid}.local-tool .position-grid label.pos-cell,.pos-cell{display:block;position:relative;margin:0!important}.pos-cell span:first-of-type{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.pos-cell span:first-of-type:after{content:"";background:var(--line);border-radius:50%;width:8px;height:8px}.pos-cell input:checked+span{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pos-cell input:checked+span{background:color-mix(in srgb,var(--accent) 14%,var(--card))}}.pos-cell input:checked+span:after{background:var(--accent);width:12px;height:12px}.rotate-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rotate-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;font-size:13px;font-weight:700;display:flex}.rotate-btn span{color:var(--accent);font-size:24px;line-height:1}.rotate-btn:hover{border-color:var(--accent)}.rotate-readout{color:var(--muted);margin-top:10px;font-size:13px}.flip-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-app .app-sidebar label.flip-toggle{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;margin:0;font-size:13px;display:flex;position:relative}.flip-toggle input{opacity:0;width:1px;height:1px;position:absolute}.flip-toggle:has(input:checked){border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.flip-toggle:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--card))}}.flip-toggle:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.flip-v-icon{display:inline-block;transform:rotate(90deg)}.info-list{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:14px 0 0;padding:14px;font-size:13px;display:grid}.info-list:empty{display:none}.info-list dt{color:var(--muted);font-weight:600}.info-list dd{overflow-wrap:anywhere;margin:0;font-weight:650}.info-list[data-state=found]{border-color:#e0603f}@supports (color:color-mix(in lab, red, red)){.info-list[data-state=found]{border-color:color-mix(in srgb,#e0603f 55%,var(--line))}}.info-list[data-state=clean]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.info-list[data-state=clean]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}.fav-sizes{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-end;gap:18px;padding:14px;display:flex}.fav-sizes figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.fav-sizes canvas{image-rendering:auto;display:block}.fav-sizes figcaption{color:var(--muted);font-size:11px;font-weight:600}.code-snippet{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:100%;margin:8px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.side-links{flex-wrap:wrap;gap:8px;display:flex}.side-links .button{flex:auto;min-height:44px;font-size:13px}.format-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.local-tool .format-cards label.format-card,.format-card{display:block;position:relative;margin:0!important}.format-card span{border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;flex-direction:column;gap:2px;padding:14px;display:flex}.format-card strong{font-size:18px}.format-card small{color:var(--muted);font-size:12px;font-weight:500}.format-card input:checked+span{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.format-card input:checked+span{background:color-mix(in srgb,var(--accent) 10%,var(--card))}}.filter-swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.local-tool .filter-swatches label.filter-swatch,.filter-swatch{display:block;position:relative;margin:0!important}.filter-swatch span{cursor:pointer;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.filter-swatch i{aspect-ratio:1;width:100%;filter:var(--fx);background:linear-gradient(135deg,#f6c86a 0 30%,#e07a5f 30% 55%,#4f9da6 55%);border:2px solid #0000;border-radius:12px;display:block}.filter-swatch input:checked+span i{border-color:var(--accent);box-shadow:0 0 0 2px var(--canvas) inset}.sticker-option{border:1px solid var(--line);background:var(--card);border-radius:14px;gap:12px;padding:14px;justify-content:flex-start!important;align-items:flex-start!important;margin-top:14px!important;display:flex!important}.sticker-option input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.sticker-option span{flex-direction:column;display:flex}.sticker-option small{color:var(--muted);font-weight:500}.upload-mini{width:100%;margin-top:14px}.side-actions{gap:8px;margin-top:12px;display:flex}.side-actions .button{flex:1;min-height:40px;font-size:12px}.more-options{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.more-options summary{cursor:pointer;color:var(--muted);align-items:center;min-height:32px;font-size:13px;font-weight:700;display:flex}.more-options[open] summary{color:var(--ink)}.more-options label{font-size:12px!important}.app-primary{background:var(--accent);color:#fff;border-radius:14px;width:100%;min-height:56px;margin-top:20px;font-size:15px}[data-theme=dark] .app-primary{color:#10282a}.app-primary:hover{filter:brightness(1.06)}.file-strip{gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex;overflow-x:auto}.strip-item{border:1px solid var(--line);background:var(--card);border-radius:12px;flex:none;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:4px;width:104px;padding:6px;display:grid}.strip-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.strip-thumb{background:var(--surface);border:0;border-radius:8px;grid-column:1/-1;height:64px;padding:0;overflow:hidden}.strip-thumb img{object-fit:cover;width:100%;height:64px}.strip-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:10px;overflow:hidden}.strip-move{border:1px solid var(--line);min-height:28px;color:var(--ink);background:0 0;border-radius:8px;font-size:14px}.app-result{padding:8px 0 0}.result-top{justify-content:center;padding:18px 0 34px;display:flex;position:relative}.result-back{background:var(--ink);width:46px;height:46px;color:var(--canvas);border:0;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:18px;left:0}.result-main{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:620px;display:flex}.result-kitty .kitty-small{width:96px}.app-result h2{margin:6px 0 18px;font-size:clamp(24px,3vw,34px)}.result-download{background:var(--accent);color:#fff;min-height:64px;box-shadow:0 16px 30px -18px var(--accent);border-radius:16px;gap:12px;padding:16px 34px;font-size:17px}@supports (color:color-mix(in lab, red, red)){.result-download{box-shadow:0 16px 30px -18px color-mix(in srgb,var(--accent) 80%,#000)}}[data-theme=dark] .result-download{color:#10282a}.result-download svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.result-stats{text-align:left;align-items:center;gap:18px;margin-top:24px;display:flex}.saving-ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--line) 0);border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.saving-ring>span{background:var(--card);border-radius:50%;place-items:center;width:62px;height:62px;line-height:1;display:grid}.saving-ring strong{font-size:17px}.saving-ring small{letter-spacing:.1em;color:var(--muted);font-size:8px;font-weight:800}.result-stats p{color:var(--muted);flex-direction:column;font-size:14px;display:flex}.result-stats p strong{color:var(--ink)}.result-summary{color:var(--muted);margin-top:14px;font-size:12px}.result-files{justify-content:center;margin:14px 0 0}.local-output a{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.local-output a small{color:var(--muted);font-weight:500}.local-output a:after{content:"↓";color:var(--accent);font-weight:800}.local-output a:hover{border-color:var(--accent)}.result-again{color:var(--muted);margin-top:8px}.app-result .related-box{margin:0 0 4px}@media (width<=900px){.app-editor{grid-template-columns:1fr}.app-sidebar{position:static}}@media (width<=767px){.tool-app{padding:14px}.app-upload{min-height:300px}.app-preview{min-height:220px;padding:10px}.result-back{margin-bottom:10px;position:static}.result-top{flex-direction:column;align-items:center}.result-download{width:100%}.filter-swatches{grid-template-columns:repeat(4,1fr)}}.tool-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),.tool-app textarea,.tool-app select{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.tool-app input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}.tool-app .app-sidebar label.side-label,.tool-app .app-sidebar .side-label{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 8px;font-size:13px;font-weight:650;display:flex}.tool-app .control-pair label,.tool-app .more-options label{margin:12px 0 6px;font-size:12px;font-weight:600;display:block}.tool-app .control-pair{align-items:end}.side-tabs{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.side-tabs [role=tab]{padding:6px 4px;font-size:12px}.tool-app:has(.app-result:not([hidden])) .app-status,.in-more{display:none}#settings-error:not(:empty){background:#e0603f;border-radius:10px;margin-top:14px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){#settings-error:not(:empty){background:color-mix(in srgb,#e0603f 14%,var(--card))}}#settings-error:not(:empty){color:var(--ink);font-size:13px}.app-hint .file-meta{margin:0;display:inline}.app-hint .file-name{font-size:13px;display:inline}.result-preview{border-radius:14px;max-width:420px;min-height:120px;margin:22px auto 0}.result-preview img{max-height:240px}.app-result .result-meta{margin:16px 0 0}#constraint-results:not(:empty){margin:14px auto 0;font-size:13px;font-weight:600}.tool-app .filename-control{background:var(--card)}.tool-app .filename-control input{border:0!important;min-height:44px!important}.image-settings h3{display:none}#converter .app-sidebar>*,#converter .app-sidebar .image-settings>*{order:1}#converter .app-sidebar .image-settings{display:contents}#converter .app-sidebar #more-image-options{order:5}#converter .app-sidebar>details.more-options{order:6}#converter .app-sidebar #settings-error{order:7}#converter .app-sidebar .app-primary{order:8}.stage-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.stage-bar-actions{gap:6px;display:flex}.stage-bar-actions .text-link{min-height:36px}.page-grid{background:var(--surface);border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));align-content:start;gap:14px;min-height:220px;padding:16px;display:grid}.page-grid.page-strip{gap:10px;min-height:0;margin-bottom:12px;padding:10px;display:flex;overflow-x:auto}.page-strip .page-card{flex:0 0 96px;padding:6px}.page-strip .page-thumb{height:110px}.page-card{background:var(--card);cursor:pointer;transition:border-color var(--fast),transform var(--normal) var(--ease);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex;position:relative;box-shadow:0 6px 18px -14px #00000080}.page-card:hover{transform:translateY(-2px)}.page-card.selected{border-color:var(--accent)}.page-card.removing{border-color:#d1493b}.page-card.removing .page-thumb:after{content:"✕";color:#d1493b;background:#ffffff8c;place-items:center;font-size:44px;font-weight:800;display:grid;position:absolute;inset:0}.page-card.previewing{border-color:var(--accent)}.page-card.dragging-card{opacity:.5}.page-thumb{background:#fff;border-radius:8px;place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.page-thumb img{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--normal)}.page-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.page-meta{color:var(--muted);margin-top:-4px;font-size:11px}.page-number{z-index:1;background:var(--ink);min-width:22px;height:22px;color:var(--canvas);border-radius:11px;place-items:center;padding:0 6px;font-size:11px;font-weight:800;display:grid;position:absolute;top:6px;left:6px}.page-check{z-index:1;background:var(--card);border-radius:8px;place-items:center;width:26px;height:26px;position:absolute;top:6px;right:6px;margin:0!important;display:grid!important}.page-check input{width:18px;height:18px;accent-color:var(--accent);margin:0}.page-actions{justify-content:center;gap:4px;display:flex}.page-action{border:1px solid var(--line);background:var(--canvas);width:30px;height:30px;color:var(--ink);border-radius:8px;place-items:center;font-size:14px;font-weight:700;display:grid}.page-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-action:disabled{opacity:.35;cursor:not-allowed}.file-grid .page-card{cursor:grab}.file-grid .page-thumb{height:200px}.pdf-preview-wrap .app-preview{background:var(--surface)}.pdf-preview-wrap canvas{background:#fff}.format-cards.stack{grid-template-columns:1fr}.rotate-choice{display:block;position:relative;margin:0!important}.rotate-choice input{opacity:0;width:1px;height:1px;position:absolute}.rotate-choice input:checked+.rotate-btn{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rotate-choice input:checked+.rotate-btn{background:color-mix(in srgb,var(--accent) 12%,var(--card))}}.rotate-choice input:focus-visible+.rotate-btn{outline:3px solid var(--accent);outline-offset:2px}.rotate-choice .rotate-btn{cursor:pointer}.signature-pad{border:1.5px dashed var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:12px;width:100%;height:auto;margin-top:12px;display:block}.unlock-box{text-align:left;width:min(360px,100%);margin:14px auto 0}.aadhaar-hint{background:#f3bd33;border-radius:10px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.aadhaar-hint{background:color-mix(in srgb,#f3bd33 22%,var(--card))}}.aadhaar-hint{color:var(--ink)}.camera-button{margin-top:10px}.camera-panel video{border-radius:14px;max-width:100%;margin:12px auto;display:block}.camera-panel .side-actions{justify-content:center}.form-fields{gap:10px;margin-top:12px;display:grid}.form-field{flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin:0!important;display:flex!important}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compare-grid figure{background:var(--surface);border-radius:12px;margin:0;padding:8px}.compare-grid img{background:#fff;border-radius:6px;width:100%}.compare-grid figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.compare-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:12px}@media (width<=767px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.page-thumb{height:140px}.compare-grid{grid-template-columns:1fr}}.feedback-section{padding-top:24px}.feedback-form,.fb-thanks{background:var(--card);border:1px solid var(--line);border-radius:24px;max-width:760px;padding:30px}.feedback-types{border:0;margin:0;padding:0}.type-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.type-card{display:block;position:relative}.type-card input{opacity:0;width:1px;height:1px;position:absolute}.type-card>span{border:1.5px solid var(--line);cursor:pointer;background:var(--canvas);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:14px;font-size:13px;font-weight:700;display:flex}.type-card input:checked+span{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.type-card input:checked+span{background:color-mix(in srgb,var(--accent) 10%,var(--card))}}.type-card input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:8px;margin-top:18px;font-size:13px;font-weight:650;display:flex}.field small{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--canvas);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:12px;padding:11px 12px;font-size:16px}.field textarea{resize:vertical;min-height:150px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hp-field{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.feedback-privacy{color:var(--muted);margin-top:16px;font-size:12px}.fb-status{min-height:1.4em;margin-top:10px;font-size:13px}.fb-thanks{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.fb-thanks h2{font-size:28px}@media (width<=767px){.type-cards{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.feedback-form,.fb-thanks{padding:20px}}.html-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.html-head .side-intro{max-width:520px;margin:0}.html-app textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px!important}.html-primary{width:auto;margin-top:0;padding-inline:28px}@media (width<=400px){.shell{width:calc(100% - 28px)}.header-actions .dot-matrix-button{display:none}.header-actions .icon-button{width:38px;height:38px}.header-actions{gap:5px}.brand{font-size:21px}.brand-image,.brand-image img{width:32px;height:32px}}@media (width<=767px){.hero-scene>.kitty{width:64%;top:20%;left:18%}.hero-scene .kitty-greeting{top:26px}.soon-row .tool-grid{grid-template-columns:1fr 1fr;gap:8px}.soon-row .tool-card{gap:8px;padding:10px}.soon-row .tool-card .ti{width:32px;height:32px}.soon-row .tool-card .ti svg{width:18px;height:18px}.soon-row .tool-card h3{font-size:12.5px}.soon-row .soon-badge{display:none}}.not-india [data-india-only]{display:none!important}.pricing-page{gap:40px;display:grid}.plans-board{border:1px solid var(--line);background-color:var(--canvas);background-image:radial-gradient(var(--ink) 1.1px,transparent 1.5px);border-radius:24px;padding:clamp(20px,4vw,40px)}@supports (color:color-mix(in lab, red, red)){.plans-board{background-image:radial-gradient(color-mix(in srgb,var(--ink) 16%,transparent) 1.1px,transparent 1.5px)}}.plans-board{background-size:14px 14px}.plans-board .plan-name{margin:0}.pricing-faq{width:100%;max-width:820px;margin:0 auto}.pricing-faq h2{margin-bottom:8px;font-size:clamp(24px,3vw,32px)}@media (width<=820px){.plans-board .plans-grid{grid-template-columns:1fr}}.kitty-head,.kitty[data-state] .kitty-head{animation:none!important;transform:none!important}.kitty-pupil{fill:var(--loki-feature);transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite loki-blink}.kitty-eyes{animation:none}.kitty-sparkles{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linejoin:round}@keyframes loki-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kitty-pupil{animation:none}}.feedback-form,.fb-thanks{margin-inline:auto}.pricing-page{padding-bottom:72px}.pricing-heading{max-width:900px}.not-found-kitty{width:150px;margin:0 auto 8px}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.not-found-sub{margin-bottom:20px;font-size:clamp(24px,3vw,32px)}.trust-page{max-width:760px;padding-bottom:96px}.trust-page h1{margin:12px 0 18px;font-size:clamp(36px,5vw,56px)}.trust-page h1+p{color:var(--ink);margin:0 0 8px;font-size:18px;line-height:1.6}.trust-page h2{border-top:1px solid var(--line);margin:44px 0 12px;padding-top:28px;font-size:clamp(22px,2.6vw,28px)}.trust-page p{margin:0 0 14px;line-height:1.7}.trust-page ul{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.trust-page li{padding-left:30px;line-height:1.6;position:relative}.trust-page li:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent);border-radius:50%;position:absolute;top:.5em;left:4px}@supports (color:color-mix(in lab, red, red)){.trust-page li:before{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}}.trust-page a{text-decoration:underline}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:0 auto;display:grid}.contact-card{border:1px solid var(--line);background:var(--card);transition:border-color var(--normal);border-radius:20px;gap:6px;padding:24px;display:grid}.contact-card:hover,.contact-card:focus-visible{border-color:var(--accent)}.contact-card strong{font-size:20px}.contact-card span{color:var(--muted);font-size:14px}.contact-note{text-align:center;color:var(--muted);max-width:560px;margin:20px auto 72px;font-size:13px}@media (width<=600px){.contact-grid{grid-template-columns:1fr}}.tool-heading{padding:28px 0 22px}.tool-heading .breadcrumb{margin-bottom:16px}.tool-heading h1{margin:12px 0 10px}#font-results{gap:14px;min-width:0;display:grid}#font-results>[data-kitty],#font-results>h2,#font-results>h2+p{text-align:center;justify-self:center}#font-results>h2+p{max-width:560px;color:var(--muted);font-size:14px}#font-results .preview-wrap{min-height:0;padding:14px}#font-results .preview-wrap img{max-height:140px}#live-preview-text{border:1px solid var(--line);background:var(--canvas);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}#font-matches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:8px 0;display:grid}.font-match{border:1px solid var(--line);background:var(--canvas);border-radius:16px;flex-wrap:wrap;align-content:start;align-items:center;gap:6px 16px;min-width:0;padding:18px;display:flex}.font-match>h3,.font-match>p{flex-basis:100%;min-width:0}.font-match:first-child{border-color:var(--accent)}.font-match h3{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.35}.font-match [data-live-font]{color:var(--ink);overflow-wrap:anywhere;word-break:break-word;max-height:7.5em;margin:2px 0;font-size:clamp(24px,3.2vw,34px);line-height:1.25;overflow:auto}.font-match .field-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.font-match .text-link,.font-match>a{align-items:center;min-height:36px;margin:0;font-size:13px;display:inline-flex}.font-match>a{text-decoration:underline}#font-results>.text-link{justify-self:center}@media (width<=700px){#font-matches{grid-template-columns:1fr}.font-match{padding:14px}}.hero-compact{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 0 8px;display:flex}.hero-compact h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(34px,5.2vw,60px);line-height:1.02}.hero-compact .hero-description{color:var(--muted);max-width:560px;margin:0;font-size:clamp(15px,1.6vw,18px)}.hero-search{width:min(640px,100%);margin-top:6px}.hero-search input{border-radius:16px;min-height:56px;font-size:16px;box-shadow:0 10px 30px -22px #00000073}.hero-quick{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;display:flex}.hero-quick a{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);transition:border-color var(--normal),transform var(--normal);border-radius:100px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-size:13px;font-weight:650;display:inline-flex}.hero-quick a:hover,.hero-quick a:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.hero-quick .ti{border-radius:9px;width:28px;height:28px}.hero-quick .ti svg{width:16px;height:16px}.hero-compact .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:4px;display:flex}.hero-compact .hero-actions .button{min-height:44px;font-size:13px}.hero-compact .hero-notes{max-width:none;color:var(--muted);margin:0;font-size:12px;font-weight:600;display:inline}.tools-hub-head{text-align:center;margin-bottom:18px;display:block}.tools-hub .filter-row{justify-content:center}@media (width<=600px){.hero-compact{padding-top:18px}.hero-mascot,.hero-mascot .kitty-small{width:78px}.hero-quick a{padding-right:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-quick a:hover{transform:none}}.hero-compact .hero-description{max-width:700px;line-height:1.5}.hero-quick{max-width:920px}.tools-hub-head h2{margin-top:6px;font-size:clamp(26px,3.4vw,40px)}.tools-hub .filter-chip-link{margin-left:0}.how-to-use{gap:12px;margin-bottom:28px;display:grid}.how-to-use h2{margin:0}.how-steps{counter-reset:step;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:step;border:1px solid var(--line);background:var(--card);border-radius:16px;min-width:0;padding:16px 16px 16px 52px;font-size:14px;line-height:1.45;position:relative}.how-steps li:before{content:counter(step);background:var(--ink);width:26px;height:26px;color:var(--canvas);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:14px;left:14px}.privacy-note{color:var(--muted);margin:0;font-size:14px}.privacy-note strong{color:var(--ink)}@media (width<=900px){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.how-steps li:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=520px){.how-steps{grid-template-columns:1fr}}@media (width<=480px){.header-actions .dot-matrix-button{display:none}}.engine-progress{align-items:center;gap:10px;margin:16px 0 4px;display:flex}.engine-progress progress{min-width:0;height:8px;accent-color:var(--accent);flex:1}.engine-notice{border:1px solid var(--line);background:var(--accent);border-radius:12px;max-width:520px;margin:14px auto 0;padding:10px 14px}@supports (color:color-mix(in lab, red, red)){.engine-notice{background:color-mix(in srgb,var(--accent) 8%,var(--card))}}.engine-notice{color:var(--ink);text-align:left;font-size:13px;line-height:1.5}.app-sidebar .engine-notice{margin:14px 0 0}.password-field{align-items:center;gap:8px;display:flex}.password-field input{flex:1;min-width:0}.bg-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bg-compare figure{min-width:0;margin:0}.bg-compare figcaption{color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:650}.bg-compare .app-preview{min-height:280px}.bg-compare img{object-fit:contain;max-width:100%;max-height:520px;display:block}.bg-compare .bg-plain{background-image:none}#ai-download{justify-content:center;margin-top:10px;display:flex}#ai-download[hidden]{display:none}@media (width<=700px){.bg-compare{grid-template-columns:1fr}.bg-compare .app-preview{min-height:180px}}.engine-badge{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.engine-badge{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}:root{--group-image:#14858c;--group-pdf:#b7790f;--group-video:#d0563b;--group-audio:#2b78c9;--group-creative:#7259d0;--group-utility:#2f8f55;--group-text:#8b5e34;--group-data:#3b5bdb;--group-developer:#4b5a6e;--group-design:#c0398b;--group-files:#6b7a1f;--group-security:#b42335;--group-social:#0e7fa8;--group-calc:#5b6cc4;--group-business:#8a4fb0}.hero-compact{gap:10px;padding:24px 0 4px}.hero-mascot,.hero-mascot .kitty-small{width:72px}.hero-compact h1{font-size:clamp(32px,4.6vw,54px)}.hero-compact .hero-notes{margin-top:2px}.section-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 20px;margin-bottom:16px;display:flex}.section-row h2,.tools-hub-head h2,.why-section>h2,.explore-section>h2{letter-spacing:-.04em;font-size:clamp(24px,2.8vw,34px)}.section-row .text-link{font-size:14px}.popular-section{padding-top:36px}.tool-grid-popular{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-hub{padding-top:56px}.tools-hub-head{text-align:left;margin-bottom:14px}.tools-hub-head p{margin-top:6px;font-size:14px}.tools-hub .filter-row{justify-content:flex-start;margin-bottom:22px}.filter-chip{min-height:44px}.filter-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.filter-chip[aria-pressed=true]:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px}.tool-group{margin:0 0 32px}.tool-group>.tool-group-title{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex;margin:0 0 12px!important;font-size:15px!important}.group-dot{background:var(--group-image);border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.group-text{background:var(--group-text)}.group-data{background:var(--group-data)}.group-developer{background:var(--group-developer)}.group-design{background:var(--group-design)}.group-files{background:var(--group-files)}.group-security{background:var(--group-security)}.group-social{background:var(--group-social)}.group-calc{background:var(--group-calc)}.group-business{background:var(--group-business)}.group-pdf{background:var(--group-pdf)}.group-video{background:var(--group-video)}.group-audio{background:var(--group-audio)}.group-creative{background:var(--group-creative)}.group-utility{background:var(--group-utility)}.tool-card{border-color:var(--line);border-radius:16px;gap:12px;padding:18px}@supports (color:color-mix(in lab, red, red)){.tool-card{border-color:color-mix(in srgb,var(--line) 80%,transparent)}}.tool-card{box-shadow:none}a.tool-card:hover{border-color:var(--ti-accent,var(--accent));transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){a.tool-card:hover{border-color:color-mix(in srgb,var(--ti-accent,var(--accent)) 40%,var(--line))}}a.tool-card:hover{box-shadow:0 10px 24px -20px #0006}.tool-card .ti{border-radius:12px;width:44px;height:44px}.tool-card .ti svg{width:24px;height:24px}.tool-card-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.tool-card-title :is(h2,h3,h4){letter-spacing:-.015em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:15.5px;font-weight:700;line-height:1.3}.tool-card-text{width:100%;min-width:0;display:block}.tool-card-text p{color:var(--muted);margin-top:4px;line-height:1.5;font-size:13px!important}.tool-card-go{color:var(--muted);opacity:.55;transition:opacity var(--normal),transform var(--normal) var(--ease),color var(--normal);flex-shrink:0;margin:0;font-size:16px;line-height:1;position:static;transform:none}a.tool-card:hover .tool-card-go,a.tool-card:focus-visible .tool-card-go{opacity:1;color:var(--accent);transform:translate(3px)}a.tool-card:hover .ti{transform:translateY(-1px)}.tool-card .ti{transition:transform var(--normal) var(--ease)}.tool-card-featured{background:var(--surface);gap:14px;padding:20px}@supports (color:color-mix(in lab, red, red)){.tool-card-featured{background:color-mix(in srgb,var(--surface) 55%,var(--card))}}.tool-card-featured .ti{width:48px;height:48px}.tool-card-featured .tool-card-title :is(h2,h3,h4){font-size:16.5px}.tool-card-compact{gap:12px;padding:12px 14px}.tool-card-compact .tool-card-title :is(h2,h3,h4){font-size:14px}.tool-card-soon .tool-card-title{justify-content:flex-start}.search-empty{align-items:center}.search-empty-loki{flex-shrink:0;width:56px}.search-empty-loki .kitty-small{width:56px}.search-empty p{flex:1;min-width:200px}.why-section{padding-top:24px}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.why-grid li{border:1px solid var(--line);background:var(--card);border-radius:16px;min-width:0;padding:18px}.why-grid h3{letter-spacing:-.01em;margin-bottom:4px;font-size:15px;font-weight:700}.why-grid p{color:var(--muted);font-size:13.5px;line-height:1.5}.loki-moment{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:24px;margin-top:40px;padding:22px 26px;display:flex}.loki-moment-art{flex-shrink:0;width:96px;position:relative}.loki-moment-art .kitty{width:96px;height:96px;position:relative}.loki-moment h2{letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(20px,2.2vw,26px)}.loki-moment p{color:var(--muted);max-width:640px;margin-bottom:6px;font-size:14px}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.explore-card{border:1px solid var(--line);background:var(--card);min-width:0;transition:border-color var(--normal),transform var(--normal) var(--ease);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.explore-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.explore-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}}.explore-card:hover{transform:translateY(-2px)}.explore-card{flex:1}.explore-card .cat-icon{width:38px;height:38px;transition:background-color var(--normal),border-color var(--normal);border-radius:11px;margin-bottom:6px}.explore-card .cat-icon svg{width:20px;height:20px}.explore-card:hover .cat-icon,.explore-card:focus-visible .cat-icon{background:var(--ti)}@supports (color:color-mix(in lab, red, red)){.explore-card:hover .cat-icon,.explore-card:focus-visible .cat-icon{background:color-mix(in srgb,var(--ti) 20%,var(--card))}}.explore-card:hover .cat-icon,.explore-card:focus-visible .cat-icon{border-color:var(--ti)}@supports (color:color-mix(in lab, red, red)){.explore-card:hover .cat-icon,.explore-card:focus-visible .cat-icon{border-color:color-mix(in srgb,var(--ti) 36%,transparent)}}[data-theme=dark] .explore-card:hover .cat-icon,[data-theme=dark] .explore-card:focus-visible .cat-icon{background:var(--ti)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .explore-card:hover .cat-icon,[data-theme=dark] .explore-card:focus-visible .cat-icon{background:color-mix(in srgb,var(--ti) 32%,var(--card))}}.explore-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.explore-card strong{font-size:16px}.explore-card span:last-child{color:var(--muted);font-size:13.5px;line-height:1.5}.home-guide{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.home-guide-body h2{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(24px,2.8vw,34px)}.home-guide-body h3{letter-spacing:-.02em;margin:26px 0 8px;font-size:18px;font-weight:700}.home-guide-body p,.guide-list{color:var(--ink);max-width:72ch;margin:0 0 12px;font-size:15px;line-height:1.7}.home-guide-body a,.guide-list a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.guide-list{padding-left:20px}.guide-list li{margin:6px 0}.home-faq{position:sticky;top:96px}.home-faq h2{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(22px,2.4vw,28px)}.home-faq details{border-bottom:1px solid var(--line);padding:14px 0}.home-faq summary{cursor:pointer;min-height:28px;font-size:15px;font-weight:700;list-style-position:outside}.home-faq summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.home-faq details p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.feedback-cta{margin-top:24px}@media (width<=1100px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guide{grid-template-columns:1fr;gap:28px}.home-faq{position:static}}@media (width<=900px){.tool-grid-popular{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-grid{grid-template-columns:1fr}}@media (width<=767px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.tool-card .ti{width:40px;height:40px}.tool-card .ti svg{width:22px;height:22px}.tool-card-text{padding-right:0}.tool-card-go{opacity:.55;margin:0}.popular-section{padding-top:28px}.tools-hub{padding-top:40px}.loki-moment{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.loki-moment-art,.loki-moment-art .kitty{width:72px;height:72px}}@media (width<=520px){.tool-grid,.tool-grid-popular,.tool-grid-related{grid-template-columns:1fr}.tool-card{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.tool-card-featured{padding:14px}.why-grid{grid-template-columns:1fr}.filter-row{gap:8px}.filter-chip{padding:8px 14px}}@media (prefers-reduced-motion:reduce){a.tool-card:hover,.explore-card:hover,a.tool-card:hover .ti,a.tool-card:hover .tool-card-go{transform:none}}.rec-card{padding-right:34px}.rec-card strong{overflow-wrap:anywhere}.language-selector>summary.button{gap:6px;padding:8px}.language-selector>summary svg{flex-shrink:0;width:20px;height:20px}@media (width>=1600px){.language-selector>summary.button{padding:8px 14px}}.desktop-nav a,.header-actions .button,.language-selector>summary{white-space:nowrap}.desktop-nav,.header-actions{flex-shrink:0}.header-row.fit-cta .header-cta{display:none}.header-row.fit-nav .desktop-nav{display:none!important}.header-row.fit-nav .mobile-toggle{display:inline-flex!important}.header-row.fit-login .login-button{display:none}@media (width>=768px){#mobile-nav{background:var(--surface);width:min(1240px,100% - 48px);animation:enter var(--normal) var(--ease);border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;margin:14px auto 0;padding:14px;display:grid}#mobile-nav a{border-radius:10px;padding:12px}#mobile-nav a:hover{background:var(--card);color:var(--accent)}}.odt-app .page-card{cursor:default}.odt-app .page-card:hover{transform:none}.odt-file{overflow-wrap:anywhere;font-weight:650}.odt-notes{gap:6px;margin:10px 0 0;padding-left:18px;display:grid}.odt-notes li{list-style:outside}.how-section .section-heading{margin-bottom:16px}.loki-ask{width:min(640px,100%);margin-bottom:12px}.loki-ask input{border-radius:16px;min-height:54px}.loki-examples{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.loki-example{border:1px dashed var(--line);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;transition:border-color var(--fast),color var(--fast);background:0 0;border-radius:100px;padding:6px 12px;font-size:13px}.loki-example:hover,.loki-example:focus-visible{border-color:var(--accent);color:var(--ink)}.loki-status{min-height:1.5em;color:var(--muted);margin:4px 0 18px;font-size:14px}.loki-status:empty{min-height:0;margin-bottom:12px}.tools-more{justify-content:center;margin-top:28px;display:flex}.tool-card p{font-size:14px;line-height:1.5}.hero-notes,.rec-desc{font-size:13px}.india-note,.india-card-note{font-size:12.5px}.footer-bottom{font-size:12.5px!important}.site-footer nav a{font-size:13.5px}.soon-row>p{font-size:14px}.tools-page-head{padding-top:28px}.tools-page-head .hero-search{margin-top:16px}.tools-page-head+.tools-hub{padding-top:24px}.tools-page-head+.tools-hub .tools-hub-head h1{letter-spacing:-.04em;margin-top:0;font-size:clamp(28px,3.6vw,44px)}.tool-details .how-steps{margin:0;padding:0}.home-faq summary,.tool-details summary,.faq-section summary,.more-options summary,#batch-compressor>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}.home-faq summary::-webkit-details-marker{display:none}.tool-details summary::-webkit-details-marker{display:none}.faq-section summary::-webkit-details-marker{display:none}.more-options summary::-webkit-details-marker{display:none}#batch-compressor>summary::-webkit-details-marker{display:none}.home-faq summary:after,.tool-details summary:after,.faq-section summary:after,.more-options summary:after,#batch-compressor>summary:after{content:"";opacity:.55;width:8px;height:8px;transition:transform var(--fast);border-bottom:2px solid;border-right:2px solid;flex-shrink:0;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.home-faq details[open]>summary:after,.tool-details details[open]>summary:after,.faq-section details[open]>summary:after,.more-options[open]>summary:after,#batch-compressor[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.home-faq details,.tool-details details,.faq-section details{padding:6px 0}.tool-details details p{padding:4px 0 12px}.home-faq details p{margin:0 0 10px}.more-options{padding-top:4px}.loki-recommends-guide .loki-bubble,#goal-tip{min-height:0!important}.tip-stack{display:grid}.tip-stack>span{grid-area:1/1}.tip-stack>.tip-sizer{visibility:hidden}.loki-bubble>strong{margin-bottom:2px;display:block}.rec-card{align-items:center;min-height:96px;height:auto!important}.rec-desc{-webkit-line-clamp:unset;display:block;overflow:visible}.result-top{padding-top:10px}.result-back{z-index:1;width:42px;height:42px;font-size:18px;top:10px;left:0;margin:0!important;position:absolute!important}.app-result .related-head .loki-mini{display:none}.app-result .related-head .loki-bubble{background:0 0;border:0;border-radius:0;padding:0}.result-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;max-width:460px;gap:8px!important;margin-inline:auto!important;display:grid!important}.result-meta>span{text-align:center;justify-content:center;align-items:center;min-height:44px;display:flex;padding:8px 12px!important;font-size:12.5px!important}.result-next{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.result-next[hidden]{display:none}.multi-choice{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:16px;width:min(460px,100%);margin:18px auto 0;padding:16px}.multi-choice p{margin:0 0 12px;font-size:14px}.multi-choice .choice-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.multi-choice .button{width:100%;min-height:48px;margin:0!important}.multi-choice p{color:var(--ink);font-weight:600}.multi-choice .text-link{min-height:40px;margin-top:10px}.search-intent+.search-intent{margin-top:2px}.font-finder-steps,.workspace-top{font-size:12px}@media (width<=767px){.shell{width:calc(100% - 32px)}.workspace,.tool-app{padding:10px}.tool-app .app-sidebar{border-radius:16px;padding:16px 14px}.app-preview{border-radius:14px;padding:8px}.page-grid{border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:8px}.page-thumb{height:150px}.page-action{width:36px;height:36px}.stage-bar{flex-wrap:wrap}.stage-bar .field-hint,.app-status{text-align:center;width:100%}.result-download{min-height:56px;font-size:16px}.result-stats{justify-content:center}.related-box{padding:14px}.tool-grid-related{gap:8px}.how-steps li{padding:14px 14px 14px 48px}.loki-recommends-guide{align-items:flex-start}.loki-mini,.loki-mini .kitty-small{width:64px}.multi-choice .choice-actions{grid-template-columns:1fr}.workspace-top{font-size:12px!important}}@media (width<=400px){.shell{width:calc(100% - 24px)}.workspace,.tool-app{padding:8px}.tool-app .app-sidebar{padding:14px 12px}}html{background:var(--canvas)}.mobile-login{display:none}@media (width<=767px){.site-header{padding:10px 0}.header-row{gap:8px;min-height:44px}.header-actions{gap:6px}.header-actions .icon-button,.header-actions .language-selector>summary.button{border-radius:50%;justify-content:center;width:42px;height:42px;min-height:42px;padding:0}.header-actions .dot-matrix-button,.header-actions .login-button,.header-actions .header-cta{display:none!important}.popover-wrap{display:contents}.account-panel{top:calc(64px + env(safe-area-inset-top,0px));width:auto;max-width:none;position:fixed;left:16px;right:16px}#mobile-nav{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:1fr 1fr;gap:4px;width:calc(100% - 32px);margin:10px auto 0;padding:10px;display:grid}#mobile-nav a,.mobile-login{min-height:44px;color:var(--ink);text-align:left;border-radius:12px;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}#mobile-nav a:hover,.mobile-login:hover{background:var(--card)}.mobile-login{border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;grid-column:1/-1;justify-content:center;margin-top:4px;font-weight:700}.tool-heading{padding:14px 0}.tool-heading .breadcrumb{margin-bottom:10px}.tool-heading .ti-xl{border-radius:15px;width:52px;height:52px}.tool-heading .ti-xl svg{width:28px;height:28px}.tool-heading h1{margin:8px 0 6px;font-size:clamp(27px,8vw,34px);line-height:1.1}.tool-heading>p{font-size:13.5px;line-height:1.5}.tool-heading .local-note{margin-top:8px}.app-upload,.workspace>.dropzone,#upload-panel.dropzone,#upload-panel .dropzone{min-height:0;padding:20px 14px 22px}.app-upload .kitty-small,.dropzone .kitty-small{width:76px}.app-upload h2,.dropzone h2{margin-top:2px;font-size:22px}.dropzone .button,.app-upload .button{margin-top:14px}.workspace{margin-bottom:44px}}.site-header:has(.header-row.fit-login) .mobile-login{display:flex}@media (width<=359px){.header-actions{gap:4px}.header-actions .icon-button,.header-actions .language-selector>summary.button{width:40px;height:40px;min-height:40px}.brand{font-size:19px}.brand-image,.brand-image img{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){#mobile-nav{animation:none}}.mobile-toggle{color:var(--ink);justify-content:center;align-items:center;padding:0}.mobile-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.mobile-toggle[aria-expanded=true]{background:var(--card)}.popular-section{padding-bottom:56px}@media (width<=767px){.popular-section{padding-bottom:36px}}.result-stats{flex-wrap:wrap;justify-content:center;max-width:100%}.result-stats p{overflow-wrap:anywhere;min-width:0}.tool-search input,.search-box input{text-overflow:ellipsis}.result-back{cursor:pointer;transition:background-color var(--fast),border-color var(--fast);border-radius:50%;place-items:center;padding:0;display:grid;border:1px solid var(--line)!important;width:42px!important;height:42px!important;color:var(--ink)!important;background:0 0!important}.result-back:hover{background:var(--card)!important;border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.result-back:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))!important}}.result-back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.result-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.result-back{background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.result-back{background:color-mix(in srgb,var(--accent) 14%,transparent)!important}}.result-back{border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.result-back{border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important}}.result-back{color:var(--accent)!important}.result-back:hover{background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.result-back:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)!important}}.result-back:hover{border-color:var(--accent)!important}.saving-ring>span{text-align:center;align-content:center;justify-items:center;gap:3px}.saving-ring strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;display:block}.saving-ring small{margin-right:-.1em;line-height:1;display:block}.result-stats{align-items:center;gap:16px}.result-stats p{text-align:left;margin:0}.processing-panel .kitty-small{z-index:1;width:120px;height:120px;position:relative}.processing-panel .spinner{border:3px solid var(--accent);width:152px;height:152px;margin:-136px auto 18px}@supports (color:color-mix(in lab, red, red)){.processing-panel .spinner{border:3px solid color-mix(in srgb,var(--accent) 16%,transparent)}}.processing-panel .spinner{border-top-color:var(--accent);border-right-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.processing-panel .spinner{border-right-color:color-mix(in srgb,var(--accent) 55%,transparent)}}.processing-panel .spinner{animation:1.1s cubic-bezier(.5,.15,.5,.85) infinite spin}@media (prefers-reduced-motion:reduce){.processing-panel .spinner{animation-duration:3s}}.result-stats{width:100%;max-width:460px;margin:20px auto 0!important;display:block!important}.saving-card{--p:0;border:1px solid var(--accent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;padding:14px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.saving-card{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}}.saving-card{background:var(--accent);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.saving-card{background:color-mix(in srgb,var(--accent) 7%,var(--card))}}.saving-card{text-align:left}.saving-badge{background:var(--accent);min-width:68px;color:var(--canvas);border-radius:12px;align-content:center;justify-items:center;gap:3px;padding:9px 10px;line-height:1;display:grid}.saving-badge strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px}.saving-badge small{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.saving-card p{color:var(--muted);overflow-wrap:anywhere;flex-direction:column;gap:3px;margin:0;font-size:14px;line-height:1.35;display:flex}.saving-card p strong{color:var(--ink);font-size:15px}.saving-bar{background:var(--ink);border-radius:99px;grid-column:1/-1;height:6px}@supports (color:color-mix(in lab, red, red)){.saving-bar{background:color-mix(in srgb,var(--ink) 12%,transparent)}}.saving-bar{overflow:hidden}.saving-bar>span{height:100%;width:calc((100 - var(--p)) * 1%);border-radius:inherit;background:var(--accent);transition:width .6s var(--ease);display:block}@media (prefers-reduced-motion:reduce){.saving-bar>span{transition:none}}.result-share{gap:8px;margin-top:10px}.result-share[hidden]{display:none}.result-share svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.media-app .app-stage{flex-direction:column;gap:12px;min-width:0;display:flex}.media-preview{background:var(--surface);border-radius:18px;min-width:0;padding:10px}.media-preview[hidden],.media-preview video[hidden],.media-preview audio[hidden]{display:none}.media-preview video{background:#000;border-radius:12px;width:100%;max-height:min(60vh,520px);display:block}.media-preview audio{width:100%;display:block}.media-queue{gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.media-queue:empty{display:none}.media-item{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""meta actions""state actions";align-items:center;gap:2px 10px;min-width:0;padding:10px 10px 10px 14px;display:grid}.media-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;font-size:14px;overflow:hidden}.media-meta{color:var(--muted);overflow-wrap:anywhere;grid-area:meta;font-size:12.5px}.media-state{color:var(--muted);overflow-wrap:anywhere;grid-area:state;font-size:12.5px;font-weight:650}.media-state:empty{display:none}.media-item[data-status=running] .media-state{color:var(--accent)}.media-item[data-status=done] .media-state{color:var(--group-utility)}.media-item[data-status=failed] .media-state{color:#c4462c}.media-item[data-status=running]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.media-item[data-status=running]{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.media-actions{grid-area:actions;gap:4px;display:flex}.media-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;width:44px;height:44px;font-size:17px;line-height:1;display:inline-grid}.media-action:hover{border-color:var(--line);background:var(--surface)}.media-action:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.media-add{align-self:flex-start}.media-facts:empty{display:none}.media-time{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.media-time .media-input{flex:96px;width:auto!important}.media-time .button{white-space:nowrap}.media-option[hidden]{display:none}.side-label small{color:var(--muted);font-weight:500}.media-role{margin-top:4px}.media-role-name{color:var(--muted);overflow-wrap:anywhere;margin:0 0 8px;font-size:13px}.media-progress{margin:18px 0 4px}.media-progress[hidden]{display:none}.media-bar{background:var(--ink);border-radius:99px;height:8px;position:relative}@supports (color:color-mix(in lab, red, red)){.media-bar{background:color-mix(in srgb,var(--ink) 12%,transparent)}}.media-bar{overflow:hidden}.media-bar>span{border-radius:inherit;background:var(--accent);width:0;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.media-bar.indeterminate>span{width:35%;animation:1.4s ease-in-out infinite media-slide}@keyframes media-slide{0%{translate:-100%}to{translate:286%}}@media (prefers-reduced-motion:reduce){.media-bar>span{transition:none}.media-bar.indeterminate>span{opacity:.5;width:100%;animation:none}}.media-phase{color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0 6px;font-size:13px}.media-progress-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.media-progress-actions .text-link{min-height:44px}.media-heavy[hidden]{display:none}.media-result-preview{width:100%;max-width:560px;margin:16px auto 0}.media-result-preview[hidden]{display:none}.media-result-preview video,.media-result-preview img{object-fit:contain;background:var(--surface);border-radius:14px;width:100%;max-height:60vh;display:block}.media-result-preview audio{width:100%;display:block}@media (width<=420px){.media-item{padding:8px 6px 8px 12px}.media-action{width:40px;height:44px}}.diagnostics{max-width:var(--max,1160px);border:1px dashed var(--line);background:var(--card);border-radius:14px;width:calc(100% - 32px);margin:24px auto;padding:14px 18px;font-size:13px}.diagnostics summary{cursor:pointer;font-weight:700}.diagnostics dl{grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 14px;margin:12px 0;display:grid}.diagnostics dt{color:var(--muted);font-family:ui-monospace,monospace}.diagnostics dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.diagnostics-jobs{color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px;padding-left:18px}.diagnostics-jobs:empty{display:none}.lab-app .app-stage{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-pickers{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lab-camera-pick{border-radius:14px;min-height:58px;margin-top:18px;padding:16px 22px}@media (hover:hover) and (pointer:fine){.lab-camera-pick{display:none}}.lab-skip{margin-top:10px}.lab-preview{background:var(--surface);border-radius:18px;min-width:0;padding:12px}.lab-preview[hidden],.lab-view[hidden],.lab-text[hidden],.lab-canvas[hidden]{display:none}.lab-canvas{place-items:center;min-height:240px;display:grid}.lab-layers{--split:50%;--checker:var(--line)}@supports (color:color-mix(in lab, red, red)){.lab-layers{--checker:color-mix(in srgb,var(--line) 55%,transparent)}}.lab-layers{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;max-width:100%;display:grid;position:relative}.lab-layers>canvas{border-radius:6px;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:min(62vh,640px);display:block}.lab-after{background-color:var(--card);background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%),linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.lab-before{visibility:hidden;z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0);position:relative}.lab-layers.comparing .lab-before{visibility:visible}.lab-layers.comparing{cursor:ew-resize}.lab-divider{z-index:2;top:0;bottom:0;left:var(--split);pointer-events:none;width:0;position:absolute}.lab-divider[hidden]{display:none}.lab-divider:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #00000040}.lab-divider span{background:#fff;border-radius:50%;width:36px;height:36px;margin-top:-18px;position:absolute;top:50%;left:-18px;box-shadow:0 2px 10px #0000004d}.lab-divider span:before{content:"‹ ›";color:#1d2b30;letter-spacing:2px;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.lab-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lab-layers.drawing{cursor:crosshair;touch-action:none}.lab-layers.picking{cursor:copy;touch-action:none}.lab-region{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-region{fill:color-mix(in srgb,var(--accent) 22%,transparent)}}.lab-region{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4}.lab-region.draft{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-region.draft{fill:color-mix(in srgb,var(--accent) 12%,transparent)}}.lab-point{fill:var(--accent);stroke:#fff;stroke-width:2px}.lab-preview-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:10px;display:flex}.lab-compare-toggle{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.lab-compare-toggle[hidden],.lab-split[hidden]{display:none}.lab-compare-toggle input{width:18px;height:18px;accent-color:var(--accent)}.lab-split{accent-color:var(--accent);flex:160px;min-height:44px}.lab-dims{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.lab-text{background:var(--card);white-space:pre;max-height:62vh;color:var(--ink);border-radius:10px;margin:0;padding:12px;font:9px/1 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;overflow:auto}.lab-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lab-number{align-items:center;gap:8px;display:flex}.lab-number input{flex:auto}.lab-color{flex-wrap:wrap}.lab-color-pair{align-items:center;gap:8px;display:inline-flex}.lab-option[hidden]{display:none}.lab-many{max-height:236px;padding:2px;overflow:auto}.lab-saved span{gap:6px}.lab-saved-remove{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-4px -8px -4px 2px;font-size:15px;display:inline-grid}.lab-presets .lab-number span{color:var(--muted)}.lab-note{background:var(--surface);border-radius:10px;padding:10px 12px}.lab-view{flex-direction:column;gap:14px;min-width:0;display:flex}.lab-empty{background:var(--surface);text-align:center;border-radius:14px;margin:0;padding:18px;font-size:14px}.lab-meta-summary{border:1.5px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.lab-meta-summary[data-state=found]{border-color:#e0603f}@supports (color:color-mix(in lab, red, red)){.lab-meta-summary[data-state=found]{border-color:color-mix(in srgb,#e0603f 60%,var(--line))}}.lab-meta-summary[data-state=found]{background:#e0603f}@supports (color:color-mix(in lab, red, red)){.lab-meta-summary[data-state=found]{background:color-mix(in srgb,#e0603f 7%,var(--card))}}.lab-meta-summary[data-state=clean]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-meta-summary[data-state=clean]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}.lab-meta-summary span{color:var(--muted);font-size:13px}.lab-meta-choices{border:1px solid var(--line);background:var(--card);border-radius:14px;margin:0;padding:6px 14px 10px}.lab-meta-choices legend{padding:0 6px;font-size:13px;font-weight:700}.lab-meta-choices .toggle-row{min-height:36px;margin:6px 0!important}.lab-meta-file{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 14px}.lab-meta-file summary{cursor:pointer;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.lab-meta-file summary small{color:var(--muted)}.lab-meta-cat{color:var(--muted);margin:14px 0 0;font-size:13px}.lab-meta-file .info-list{margin-top:8px}.lab-gps{background:#e0603f;border-radius:10px;margin:10px 0 0;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.lab-gps{background:color-mix(in srgb,#e0603f 10%,var(--card))}}.lab-gps{font-size:13px}.lab-view .app-primary{margin-top:4px}.lab-swatches{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lab-swatches li{flex-direction:column;gap:6px;min-width:0;display:flex}.lab-swatch{border:1px solid var(--line);cursor:pointer;text-align:left;min-height:96px;font:inherit;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:10px;display:flex}.lab-swatch strong{font-size:14px}.lab-swatch small{opacity:.85;font-size:11px}.lab-swatch.copied{outline:3px solid var(--accent);outline-offset:2px}.lab-swatch-codes{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.lab-palette-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:280px;margin:0 auto;display:block}.lab-code-block{flex-direction:column;gap:6px;min-width:0;display:flex}.lab-code-head{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.lab-code{max-height:220px;margin:0;overflow:auto}.lab-code-area{resize:vertical;width:100%;min-height:72px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace!important}.lab-copy{min-height:40px}.lab-table-wrap{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow-x:auto}.lab-table{border-collapse:collapse;width:100%;font-size:13px}.lab-table th,.lab-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.lab-table th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.lab-table tr:last-child td{border-bottom:0}.lab-table td small{color:var(--muted)}.lab-formats tr.picked td{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-formats tr.picked td{background:color-mix(in srgb,var(--accent) 9%,transparent)}}.lab-badge{background:var(--accent);color:#fff;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}[data-theme=dark] .lab-badge{color:#10282a}.lab-advice{border:1.5px solid var(--accent);border-radius:16px;padding:16px}@supports (color:color-mix(in lab, red, red)){.lab-advice{border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line))}}.lab-advice{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-advice{background:color-mix(in srgb,var(--accent) 6%,var(--card))}}.lab-advice p{margin:0;font-size:14px}.lab-advice .lab-advice-title{margin-bottom:6px;font-size:17px}.lab-traits{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lab-traits li{background:var(--surface);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:650}.lab-format-notes{color:var(--muted);gap:6px;margin:0;padding-left:20px;font-size:13px;display:grid}.lab-format-notes strong{color:var(--ink)}.lab-compare-stage{background:var(--surface);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.lab-compare-labels{width:100%;color:var(--muted);justify-content:space-between;gap:10px;margin:0;font-size:12px;display:flex}.lab-compare-labels span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-diff-canvas{border-radius:8px;max-width:100%;max-height:62vh;display:block}.lab-side canvas{border-radius:8px;width:100%;height:auto;display:block}.lab-viewer{background:var(--surface);touch-action:none;border-radius:18px;outline:none;place-items:center;height:min(70vh,640px);display:grid;position:relative;overflow:hidden}.lab-viewer:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.lab-viewer:fullscreen{background:#111;border-radius:0;height:100vh}.lab-viewer-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;max-width:none}.lab-viewer-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.lab-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:13px;font-weight:700}.lab-viewer-caption{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.lab-strip .strip-thumb{width:100%}.lab-camera{background:#111;border-radius:18px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.lab-camera-video,.lab-camera-still{object-fit:contain;grid-area:1/1;width:100%;max-height:min(68vh,640px);display:block}.lab-camera-video[hidden],.lab-camera-still[hidden]{display:none}.lab-camera-video.mirror{transform:scaleX(-1)}.lab-countdown{z-index:2;color:#fff;text-shadow:0 4px 24px #00000080;pointer-events:none;grid-area:1/1;font-size:clamp(64px,14vw,140px);font-weight:800}.lab-camera-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lab-camera-actions .app-primary{flex:200px;width:auto;min-width:200px;margin-top:0}.lab-camera-actions [hidden]{display:none}.lab-workflow{flex-direction:column;gap:12px;margin-top:10px;display:flex}.wf-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wf-step{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 12px 12px}.wf-head{align-items:center;gap:8px;display:flex}.wf-head strong{flex:1;font-size:14px}.wf-num{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-grid}[data-theme=dark] .wf-num{color:#10282a}.wf-actions{gap:2px;display:flex}.wf-actions .media-action{width:40px;height:40px}.wf-field{flex-direction:column;gap:6px;margin-top:10px;display:flex}.wf-field label{justify-content:space-between;gap:8px;font-size:12.5px;font-weight:650;display:flex}.wf-field output{color:var(--accent);font-weight:700}.wf-inline{flex-direction:row;justify-content:space-between;align-items:center}.wf-add{gap:8px;display:flex}.wf-add select{flex:1}.lab-result-extra{text-align:left;flex-direction:column;gap:12px;width:100%;margin-top:18px;display:flex}.lab-result-extra[hidden]{display:none}.lab-result-compare{background:var(--surface);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.lab-result-image{border-radius:12px;max-width:100%;max-height:60vh;margin:0 auto;display:block}.lab-result-note{background:var(--surface);border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.lab-diff{margin-top:0}@media (width<=900px){.lab-app .app-sidebar{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.lab-app .lab-sidebar>.app-primary{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;position:sticky;box-shadow:0 10px 30px -10px #00000073}.lab-app .lab-preview{top:calc(8px + env(safe-area-inset-top,0px));z-index:4;position:sticky;box-shadow:0 12px 24px -20px #00000080}.lab-layers>canvas{max-height:38vh}.lab-app[data-kind=inspect] .lab-preview{position:static}}@media (width<=900px) and (orientation:landscape){.lab-app .lab-preview{position:static}.lab-layers>canvas{max-height:70vh}}@media (width<=560px){.lab-table th:nth-child(4),.lab-table td:nth-child(4){display:none}.lab-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.kit-editor{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"main side""result side";align-items:start;gap:20px 24px;margin-top:8px;display:grid}.kit-editor.kit-wide{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""result"}.kit-editor.kit-gen{grid-template-areas:"result side"}.kit-main{flex-direction:column;grid-area:main;gap:14px;min-width:0;display:flex}.kit-sidebar{grid-area:side}.kit-result{flex-direction:column;grid-area:result;gap:14px;min-width:0;display:flex}.kit-result:not(:has(>:not([hidden]))){display:none}.kit-inputs{gap:14px;display:grid}.kit-two{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-pane{flex-direction:column;gap:6px;min-width:0;display:flex}.kit-pane-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:40px;display:flex}.kit-pane-head .side-label{margin:0!important}.kit-pane-actions{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.kit-pane-actions .text-link{cursor:pointer;min-height:40px;font-size:13px}.kit-pane-actions #kit-extra-downloads{display:contents}.tool-app textarea.kit-input{resize:vertical;border-radius:14px;min-height:180px;padding:14px;line-height:1.5}.tool-app textarea.kit-output{background:var(--surface)}.kit-mono{tab-size:2;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace!important;font-size:14px!important}.kit-note{background:var(--surface);overflow-wrap:anywhere;border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.kit-note[data-state=error]{background:#e0603f}@supports (color:color-mix(in lab, red, red)){.kit-note[data-state=error]{background:color-mix(in srgb,#e0603f 12%,var(--card))}}.kit-note[data-state=error]{color:var(--ink);border:1px solid #e0603f}@supports (color:color-mix(in lab, red, red)){.kit-note[data-state=error]{border:1px solid color-mix(in srgb,#e0603f 45%,var(--line))}}.kit-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;display:grid}.kit-stats>div{border:1px solid var(--line);background:var(--card);border-radius:14px;min-width:0;padding:12px 14px}.kit-stats dt{color:var(--muted);font-size:12px;font-weight:650}.kit-stats dd{letter-spacing:-.01em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:800}.kit-preview,.kit-html{min-width:0}.kit-html{flex-direction:column;gap:12px;display:flex}.kit-html>.button{align-self:flex-start}.kit-preview{border:1px solid var(--line);background:var(--card);overflow-wrap:anywhere;border-radius:16px;padding:18px 20px;line-height:1.6}.kit-preview>:first-child{margin-top:0}.kit-preview>:last-child{margin-bottom:0}.kit-preview h1,.kit-preview h2,.kit-preview h3{margin:1em 0 .5em;line-height:1.25}.kit-preview pre{background:var(--surface);border-radius:10px;padding:12px;overflow:auto}.kit-preview code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.kit-preview table{border-collapse:collapse;display:block;overflow-x:auto}.kit-preview th,.kit-preview td{border:1px solid var(--line);padding:6px 10px}.kit-preview blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0;padding-left:14px}.kit-preview a{text-decoration:underline}.kit-preview img{max-width:100%}.kit-preview ul,.kit-preview ol{padding-left:22px}.kit-table td{overflow-wrap:anywhere}.kit-table .button{min-height:36px}.kit-more{margin:0;padding:8px 12px}.kit-files{justify-content:flex-start}.kit-drop p{margin:6px 0}.kit-file-item{align-items:center;gap:10px;display:flex}.kit-file-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:650;overflow:hidden}.kit-file-item small{color:var(--muted)}.kit-hex{width:110px!important;min-height:40px!important;font-family:ui-monospace,Menlo,monospace!important;font-size:14px!important}.kit-custom{flex-direction:column;gap:14px;min-width:0;display:flex}.kit-diff-wrap{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow-x:auto}.kit-diff{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px;line-height:1.5}.kit-diff th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px;font-weight:700}.kit-diff td{vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:3px 12px;font-family:ui-monospace,Menlo,Consolas,monospace}@supports (color:color-mix(in lab, red, red)){.kit-diff td{border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}}.kit-diff td+td{border-left:1px solid var(--line)}.kit-diff .kit-del{background:#e0603f17}.kit-diff .kit-add{background:#2f8f551c}.kit-diff del{background:#e0603f47;border-radius:3px;text-decoration:line-through}.kit-diff ins{background:#2f8f554d;border-radius:3px;text-decoration:none}.kit-swatch-row{flex-wrap:wrap;gap:10px;display:flex}.kit-demo{border:1px solid var(--line);background:var(--surface);border-radius:18px;place-items:center;min-height:240px;padding:24px;display:grid;overflow:hidden}.kit-demo-box{aspect-ratio:3/2;text-align:center;color:#1d2b30;background:#fff;place-items:center;width:min(240px,70%);font-weight:700;display:grid}.kit-checker{background-color:var(--card);background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%,transparent 75%,var(--line) 75%),linear-gradient(45deg,var(--line) 25%,transparent 25%,transparent 75%,var(--line) 75%)}@supports (color:color-mix(in lab, red, red)){.kit-checker{background-image:linear-gradient(45deg,color-mix(in srgb,var(--line) 55%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--line) 55%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--line) 55%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--line) 55%,transparent) 75%)}}.kit-checker{background-position:0 0,8px 8px;background-size:16px 16px}.kit-big{letter-spacing:-.02em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,6vw,44px);font-weight:800}.kit-card{border:1px solid var(--line);background:var(--card);border-radius:16px;min-width:0;padding:16px}.kit-card h3{margin:0 0 8px;font-size:15px}.kit-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-canvas{border-radius:10px;max-width:100%;height:auto;margin:0 auto;display:block}.kit-meter{background:var(--surface);border-radius:99px;height:10px;overflow:hidden}.kit-meter span{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s;display:block}.kit-pass{color:#2f8f55;font-weight:800}.kit-fail{color:#c2412d;font-weight:800}[data-theme=dark] .kit-pass{color:#6fd39a}[data-theme=dark] .kit-fail{color:#ff8a70}@media (width<=900px){.kit-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""side""result"}.kit-editor.kit-gen{grid-template-areas:"result""side"}.kit-sidebar{position:static}}@media (width<=640px){.kit-two{grid-template-columns:minmax(0,1fr)}.tool-app textarea.kit-input{min-height:150px}.kit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-stats dd{font-size:17px}}.kit-tree{border:1px solid var(--line);background:var(--card);border-radius:14px;max-height:70vh;padding:12px 14px;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.kit-tree summary{cursor:pointer;align-items:baseline;gap:8px;min-height:28px;display:flex}.kit-tree summary small{color:var(--muted)}.kit-tree-kids{border-left:1px dashed var(--line);margin-left:5px;padding-left:18px}.kit-tree-leaf{overflow-wrap:anywhere;align-items:baseline;gap:8px;min-height:24px;padding-left:14px;display:flex}.kit-tree-key{color:var(--ink);font-weight:700}.kit-tree-key:after{content:":";color:var(--muted)}.kit-tree-string{color:#a8590f}.kit-tree-number{color:#2160b8}.kit-tree-boolean{color:#7a3fd0}.kit-tree-null{color:var(--muted);font-style:italic}[data-theme=dark] .kit-tree-string{color:#f2c27b}[data-theme=dark] .kit-tree-number{color:#86c3ff}[data-theme=dark] .kit-tree-boolean{color:#c49cf5}.kit-regex-view,.kit-error-detail{border:1px solid var(--line);background:var(--card);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-height:50vh;margin:0;padding:14px;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.kit-regex-view mark{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kit-regex-view mark{background:color-mix(in srgb,var(--accent) 30%,transparent)}}.kit-regex-view mark{color:inherit;box-shadow:0 0 0 1px var(--accent);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.kit-regex-view mark{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}}.kit-empty-match{opacity:.6}.kit-type-scale{flex-direction:column;gap:14px;display:flex;overflow:hidden}.kit-type-row small{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.kit-totp{letter-spacing:.08em}.kit-wide-range{width:100%;accent-color:var(--accent);min-height:44px}.kit-actions{flex-direction:column;gap:6px;display:flex}.kit-items h3{margin:0;font-size:15px}.kit-item-list{flex-direction:column;gap:10px;margin:8px 0 12px;display:flex}.kit-item-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,3fr) minmax(60px,1fr) minmax(80px,1.3fr) minmax(64px,1fr) auto;align-items:end;gap:8px;padding-bottom:10px;display:grid}.kit-item-row:not(:has(.kit-item-tax)){grid-template-columns:minmax(0,3fr) minmax(60px,1fr) minmax(80px,1.3fr) auto}.kit-item-field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:650;display:flex}.kit-item-remove{min-width:44px;min-height:44px;font-size:18px}.kit-doc-preview{overflow-x:auto}.kit-invoice{color:#1d2b30;background:#fff;border-radius:6px;min-width:520px;padding:clamp(18px,4vw,40px);font-size:13px;line-height:1.45;box-shadow:0 10px 30px #0000001f}.kit-invoice h2,.kit-invoice h3{color:#1d2b30;margin:0}.kit-invoice h2{color:#14858c;letter-spacing:.04em;text-transform:uppercase;font-size:26px}.kit-invoice p{margin:2px 0}.kit-inv-head{justify-content:space-between;gap:20px;margin-bottom:22px;display:flex}.kit-inv-meta{text-align:right}.kit-inv-logo{max-width:140px;max-height:56px;margin-bottom:6px;display:block}.kit-inv-to{margin-bottom:16px}.kit-invoice small{text-transform:uppercase;letter-spacing:.06em;color:#6b7f84;font-size:11px}.kit-inv-items{border-collapse:collapse;width:100%;margin:8px 0 12px}.kit-inv-items th{text-align:right;color:#5b6f74;background:#eff4f3;padding:8px;font-size:12px}.kit-inv-items th:first-child,.kit-inv-items td:first-child{text-align:left}.kit-inv-items td{text-align:right;overflow-wrap:anywhere;border-bottom:1px solid #e3e8e7;padding:8px}.kit-inv-totals{border-collapse:collapse;min-width:240px;margin-left:auto}.kit-inv-totals td{text-align:right;padding:4px 8px}.kit-inv-totals td:first-child{color:#5b6f74;text-align:left}.kit-inv-grand td{border-top:2px solid #1d2b30;padding-top:8px;font-size:16px;font-weight:800;color:#1d2b30!important}.kit-inv-words{color:#5b6f74;font-style:italic;margin-top:10px!important}.kit-inv-note{margin-top:16px}.kit-rec{flex-direction:column;gap:14px;display:flex}.kit-rec-frame{background:#111;border-radius:14px;place-items:center;min-height:200px;display:grid;overflow:hidden}.kit-rec-video{background:#111;border-radius:12px;width:100%;max-height:min(62vh,560px);display:block}.kit-mirror{transform:scaleX(-1)}.kit-rec-audio{width:100%}.kit-rec-status{gap:12px}.kit-rec-time{margin:0}.kit-rec-dot{background:var(--line);border-radius:50%;width:14px;height:14px}.kit-rec.recording .kit-rec-dot{background:#e0453a;animation:1.2s ease-in-out infinite kit-pulse}@keyframes kit-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.kit-rec.recording .kit-rec-dot{animation:none}}.kit-rec-result{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.kit-rec-result h3{margin:0;font-size:16px}.kit-level span{transition:width 60ms linear}.kit-metronome{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.kit-beats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.kit-beats span{background:var(--surface);border:2px solid var(--line);border-radius:50%;width:22px;height:22px;transition:background 50ms}.kit-beats span:first-child{width:28px;height:28px}.kit-beats span.on{background:var(--accent);border-color:var(--accent)}.kit-pdf-viewer{background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:10px;display:flex}.kit-pdf-viewer:fullscreen{border-radius:0;overflow:auto}.kit-pdf-bar{z-index:2;background:var(--surface);padding:4px;position:sticky;top:0}.kit-pdf-pages{flex-direction:column;align-items:center;gap:12px;max-height:80vh;padding:4px 12px 12px;display:flex;overflow:auto}.kit-pdf-viewer:fullscreen .kit-pdf-pages{max-height:none}.kit-pdf-page{background:#fff;flex:none;position:relative;box-shadow:0 2px 10px #00000026}.kit-pdf-num{color:#a7b5b2;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kit-pdf-page canvas{display:block;position:relative}.kit-wave{background:var(--surface);width:100%;height:auto}@media (width<=640px){.kit-item-row,.kit-item-row:not(:has(.kit-item-tax)){grid-template-columns:repeat(3,minmax(0,1fr)) auto}.kit-item-desc{grid-column:1/-1}.kit-inv-head{flex-direction:column}.kit-inv-meta{text-align:left}}.explore-grid{margin:16px 0 0;padding:0;list-style:none}.explore-grid>li{min-width:0;display:flex}.explore-grid .explore-card{flex:1;min-height:44px}.explore-card .explore-count{color:var(--accent);letter-spacing:.01em;font-size:12px;font-weight:700}@media (width<=900px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.explore-grid{grid-template-columns:1fr}}.tool-search .search-clear{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.tool-search .search-clear:hover{color:var(--ink);background:var(--surface)}.tool-search .search-clear:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.tool-search .search-clear[hidden]{display:none}.tool-search:has(.search-clear:not([hidden])) input{padding-right:52px}.tool-search:has(.search-clear) input::-webkit-search-cancel-button{appearance:none}.desktop-nav a{align-items:center;min-height:44px;display:inline-flex}.footer-grid nav{gap:2px}.footer-grid nav a{align-items:center;min-height:32px;display:inline-flex}.footer-grid>div:first-child>a:first-child{align-items:center;min-height:44px;display:inline-flex}.breadcrumb a{align-items:center;min-height:32px;display:inline-flex}.privacy-link a{align-items:center;min-height:44px;display:inline-flex}@media (width<=1023px){.footer-grid nav a{min-height:44px}}.recent-home{padding-top:20px}.recent-home h2{margin:0 0 12px;font-size:15px;font-weight:700}@media (width<=520px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.explore-card{gap:4px;padding:12px 14px}.explore-card strong{overflow-wrap:anywhere;font-size:14px}.explore-card>span:last-child:not(.explore-count){display:none}}@media (width<=340px){.explore-grid{grid-template-columns:1fr}}.file-input{border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important}.toggle-row{min-height:32px}@media (width<=767px){.toggle-row{min-height:44px}}.breadcrumb a{justify-content:center;min-width:24px}.kit-invoice small{color:#53666b}.kit-doc-preview:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=900px) and (orientation:portrait){.lab-app .lab-sidebar :is(button,input,select,textarea,summary,a,label){scroll-margin-top:calc(38vh + 48px);scroll-margin-bottom:96px}}.eyebrow,.soon-badge,.page-hero .pill,.kit-invoice small,.home-guide .eyebrow{font-size:12px!important}.consent-banner{z-index:60;border:1px solid var(--line);background:var(--card);max-width:760px;color:var(--ink);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:0 auto;padding:16px 18px;font-size:14px;line-height:1.5;display:flex;position:fixed;inset:auto 16px 16px;box-shadow:0 12px 40px #00000029}.consent-banner[hidden]{display:none}.consent-text{flex:320px}.consent-text p{margin:0}.consent-text p+p{color:var(--muted);margin-top:4px}.consent-text a{color:var(--accent);text-decoration:underline}.consent-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=600px){.consent-banner{border-radius:14px;gap:10px;padding:12px 14px;font-size:13px;line-height:1.42;inset:auto 8px 8px}.consent-text{flex-basis:100%}.consent-text p+p{margin-top:2px}.consent-actions{flex-wrap:nowrap;width:100%}.consent-actions .button{flex:1 1 0;justify-content:center;min-height:40px}}.operator-details{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;display:grid}.operator-details dt{font-weight:700}.operator-details dd{margin:0}[data-lite] .kitty,[data-lite] .kitty *,[data-lite] .loki-tail{animation:none!important}[data-lite] .search-dialog::backdrop{backdrop-filter:none}.tool-group{content-visibility:auto;contain-intrinsic-size:auto calc(30px + var(--r4,4) * 195px)}@media (width<=1100px){.tool-group{contain-intrinsic-size:auto calc(30px + var(--r3,5) * 190px)}}@media (width<=767px){.tool-group{contain-intrinsic-size:auto calc(30px + var(--r2,7) * 165px)}}@media (width<=520px){.tool-group{contain-intrinsic-size:auto calc(30px + var(--r1,14) * 110px)}}.contact-x{border:1px solid var(--line);background:var(--surface);max-width:760px;transition:border-color var(--normal);border-radius:20px;align-items:center;gap:16px;margin:16px auto 0;padding:20px 24px;display:flex}.contact-x:hover,.contact-x:focus-visible{border-color:var(--accent)}.contact-x-logo{box-sizing:border-box;background:var(--ink);width:44px;height:44px;fill:var(--canvas);border-radius:12px;flex:none;padding:11px}.contact-x-text{flex:1;gap:4px;min-width:0;display:grid}.contact-x-text strong{font-size:20px}.contact-x-text span{color:var(--muted);font-size:14px}.contact-x-handle{color:var(--accent);flex:none;font-weight:700}@media (width<=600px){.contact-x{flex-wrap:wrap;padding:20px}.contact-x-handle{flex-basis:100%;padding-left:60px}}.file-drop{margin-top:8px;margin-bottom:8px}.file-drop-zone{border:1.5px dashed var(--accent);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:22px 24px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.file-drop-zone{border:1.5px dashed color-mix(in srgb,var(--accent) 40%,transparent)}}.file-drop-zone{background:var(--brand-tint);transition:border-color .2s ease,box-shadow .35s var(--ease-out);border-radius:22px}.file-drop-zone:hover,.file-drop.dragging .file-drop-zone{border-color:var(--accent);box-shadow:0 14px 34px -24px #0f6b708c}.file-drop-text{flex:320px;min-width:0}.file-drop-text h2{margin:0;font-size:clamp(18px,2.2vw,21px);line-height:1.3}.file-drop-text p{color:var(--muted);margin:4px 0 0;font-size:14.5px;line-height:1.5}.file-drop-text .file-drop-eyebrow{margin:0 0 6px}.file-drop-text .file-drop-private{color:var(--accent);font-size:13px;font-weight:650}.file-drop-pill{background:var(--card);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:3px 11px 3px 9px;font-size:11.5px;font-weight:800;display:inline-flex;position:relative}.file-drop-pill:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.file-drop-pill:after{content:"";background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;animation:2.4s ease-out infinite file-drop-ping;position:absolute;top:50%;left:9px}@media (hover:none),(pointer:coarse){.file-drop-how-drag,.file-drop-eyebrow,.file-drop-demo-hand{display:none}}@media (hover:hover) and (pointer:fine){.file-drop-how-tap{display:none}}.file-drop-zone .file-drop-pick{white-space:nowrap;flex:none;width:auto;margin-left:auto}.file-drop-demo{background:var(--card);width:92px;height:92px;box-shadow:inset 0 0 0 1px var(--accent);border-radius:50%;flex:none;position:relative}@supports (color:color-mix(in lab, red, red)){.file-drop-demo{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}}.file-drop-demo-orbit{border:1.5px dashed var(--accent);position:absolute;inset:13px}@supports (color:color-mix(in lab, red, red)){.file-drop-demo-orbit{border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent)}}.file-drop-demo-orbit{border-radius:50%;animation:30s linear infinite file-drop-orbit}.file-drop-demo-dot{--k:0;background:var(--accent);width:14px;height:14px;transform:rotate(calc(var(--k) * 60deg)) translateY(-33px);animation:file-drop-demo-dot 4.8s var(--spring) calc(var(--k) * 70ms) 3 backwards;border-radius:50%;margin:-7px;position:absolute;top:50%;left:50%}.file-drop-demo-dot:nth-of-type(3){--k:1}.file-drop-demo-dot:nth-of-type(4){--k:2}.file-drop-demo-dot:nth-of-type(5){--k:3}.file-drop-demo-dot:nth-of-type(6){--k:4}.file-drop-demo-dot:nth-of-type(7){--k:5}.file-drop-demo-dot:nth-of-type(2){animation:file-drop-demo-dot 4.8s var(--spring) 3 backwards,file-drop-demo-pick 4.8s ease 3}.file-drop-demo svg{fill:var(--card);stroke:var(--accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;position:absolute}.file-drop-demo-file{width:30px;height:30px;animation:file-drop-demo-file 4.8s var(--ease-out) 3;margin:-15px;top:50%;left:50%}.file-drop-demo svg.file-drop-demo-hand{width:24px;height:24px;stroke:var(--ink);animation:file-drop-demo-file 4.8s var(--ease-out) 3;margin:2px 0 0 4px;top:50%;left:50%}@keyframes file-drop-demo-dot{0%,24%{scale:0}36%,86%{scale:1}96%,to{scale:0}}@keyframes file-drop-demo-pick{0%,52%,84%,to{background:var(--accent);box-shadow:0 0 #0000}58%,80%{background:var(--ink);box-shadow:0 0 0 4px var(--brand-mark)}}@keyframes file-drop-demo-file{0%{opacity:0;translate:34px -30px;rotate:16deg;scale:.9}14%{opacity:1}26%,50%{translate:0;rotate:0deg;scale:1}64%,82%{opacity:1;translate:0 -22px;scale:.62}94%,to{opacity:0;translate:0 -22px;scale:.4}}@keyframes file-drop-ping{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:3}}@media (width<=640px){.file-drop-zone{gap:14px 16px;padding:18px}.file-drop-demo{width:72px;height:72px}.file-drop-demo-orbit{inset:10px}.file-drop-demo-dot{width:11px;height:11px;transform:rotate(calc(var(--k) * 60deg)) translateY(-26px);margin:-5.5px}.file-drop-demo-file{width:24px;height:24px;margin:-12px}.file-drop-text{flex-basis:200px}.file-drop-zone .file-drop-pick{justify-content:center;width:100%;margin-left:0}}.file-drop-results{border:1px solid var(--line);background:var(--card);border-radius:22px;outline:none;margin-top:16px;padding:20px;box-shadow:0 1px 2px #14262a0f}.file-drop-results[hidden]{display:none}.file-drop-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.file-drop-badge{box-sizing:border-box;background:var(--brand-tint);min-width:46px;height:46px;color:var(--accent);letter-spacing:.05em;border-radius:13px;flex:none;place-items:center;padding:0 8px;font-size:12.5px;font-weight:800;display:grid}.file-drop-summary{flex-direction:column;flex:200px;min-width:0;margin:0;display:flex}.file-drop-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-drop-summary span{color:var(--muted);font-size:13px}.file-drop-group{margin-top:18px}.file-drop-group[hidden]{display:none}.file-drop-group h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px;font-size:12.5px}.file-drop-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.file-drop-list li[hidden]{display:none}.file-drop-option{box-sizing:border-box;border:1px solid var(--line);background:var(--canvas);height:100%;min-height:70px;color:var(--ink);transition:border-color .18s ease,translate .35s var(--spring),box-shadow .3s var(--ease-out);border-radius:16px;align-items:center;gap:12px;padding:12px 40px 12px 12px;text-decoration:none;display:flex;position:relative}.file-drop-option .ti{flex:none}.file-drop-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.file-drop-option strong{font-size:14.5px;line-height:1.3}.file-drop-option small{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.file-drop-go{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .18s ease,translate .35s var(--spring);margin-top:-9px;position:absolute;top:50%;right:14px;translate:-6px}.file-drop-option:hover,.file-drop-option:focus-visible{border-color:var(--accent);translate:0 -2px;box-shadow:0 12px 26px -18px #14262a80}.file-drop-option:hover .file-drop-go,.file-drop-option:focus-visible .file-drop-go{opacity:1;translate:none}@media (hover:none){.file-drop-go{opacity:.55;translate:none}}.file-drop-option[aria-busy=true]{opacity:.6;pointer-events:none}.file-drop-foot{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:14px;display:flex}.file-drop-foot:not(:has(>:not([hidden]))){display:none}.file-drop-cat{color:var(--accent);font-weight:700}.file-drop-cat[hidden]{display:none}.file-drop-none{margin:14px 0 0}.file-drop-none a{color:var(--accent);text-decoration:underline}.file-drop-results.fresh{animation:file-drop-panel-in .45s var(--ease-out)}.file-drop-results.fresh .file-drop-list li{animation:file-drop-card-in .5s var(--spring) calc(min(var(--i,0), 12) * 35ms) backwards}@keyframes file-drop-panel-in{0%{opacity:0;translate:0 10px}}@keyframes file-drop-card-in{0%{opacity:0;translate:0 10px;scale:.95}}:root.file-drop-open{overflow:hidden}.file-drop-overlay{z-index:70;backdrop-filter:blur(3px);pointer-events:none;opacity:0;visibility:hidden;overscroll-behavior:contain;background:#0a1616d1;grid-auto-flow:row;align-content:center;place-items:center;gap:18px;padding:12px 6px;transition:opacity .22s,visibility 0s linear .22s,background-color .4s;display:grid;position:fixed;inset:0}.file-drop.dragging .file-drop-overlay,.file-drop.picking .file-drop-overlay{opacity:1;visibility:visible;transition:opacity .2s,visibility,background-color .4s}.file-drop.picking .file-drop-overlay{pointer-events:auto}.file-drop .for-pick,.file-drop-close,.file-drop-all,.file-drop.picking .for-drag{display:none}.file-drop.picking .for-pick{display:block}.file-drop.picking .file-drop-close{display:grid}.file-drop.picking .file-drop-all{display:inline-flex}.file-drop-close{top:max(12px,env(safe-area-inset-top));background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:scale .3s var(--spring);border:0;border-radius:50%;place-items:center;padding:0;position:absolute;right:12px;box-shadow:0 10px 28px -12px #00000080}.file-drop-close:hover{scale:1.08}.file-drop-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.file-drop .file-drop-all{background:var(--card);color:var(--ink);animation:file-drop-fade-up .4s var(--ease-out) .25s backwards;border-color:#0000;box-shadow:0 10px 28px -12px #00000080}.file-drop-ring{--r:clamp(118px,22vmin,190px);--spot:clamp(92px,13vmin,108px);width:calc(var(--r) * 2 + var(--spot));height:calc(var(--r) * 2 + var(--spot));place-items:center;display:grid;position:relative}.file-drop-ring:before{content:"";width:calc(var(--r) * 2);height:calc(var(--r) * 2);box-sizing:border-box;opacity:0;transition:opacity .3s ease,scale .5s var(--ease-out);border:2px dashed #ffffff59;border-radius:50%;animation:60s linear infinite paused file-drop-orbit;position:absolute;scale:.6}.file-drop.has-ring .file-drop-ring:before{opacity:1;scale:1}.file-drop:is(.dragging,.picking) .file-drop-ring:before{animation-play-state:running}.file-drop-hub{z-index:1;pointer-events:none;place-items:center;display:grid;position:relative}.file-drop.has-ring .file-drop-hub-pick{pointer-events:auto}.file-drop-hub>*{grid-area:1/1}.file-drop-hub>p{background:var(--card);color:var(--ink);text-align:center;transition:opacity .16s ease,scale .3s var(--ease-out);border:2px dashed #fff;border-radius:20px;margin:0;padding:22px 28px;font-size:20px;font-weight:700}.file-drop.has-ring .file-drop-hub>p{opacity:0;scale:.92}.file-drop-hub-pick{width:calc(var(--r) * 1.05);aspect-ratio:1;box-sizing:border-box;background:var(--card);color:var(--ink);text-align:center;opacity:0;transition:opacity .2s ease,scale .45s var(--spring);border-radius:50%;align-content:center;place-items:center;gap:7px;padding:18px;display:grid;scale:.8;box-shadow:0 18px 40px -16px #00000080}.file-drop.has-ring .file-drop-hub-pick{opacity:1;scale:1}.file-drop-hub-pick>*{opacity:0;transition:opacity .25s ease,translate .4s var(--ease-out);translate:0 6px}.file-drop.has-ring .file-drop-hub-pick>*{opacity:1;transition-delay:50ms;translate:none}.file-drop-hub-pick strong{font-size:17px;line-height:1.3}.file-drop-hub-pick>span:not(.file-drop-kind){color:var(--muted);font-size:13px;line-height:1.4}.file-drop-hub-file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.file-drop-kind{background:var(--brand-tint,var(--surface));color:var(--accent);letter-spacing:.06em;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}.file-drop-kind:empty{display:none}.file-drop-spots{position:absolute;inset:0}.file-drop-spot{--x:calc(var(--cx) * var(--r));--y:calc(var(--cy) * var(--r));width:var(--spot);height:var(--spot);margin:calc(var(--spot) / -2) 0 0 calc(var(--spot) / -2);box-sizing:border-box;background:var(--card);color:var(--ink);font:inherit;text-align:center;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;translate:var(--x) var(--y);transition:scale .32s var(--spring),opacity .2s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .25s var(--ease-out);animation:file-drop-spot-in .55s var(--spring) calc(var(--i,0) * 45ms + 40ms) backwards;border:2px solid #0000;border-radius:50%;align-content:center;place-items:center;gap:5px;padding:8px;font-size:12.5px;font-weight:700;line-height:1.2;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 10px 28px -12px #00000080}.file-drop-spot>*{pointer-events:none;animation:file-drop-fade-up .35s var(--ease-out) calc(var(--i,0) * 45ms + .2s) backwards;transition:opacity .15s}.file-drop-spot>span:not(.ti){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.file-drop-spot>small{color:var(--muted);font-size:11px;font-weight:600}.file-drop-spot .ti{border-radius:10px;width:36px;height:36px}.file-drop-spot .ti svg{width:20px;height:20px}.file-drop-spot.more{background:var(--brand-tint);border:2px dashed var(--accent)}@supports (color:color-mix(in lab, red, red)){.file-drop-spot.more{border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent)}}.file-drop-more-icon{background:var(--card);place-items:center;display:grid}.file-drop-more-icon svg{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.file-drop-spot.active,.file-drop-spot:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 6px var(--brand-mark,var(--accent)),0 16px 32px -12px #000000b3;outline:none;scale:1.12}@supports (color:color-mix(in lab, red, red)){.file-drop-spot.active,.file-drop-spot:focus-visible{box-shadow:0 0 0 6px color-mix(in srgb,var(--brand-mark,var(--accent)) 45%,transparent),0 16px 32px -12px #000000b3}}.file-drop-spot:is(.active,:focus-visible)>small{color:inherit;opacity:.85}.file-drop-spot:is(.active,:focus-visible) .ti{--ti:#fff;background:#ffffff29;border-color:#0000}.file-drop-spot:is(.active,:focus-visible) .file-drop-more-icon svg{stroke:#fff}.file-drop-spot:active{scale:.96}.file-drop-hint{color:#cdd8cb;opacity:0;transition:opacity .18s ease .14s,translate .3s var(--ease-out) .14s,scale .3s var(--ease-out) .14s;background:#14262a;border-radius:999px;align-items:baseline;gap:6px;margin:0;padding:10px 20px;font-size:14px;display:flex;translate:0 8px;scale:.96;box-shadow:0 10px 28px -12px #00000080}.file-drop-hint.show{opacity:1;transition-delay:0s;translate:none;scale:1}.file-drop-hint strong{color:#fff;display:inline-block}.file-drop.picking .file-drop-hint:not(.show){display:none}.file-drop.launching .file-drop-overlay{background:var(--canvas);backdrop-filter:none}.file-drop.launching :is(.file-drop-hub,.file-drop-hint,.file-drop-close,.file-drop-all,.file-drop-spot:not(.launch)),.file-drop.launching .file-drop-ring:before{opacity:0;transition:opacity .2s ease,scale .3s var(--ease-out);scale:.9}.file-drop-spot.launch{z-index:2;scale:var(--cover,12);background:var(--canvas);box-shadow:none;border-color:#0000;transition:scale .5s cubic-bezier(.65,0,.25,1),background-color .25s,border-color .2s,box-shadow .2s}.file-drop-spot.launch>*{opacity:0}@keyframes file-drop-spot-in{0%{opacity:0;transform:translate(calc(var(--x) * -.75),calc(var(--y) * -.75)) scale(.35)}}@keyframes file-drop-fade-up{0%{opacity:0;translate:0 5px}}@keyframes file-drop-orbit{to{rotate:360deg}}:root[data-theme=dark] :is(.file-drop-spot.active,.file-drop-spot:focus-visible){color:#0a1616}:root[data-theme=dark] :is(.file-drop-spot.active,.file-drop-spot:focus-visible) .ti{--ti:#0a1616;background:#0000001a}:root[data-theme=dark] :is(.file-drop-spot.active,.file-drop-spot:focus-visible) .file-drop-more-icon svg{stroke:#0a1616}@media (width<=559px){.file-drop-hub-pick{gap:3px;padding:10px}.file-drop-hub-pick strong{font-size:13.5px}.file-drop-hub-pick>span.for-drag{display:none}.file-drop-hub>p{padding:18px 20px;font-size:17px}.file-drop-spot{gap:3px;padding:6px;font-size:11px}.file-drop-spot>span:not(.ti){-webkit-line-clamp:2;line-clamp:2}.file-drop-spot .ti{border-radius:8px;width:28px;height:28px}.file-drop-spot .ti svg{width:16px;height:16px}.file-drop-spot>small{font-size:10px}.file-drop-spot.active,.file-drop-spot:focus-visible{scale:1.06}.file-drop-hint{padding:8px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.file-drop-overlay,.file-drop-ring:before,.file-drop-hub>*,.file-drop-hub-pick>*,.file-drop-spot,.file-drop-spot>*,.file-drop-hint,.file-drop-all,.file-drop-results.fresh,.file-drop-results.fresh .file-drop-list li,.file-drop-demo *,.file-drop-pill:after{transition-property:opacity,visibility;transition-delay:0s;animation:none}.file-drop-spot.active,.file-drop-spot:focus-visible,.file-drop-spot.launch{scale:1}.file-drop-option:hover{translate:none}}[data-lite] :is(.file-drop-spot,.file-drop-spot>*,.file-drop-hint,.file-drop-all,.file-drop-results.fresh,.file-drop-results.fresh .file-drop-list li,.file-drop-demo *),[data-lite] .file-drop-ring:before,[data-lite] .file-drop-pill:after{box-shadow:none;animation:none}[data-lite] .file-drop-overlay{backdrop-filter:none;background:#0a1616e6}:root[data-arrive]::view-transition-old(root){animation:none}:root[data-arrive]::view-transition-new(root){animation:.36s both file-drop-arrive-fade}:root[data-arrive] main{animation:.55s cubic-bezier(.22,1,.36,1) 40ms both file-drop-arrive}@keyframes file-drop-arrive-fade{0%{opacity:0}}@keyframes file-drop-arrive{0%{opacity:0;translate:0 16px}}@media (prefers-reduced-motion:reduce){:root[data-arrive] main{animation:none}}[data-lite][data-arrive] main{animation:none}:root:not([data-theme=dark]){--canvas:#eef2ea;--card:#fbfcf8;--surface:#e2eadf;--line:#cdd8cb;--ink:#14262a;--accent:#0f6b70;--brand-tint:#d9f1e7;--brand-mark:#bfe8d8}:root[data-theme=dark]{--brand-tint:#1d3b3c;--brand-mark:#235a56}.headline-accent{background:linear-gradient(transparent 68%, var(--brand-mark) 68%, var(--brand-mark) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em}.section-row h2:before,.tools-hub-head h2:before,.why-section>h2:before,.explore-section>h2:before{content:"";background:var(--accent);border-radius:4px;width:32px;height:4px;margin-bottom:10px;display:block}.tool-card,.explore-card,.why-grid li{box-shadow:0 1px 2px #14262a0f}:root[data-theme=dark] :is(.tool-card,.explore-card,.why-grid li){box-shadow:none}.tool-card-featured{background:var(--card)}a.tool-card:hover,a.explore-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.tool-card:hover,a.explore-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}a.tool-card:hover,a.explore-card:hover{box-shadow:0 12px 28px -18px #14262a73}.tool-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.tool-search input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}}.site-header{background:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--canvas) 90%, transparent)}}.section-row .text-link{color:var(--accent)}@keyframes ks-rise{0%{opacity:0;translate:0 14px}}@keyframes ks-pop{0%{opacity:0;scale:.82}}@keyframes ks-settle{0%{opacity:0;translate:0 10px;scale:.985}}@keyframes ks-lift{0%{translate:0 14px}}@keyframes ks-lift-settle{0%{translate:0 10px;scale:.985}}@media (prefers-reduced-motion:no-preference){:root:not([data-lite]) :is(.hero-compact,.page-hero)>*{animation:ks-lift .6s var(--ease-out) backwards}:root:not([data-lite]) :is(.hero-compact,.page-hero)>:nth-child(2){animation-delay:60ms}:root:not([data-lite]) :is(.hero-compact,.page-hero)>:nth-child(3){animation-delay:.12s}:root:not([data-lite]) :is(.hero-compact,.page-hero)>:nth-child(4){animation-delay:.18s}:root:not([data-lite]) :is(.hero-compact,.page-hero)>:nth-child(n+5){animation-delay:.24s}:root:not([data-lite]) .hero-mascot{animation-name:ks-pop;animation-timing-function:var(--spring)}:root:not([data-lite]) .file-drop-zone{animation:ks-lift .6s var(--ease-out) .26s backwards}:root:not([data-lite]) .file-drop-demo{animation:ks-pop .7s var(--spring) .45s backwards}:root:not([data-lite]):not([data-arrive]) .tool-app{animation:ks-lift-settle .55s var(--ease-out) 80ms backwards}:root:not([data-lite]) [data-reveal]:not(.in){opacity:0;translate:0 18px;scale:.98}:root:not([data-lite]) [data-reveal].in{transition:opacity .45s ease calc(var(--ri,0) * 55ms),translate .65s var(--spring) calc(var(--ri,0) * 55ms),scale .65s var(--spring) calc(var(--ri,0) * 55ms)}:root:not([data-lite]) :is(.app-result,.kit-result,.lab-result-extra,.media-result-preview,.processing-panel):not([hidden]){animation:ks-settle .5s var(--ease-out) backwards}:root:not([data-lite]) .app-result:not([hidden]) .result-main>*{animation:ks-rise .5s var(--ease-out) backwards}:root:not([data-lite]) .app-result:not([hidden]) .result-main>:nth-child(2){animation-delay:60ms}:root:not([data-lite]) .app-result:not([hidden]) .result-main>:nth-child(3){animation:ks-pop .6s var(--spring) .12s backwards}:root:not([data-lite]) .app-result:not([hidden]) .result-main>:nth-child(n+4){animation-delay:.18s}:root:not([data-lite]) .result-files>*{animation:ks-settle .45s var(--ease-out) backwards}:root:not([data-lite]) :is(.button,a.tool-card,.explore-card,.rec-card,.how-card){transition:transform .35s var(--spring),translate .35s var(--spring),background-color var(--normal),border-color var(--normal),box-shadow .3s var(--ease-out),color var(--normal)}}@media print{[data-reveal]{opacity:1!important;translate:none!important;scale:none!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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.language-selector[data-astro-cid-fe4j42sm]{flex-shrink:0;position:relative}summary[data-astro-cid-fe4j42sm]{cursor:pointer;justify-content:center;gap:.4rem;width:44px;min-height:44px;padding:8px;list-style:none}.language-name[data-astro-cid-fe4j42sm],summary[data-astro-cid-fe4j42sm]>span[data-astro-cid-fe4j42sm]:last-child{display:none}summary[data-astro-cid-fe4j42sm]::-webkit-details-marker{display:none}.language-panel[data-astro-cid-fe4j42sm]{z-index:50;background:var(--card);width:15rem;max-width:calc(100vw - 32px);max-height:min(70vh,30rem);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 30px #0002}.language-panel[data-astro-cid-fe4j42sm] a[data-astro-cid-fe4j42sm],.language-panel[data-astro-cid-fe4j42sm] button[data-astro-cid-fe4j42sm]{overflow-wrap:anywhere;width:100%;min-height:44px;color:inherit;text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}a[data-astro-cid-fe4j42sm][aria-current],button[data-astro-cid-fe4j42sm][aria-pressed=true],.language-panel[data-astro-cid-fe4j42sm] [data-astro-cid-fe4j42sm]:is(a,button):hover{background:var(--surface)}a[data-astro-cid-fe4j42sm]:focus-visible,button[data-astro-cid-fe4j42sm]:focus-visible,summary[data-astro-cid-fe4j42sm]:focus-visible{outline-offset:2px;outline:2px solid}@media (width>=1600px){summary[data-astro-cid-fe4j42sm]{width:auto;max-width:14rem}.language-name[data-astro-cid-fe4j42sm]{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}}@media (width<=600px){.language-selector[data-astro-cid-fe4j42sm]{position:static}.language-panel[data-astro-cid-fe4j42sm]{right:0}}
