/*! tailwindcss v4.2.2 | 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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", monospace;--spacing:.25rem;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:"JetBrains Mono", monospace;--font-heading:"Urbanist", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--color-bg:#fefbf6;--color-surface:#fff;--color-ink:#0f0f1a;--color-ink-2:#2a2a3d;--color-ink-3:#5c5c72;--color-ink-4:#9494a8;--color-primary:#1b1464;--color-accent:#f36;--color-teal:#00d4aa;--color-teal-soft:#e6fbf5;--color-violet:#7c3aed;--color-violet-soft:#f3eeff;--color-amber:#f59e0b;--color-amber-soft:#fffbeb;--color-rose-soft:#fff1f4;--color-border:#e5e1da;--color-border-2:#d5d0c8;--radius-full:100px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--mobile-tab-height:56px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body), -apple-system, sans-serif;background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{max-width:1160px;margin:0 auto;padding:0 24px}.nav-wrap{z-index:100;padding:14px 24px;position:fixed;top:0;left:0;right:0}.nav-bar{-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--color-border);background:#fefbf6b8;border-radius:100px;justify-content:space-between;align-items:center;max-width:780px;margin:0 auto;padding:7px 7px 7px 22px;display:flex;box-shadow:0 2px 20px #0f0f1a0d}.nav-logo{font-family:var(--font-heading), sans-serif;letter-spacing:-.5px;color:var(--color-ink);font-size:1.2rem;font-weight:900;text-decoration:none}.nav-logo span{color:var(--color-accent)}.nav-mid{align-items:center;gap:4px;display:flex}.nav-mid a{color:var(--color-ink-3);border-radius:100px;padding:6px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-mid a:hover{color:var(--color-ink);background:#00000008}.nav-right{align-items:center;gap:6px;display:flex}.lang-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink-2);font-size:.72rem;font-weight:700;font-family:var(--font-heading), sans-serif;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.lang-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.lang-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:200;min-width:180px;max-width:calc(100vw - 32px);padding:6px;position:fixed;box-shadow:0 12px 36px #0f0f1a1a}.lang-dropdown-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--color-ink-2);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:background .15s;display:flex}.lang-dropdown-item:hover{background:var(--color-bg)}.lang-dropdown-item.active{background:var(--color-bg);color:var(--color-ink);font-weight:600}.lang-native{font-weight:500}.lang-name{color:var(--color-ink-4);font-size:.75rem}.nav-cta{background:var(--color-ink);color:var(--color-bg);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:4px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.nav-cta:hover{background:var(--color-ink-2);transform:scale(1.04)}.nav-cta-icon{vertical-align:middle;width:14px;height:14px;display:inline}.hero{align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1160px;margin:0 auto;display:grid}.hero-left{max-width:520px}.hero-tag{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 16px 5px 5px;font-size:.78rem;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #0000000a}.tag-dot{background:var(--color-teal-soft);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tag-dot svg{width:12px;height:12px;color:var(--color-teal)}.hero-title{font-family:var(--font-heading), sans-serif;letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;line-height:1.02}.hero-title .gradient,.cta-card h2 .gradient{background:linear-gradient(135deg, var(--color-accent), var(--color-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--color-ink-3);max-width:420px;margin-bottom:32px;font-size:1.08rem;line-height:1.65}.hero-btns{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn svg{width:16px;height:16px}.btn-fill{background:var(--color-ink);color:var(--color-bg)}.btn-fill:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #0f0f1a2e}.btn-ghost{color:var(--color-ink-2);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-ink-4);background:var(--color-surface)}.hero-proof{gap:28px;margin-top:40px;display:flex}.proof-item{align-items:center;gap:8px;display:flex}.proof-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.proof-icon svg{width:16px;height:16px}.proof-icon.pi-1{background:var(--color-teal-soft);color:var(--color-teal)}.proof-icon.pi-2{background:var(--color-violet-soft);color:var(--color-violet)}.proof-icon.pi-3{background:var(--color-amber-soft);color:var(--color-amber)}.proof-text{color:var(--color-ink-3);font-size:.8rem;font-weight:500;line-height:1.3}.browser-mock{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:rotate(1.2deg);box-shadow:0 20px 60px #0f0f1a14,0 1px 3px #0000000a}.browser-mock:hover{transform:rotate(0)scale(1.01)}.browser-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:8px;padding:14px 18px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{border-radius:50%;width:10px;height:10px;display:block}.browser-dots i:first-child{background:#ff605c}.browser-dots i:nth-child(2){background:#ffbd44}.browser-dots i:nth-child(3){background:#00ca4e}.browser-url{background:var(--color-surface);border:1px solid var(--color-border);font-size:.75rem;font-family:var(--font-mono), monospace;color:var(--color-ink-4);border-radius:8px;flex:1;padding:6px 14px}.browser-body{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:320px;padding:32px;display:flex}.mock-dropzone{border:2px dashed var(--color-border-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000002 10px 20px);width:100%;padding:40px;transition:all .25s}.mock-dropzone:hover{border-color:var(--color-accent);background:var(--color-rose-soft)}.mock-dropzone svg{width:36px;height:36px;color:var(--color-ink-4);margin-bottom:12px}.mock-dropzone p{color:var(--color-ink-3);font-size:.88rem;font-weight:500}.mock-dropzone span{color:var(--color-ink-4);font-size:.78rem}.mock-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mock-tool{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-2);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:.78rem;font-weight:600;transition:all .2s}.mock-tool:hover{border-color:var(--color-accent);color:var(--color-accent)}.mock-tool.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.tools-section{padding:100px 0}.tools-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}.section-tag{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:8px;font-size:.72rem;font-weight:500}.section-title{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.08}.section-desc{color:var(--color-ink-3);text-align:right;max-width:340px;font-size:.95rem;line-height:1.5}.bento{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:28px 24px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.bento-card:after{content:"";border-radius:var(--radius-lg);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.bento-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 16px 48px #0f0f1a14}.bento-card.span-2{grid-column:span 2}.bento-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.bento-icon svg{width:20px;height:20px}.bento-icon.bi-rose{background:var(--color-rose-soft);color:var(--color-accent)}.bento-icon.bi-teal{background:var(--color-teal-soft);color:var(--color-teal)}.bento-icon.bi-violet{background:var(--color-violet-soft);color:var(--color-violet)}.bento-icon.bi-amber{background:var(--color-amber-soft);color:var(--color-amber)}.bento-link{color:inherit;text-decoration:none;display:block}.bento-card h3{font-family:var(--font-heading), sans-serif;letter-spacing:-.3px;margin-bottom:4px;font-size:1rem;font-weight:700}.bento-card p{color:var(--color-ink-4);font-size:.82rem;line-height:1.45}.bento-label{font-family:var(--font-mono), monospace;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-4);background:var(--color-bg);border-radius:var(--radius-xs);margin-top:12px;padding:3px 8px;font-size:.62rem;display:inline-block}.why-section{padding:60px 0 100px}.why-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.why-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px 36px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.why-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #0f0f1a0f}.why-card.full{grid-column:1/-1;align-items:center;gap:40px;display:flex}.why-num{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;margin-bottom:16px;font-size:3rem;font-weight:900;line-height:1}.why-num.c1{color:var(--color-accent)}.why-num.c2{color:var(--color-teal)}.why-num.c3{color:var(--color-violet)}.why-num.c4{color:var(--color-amber)}.why-card h3{font-family:var(--font-heading), sans-serif;letter-spacing:-.3px;margin-bottom:8px;font-size:1.15rem;font-weight:700}.why-card p{color:var(--color-ink-3);font-size:.9rem;line-height:1.55}.portals-section{background:var(--color-primary);border-radius:var(--radius-lg);margin:0 24px;padding:64px;position:relative;overflow:hidden}.portals-section:before{content:"";filter:blur(80px);background:#ff336614;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.portals-inner{grid-template-columns:1fr 1.3fr;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:grid}.portals-left .section-tag{color:#fff6}.portals-left .section-title{color:#fff}.portals-left p{color:#ffffff8c;margin-top:12px;font-size:.95rem;line-height:1.55}.portals-disclaimer{color:#ffffff4d;margin-top:12px;font-size:.78rem;font-style:italic}.portal-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.portal-item{border-radius:var(--radius-md);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;padding:18px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.portal-item:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.portal-item svg{color:#fff6;width:20px;height:20px;margin-bottom:10px}.portal-item h4{color:#fff;margin-bottom:6px;font-size:.9rem;font-weight:600}.portal-specs{color:#ffffffb3;font-size:.75rem;font-family:var(--font-mono), monospace;margin-bottom:4px;line-height:1.4;display:block}.portal-format{color:#ffffff4d;font-size:.68rem;font-family:var(--font-mono), monospace;letter-spacing:.3px;display:block}.lang-section{text-align:center;padding:100px 0 60px}.lang-title{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;margin-bottom:8px;font-size:1.6rem;font-weight:900}.lang-desc{color:var(--color-ink-3);margin-bottom:28px;font-size:.95rem}.lang-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lang-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;border-radius:100px;padding:10px 22px;font-size:.88rem;font-weight:500;transition:all .2s}.lang-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.lang-chip.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink);text-decoration:none}.lang-chip.disabled{opacity:.45;cursor:default}.lang-chip.disabled:hover{border-color:var(--color-border);color:var(--color-ink-3)}a.lang-chip{text-decoration:none}.platforms-section{padding:60px 0 100px}.platforms-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;display:grid}.platform-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:36px 28px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative}.platform-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 16px 48px #0f0f1a14}.platform-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 18px;display:flex}.platform-icon svg{width:24px;height:24px}.platform-icon.pl-web{background:var(--color-rose-soft);color:var(--color-accent)}.platform-icon.pl-android{background:var(--color-teal-soft);color:var(--color-teal)}.platform-icon.pl-ios{background:var(--color-violet-soft);color:var(--color-violet)}.platform-card h3{font-family:var(--font-heading), sans-serif;letter-spacing:-.3px;margin-bottom:6px;font-size:1.1rem;font-weight:700}.platform-card p{color:var(--color-ink-4);margin-bottom:18px;font-size:.84rem;line-height:1.45}.platform-badge{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.platform-badge svg{width:14px;height:14px}.platform-badge.live{background:var(--color-ink);color:var(--color-bg)}.platform-badge.live:hover{transform:scale(1.04);box-shadow:0 4px 16px #0f0f1a26}.platform-badge.soon{background:var(--color-bg);color:var(--color-ink-3);border:1px solid var(--color-border)}.platform-features{border-top:1px solid var(--color-border);text-align:left;margin-top:18px;padding-top:18px}.platform-feat{color:var(--color-ink-3);align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.platform-feat:last-child{margin-bottom:0}.platform-feat svg{width:14px;height:14px;color:var(--color-teal);flex-shrink:0}.cta-section{text-align:center;padding:80px 0 120px}.cta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:640px;margin:0 auto;padding:64px 48px;position:relative;box-shadow:0 20px 60px #0f0f1a0d}.cta-card h2{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.05}.cta-card p{color:var(--color-ink-3);margin-bottom:28px;font-size:1rem}footer{border-top:1px solid var(--color-border);padding:28px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{font-family:var(--font-heading), sans-serif;color:var(--color-ink);font-size:1rem;font-weight:900;text-decoration:none}.footer-logo span{color:var(--color-accent)}.footer-sep{background:var(--color-border);width:1px;height:14px}.footer-copy{color:var(--color-ink-4);font-size:.78rem}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:var(--color-ink-4);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-ink)}.footer-india{font-family:var(--font-mono), monospace;color:var(--color-ink-4);letter-spacing:1px;font-size:.68rem}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-left{max-width:100%}.hero-right{display:none}.hero{min-height:auto;padding:100px 24px 60px}.bento{grid-template-columns:repeat(2,1fr)}.bento-card.span-2{grid-column:span 2}.portals-inner{grid-template-columns:1fr;gap:32px}.portal-grid{grid-template-columns:repeat(2,1fr)}.portals-section{margin:0 16px;padding:48px 32px}.why-card.full{flex-direction:column;gap:16px}.platforms-grid{grid-template-columns:1fr}.lang-chips{max-width:500px;margin-left:auto;margin-right:auto}}@media (width<=640px){.nav-wrap{padding:8px 12px}.nav-mid{display:none}.nav-bar{padding:6px 6px 6px 16px}.nav-logo{font-size:1.1rem}.nav-cta{padding:8px 16px;font-size:.8rem}.hero{min-height:auto;padding:88px 16px 48px}.hero-tag{margin-bottom:20px;padding:4px 12px 4px 4px;font-size:.72rem}.hero-title{letter-spacing:-1px;margin-bottom:16px}.hero-sub{max-width:100%;margin-bottom:24px;font-size:.95rem}.hero-btns{flex-direction:column;width:100%}.btn{justify-content:center;width:100%;padding:14px 24px}.hero-proof{flex-direction:row;justify-content:flex-start;gap:16px;margin-top:32px}.proof-text{font-size:.72rem}.proof-icon{border-radius:6px;width:28px;height:28px}.proof-icon svg{width:14px;height:14px}.container{padding:0 16px}.tools-section{padding:64px 0}.tools-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:28px}.section-desc{text-align:left;max-width:100%}.section-title{font-size:clamp(1.6rem,6vw,2.2rem)}.bento{grid-template-columns:1fr;gap:8px}.bento-card.span-2{grid-column:span 1}.bento-card{border-radius:16px;padding:22px 20px}.bento-icon{width:36px;height:36px;margin-bottom:12px}.bento-icon svg{width:18px;height:18px}.bento-card h3{font-size:.95rem}.bento-card p{font-size:.8rem}.why-section{padding:40px 0 64px}.why-grid{grid-template-columns:1fr;gap:8px}.why-card{border-radius:16px;padding:28px 22px}.why-card.full{grid-column:1}.why-num{margin-bottom:10px;font-size:2.2rem}.why-card h3{font-size:1.05rem}.why-card p{font-size:.85rem}.portals-section{border-radius:16px;margin:0 8px;padding:36px 16px}.portals-left p{font-size:.88rem}.portal-grid{grid-template-columns:1fr;gap:6px}.portal-item{border-radius:12px;padding:14px}.portal-item svg{width:18px;height:18px;margin-bottom:8px}.portal-item h4{font-size:.85rem}.platforms-section{padding:64px 0 60px}.platforms-grid{grid-template-columns:1fr;gap:8px}.platform-card{border-radius:16px;padding:28px 22px}.platform-icon{width:44px;height:44px;margin-bottom:14px}.platform-icon svg{width:20px;height:20px}.platform-features{margin-top:14px;padding-top:14px}.lang-section{padding:48px 0}.lang-title{font-size:1.3rem}.lang-chips{gap:6px}.lang-chip{padding:8px 16px;font-size:.82rem}.cta-section{padding:48px 0 80px}.cta-card{border-radius:16px;padding:36px 20px}.cta-card h2{font-size:clamp(1.8rem,6vw,2.4rem)}.cta-card p{font-size:.92rem}.footer-row{text-align:center;flex-direction:column;gap:14px}.footer-brand{flex-direction:column;gap:6px}.footer-sep{display:none}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px}footer{padding:24px 16px}}@media (width<=380px){.hero{padding:80px 12px 40px}.hero-title{letter-spacing:-.5px;font-size:2rem}.hero-sub{font-size:.88rem}.hero-proof{flex-direction:column;gap:10px}.section-title{font-size:1.5rem}.bento-card{padding:18px 16px}.why-card{padding:22px 18px}.portals-section{padding:28px 12px}.portal-grid{gap:4px}.cta-card{padding:28px 16px}.platforms-grid{gap:6px}.platform-card{padding:22px 18px}.lang-chips{gap:4px}.lang-chip{padding:7px 12px;font-size:.78rem}.container{padding:0 12px}.tools-section{padding:48px 0}}.tool-page{min-height:100vh;padding:100px 0 80px}.tool-header{text-align:center;margin-bottom:40px}.tool-title{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.tool-desc{color:var(--color-ink-3);max-width:480px;margin:0 auto;font-size:1rem;line-height:1.55}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:720px;margin:0 auto;padding:40px 36px}.tool-options{flex-direction:column;gap:16px;margin:24px 0;display:flex}.tool-option-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-option-label{color:var(--color-ink-2);min-width:120px;font-size:.88rem;font-weight:600}.tool-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.dropzone{border:2px dashed var(--color-border-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000002 10px 20px);width:100%;padding:40px;transition:all .25s}.dropzone:hover,.dropzone-active{border-color:var(--color-accent);background:var(--color-rose-soft)}.dropzone-icon{width:36px;height:36px;color:var(--color-ink-4);margin:0 auto 12px;display:block}.dropzone-label{color:var(--color-ink-3);font-size:.88rem;font-weight:500}.dropzone-hint{color:var(--color-ink-4);margin-top:4px;font-size:.78rem;display:block}.dropzone-error{color:var(--color-accent);margin-top:12px;font-size:.82rem;font-weight:500}.progress-wrap{align-items:center;gap:12px;margin:24px 0;display:flex}.progress-bar{background:var(--color-border);border-radius:100px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:100px;height:100%;transition:width .3s}.progress-text{font-family:var(--font-mono), monospace;color:var(--color-ink-3);text-align:right;min-width:40px;font-size:.82rem;font-weight:500}.before-after{background:var(--color-bg);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;padding:20px 24px;display:flex}.ba-item{flex-direction:column;gap:2px;display:flex}.ba-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.ba-size{font-size:1.1rem;font-weight:700;font-family:var(--font-heading), sans-serif}.ba-result{color:var(--color-teal)}.ba-arrow{color:var(--color-ink-4);font-size:1.2rem}.ba-reduction{font-family:var(--font-mono), monospace;color:var(--color-teal);background:var(--color-teal-soft);border-radius:var(--radius-full);padding:4px 10px;font-size:.82rem;font-weight:600}.download-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.preset-selector{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preset-label{color:var(--color-ink-3);font-size:.82rem;font-weight:600}.preset-chips{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.preset-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.preset-chip.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.file-list{flex-direction:column;gap:6px;margin:16px 0;display:flex}.file-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:grab;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.file-item:active{cursor:grabbing}.file-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.file-item-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.75rem}.file-item-remove{color:var(--color-ink-4);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1}.file-item-remove:hover{color:var(--color-accent)}.slider-wrap{flex:1;align-items:center;gap:12px;display:flex}.slider-input{accent-color:var(--color-accent);flex:1;height:6px}.slider-value{font-family:var(--font-mono), monospace;color:var(--color-ink-3);text-align:right;min-width:50px;font-size:.82rem}.text-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.text-input:focus{border-color:var(--color-accent)}.text-input::placeholder{color:var(--color-ink-4)}.btn-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.btn-group-item{background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;border:none;border-right:1px solid var(--color-border);padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.btn-group-item:last-child{border-right:none}.btn-group-item:hover{background:var(--color-bg)}.btn-group-item.active{background:var(--color-ink);color:var(--color-bg)}.pj-workspace{flex-direction:column;gap:18px;display:flex}.pj-file-card{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;display:flex}.pj-file-icon{background:var(--color-rose-soft);width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pj-file-icon svg{width:22px;height:22px}.pj-file-info{flex:1;min-width:0}.pj-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.pj-file-meta{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:6px;margin-top:2px;font-size:.75rem;display:flex}.pj-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:600}.pj-change-btn:hover{text-decoration:underline}.pj-quality-section{flex-direction:column;gap:8px;display:flex}.pj-section-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.pj-quality-options{gap:8px;display:flex}.pj-quality-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:center;flex:1;padding:12px 10px;font-family:inherit;transition:all .15s}.pj-quality-btn:hover{border-color:var(--color-accent)}.pj-quality-btn.active{border-color:var(--color-accent);background:var(--color-rose-soft)}.pj-quality-name{margin-bottom:2px;font-size:.85rem;font-weight:700;display:block}.pj-quality-desc{color:var(--color-ink-4);font-size:.68rem;display:block}.pj-quality-btn.active .pj-quality-name{color:var(--color-accent)}.pj-process-btn{justify-content:center;gap:8px;width:100%}.pj-process-btn svg{width:18px;height:18px}.pj-processing{flex-direction:column;gap:8px;padding:20px 0;display:flex}.pj-progress-text{color:var(--color-ink-3);text-align:center;font-size:.82rem}.pj-result{flex-direction:column;align-items:center;gap:20px;display:flex}.pj-result-header{flex-direction:column;align-items:center;gap:8px;display:flex}.pj-result-icon{background:var(--color-teal-soft);width:48px;height:48px;color:var(--color-teal);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.pj-result-icon svg{width:24px;height:24px}.pj-result-title{font-family:var(--font-heading), sans-serif;font-size:1.2rem;font-weight:800}.pj-result-subtitle{color:var(--color-ink-3);margin-top:-4px;font-size:.82rem}.pj-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;display:grid}.pj-grid-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.pj-thumb-wrap{cursor:zoom-in;aspect-ratio:3/4;background:#f5f5f5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pj-thumb-img{object-fit:contain;width:100%;height:100%}.pj-zoom-hint{color:var(--color-ink-4);border-radius:var(--radius-full);opacity:0;background:#ffffffd9;padding:2px 8px;font-size:.65rem;transition:opacity .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pj-thumb-wrap:hover .pj-zoom-hint{opacity:1}.pj-thumb-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.pj-thumb-info{flex-direction:column;gap:1px;min-width:0;display:flex}.pj-thumb-label{font-size:.78rem;font-weight:600}.pj-thumb-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.68rem}.pj-thumb-download{color:var(--color-ink-3);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;flex-shrink:0;align-items:center;padding:6px;transition:all .15s;display:flex}.pj-thumb-download:hover{color:var(--color-teal);background:var(--color-teal-soft)}.pj-thumb-download svg{width:16px;height:16px}.pj-result-actions{justify-content:center;gap:10px;width:100%;display:flex}.pj-zoom-overlay{z-index:1000;cursor:zoom-out;background:#0f0f1ae0;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}.pj-zoom-img{object-fit:contain;border-radius:var(--radius-sm);max-width:90vw;max-height:80vh;box-shadow:0 8px 40px #0006}.pj-zoom-nav{align-items:center;gap:16px;margin-top:16px;display:flex}.pj-zoom-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ffffff26;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.pj-zoom-btn:hover{background:#ffffff40}.pj-zoom-label{color:#ffffffb3;font-size:.82rem;font-family:var(--font-mono), monospace}@media (width<=640px){.pj-quality-options{flex-direction:column}.pj-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pj-file-card{flex-wrap:wrap}.pj-result-actions{flex-direction:column}.pj-result-actions .btn{justify-content:center;width:100%}}.lp-mode-toggle{background:var(--color-bg);border-radius:var(--radius-full);border:1px solid var(--color-border);gap:0;margin-bottom:20px;padding:4px;display:flex}.lp-mode-btn{border-radius:var(--radius-full);color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.lp-mode-btn svg{width:16px;height:16px}.lp-mode-btn:hover:not(.active){color:var(--color-ink)}.lp-mode-btn.active{background:var(--color-ink);color:var(--color-bg);box-shadow:0 1px 3px #0000001f}.lp-workspace{flex-direction:column;gap:18px;display:flex}.lp-file-card{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;display:flex}.lp-file-icon{background:var(--color-rose-soft);width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-file-icon svg{width:22px;height:22px}.lp-file-icon-locked{background:var(--color-amber-soft);color:var(--color-amber)}.lp-file-info{flex:1;min-width:0}.lp-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.lp-file-meta{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:6px;margin-top:2px;font-size:.75rem;display:flex}.lp-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:600}.lp-change-btn:hover{text-decoration:underline}.lp-password-section{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px;display:flex}.lp-section-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.lp-input-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:0;transition:border-color .15s;display:flex;overflow:hidden}.lp-input-wrap:focus-within{border-color:var(--color-accent)}.lp-input{font-family:var(--font-mono), monospace;color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:.88rem}.lp-input.lp-input-error{color:var(--color-accent)}.lp-input.lp-input-ok{color:var(--color-teal)}.lp-toggle-btn{border:none;border-left:1px solid var(--color-border);color:var(--color-ink-3);cursor:pointer;background:0 0;flex-shrink:0;padding:10px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .15s}.lp-toggle-btn:hover{color:var(--color-accent)}.lp-match-icon{color:var(--color-teal);align-items:center;padding:0 12px;display:flex}.lp-match-icon svg{width:18px;height:18px}.lp-mismatch{color:var(--color-accent);font-size:.75rem;font-weight:500}.lp-strength{align-items:center;gap:10px;display:flex}.lp-strength-bar{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.lp-strength-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background .3s}.lp-str-weak{background:var(--color-accent)}.lp-str-fair{background:var(--color-amber)}.lp-str-good,.lp-str-strong{background:var(--color-teal)}.lp-strength-label{font-size:.72rem;font-weight:600;font-family:var(--font-mono), monospace;min-width:48px}.lp-strength-label.lp-str-weak{color:var(--color-accent)}.lp-strength-label.lp-str-fair{color:var(--color-amber)}.lp-strength-label.lp-str-good,.lp-strength-label.lp-str-strong{color:var(--color-teal)}.lp-error-row{flex-direction:column;gap:4px;display:flex}.lp-error-text{color:var(--color-accent);font-size:.78rem;font-weight:600}.lp-error-hint{color:var(--color-ink-4);font-size:.72rem}.lp-privacy-note{color:var(--color-ink-3);background:var(--color-teal-soft);border-radius:var(--radius-xs);align-items:center;gap:8px;padding:10px 14px;font-size:.78rem;display:flex}.lp-privacy-note svg{width:16px;height:16px;color:var(--color-teal);flex-shrink:0}.lp-process-btn{justify-content:center;gap:8px;width:100%}.lp-process-btn svg{width:18px;height:18px}.lp-processing{flex-direction:column;gap:8px;padding:20px 0;display:flex}.lp-progress-text{color:var(--color-ink-3);text-align:center;font-size:.82rem}.lp-result{flex-direction:column;align-items:center;gap:16px;display:flex}.lp-result-icon{background:var(--color-teal-soft);width:56px;height:56px;color:var(--color-teal);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.lp-result-icon svg{width:28px;height:28px}.lp-result-icon-unlock{background:var(--color-teal-soft);color:var(--color-teal)}.lp-result-title{font-family:var(--font-heading), sans-serif;font-size:1.3rem;font-weight:800}.lp-result-subtitle{color:var(--color-ink-3);margin-top:-8px;font-size:.88rem}.lp-size-compare{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.lp-size-item{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;max-width:200px;padding:14px 16px;display:flex}.lp-size-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.lp-size-label{font-size:.68rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.lp-size-value{font-family:var(--font-mono), monospace;font-size:1rem;font-weight:600}.lp-size-result .lp-size-value{color:var(--color-teal)}.lp-size-arrow{color:var(--color-ink-4);flex-shrink:0}.lp-size-arrow svg{width:18px;height:18px}.lp-size-note{color:var(--color-ink-3);background:var(--color-amber-soft);border-radius:var(--radius-xs);text-align:center;width:100%;padding:8px 14px;font-size:.75rem}.lp-result-actions{justify-content:center;gap:10px;width:100%;display:flex}@media (width<=640px){.lp-file-card{flex-wrap:wrap}.lp-size-compare{gap:8px}.lp-size-item{padding:10px 12px}.lp-result-actions{flex-direction:column}.lp-result-actions .btn{justify-content:center;width:100%}}.sp-workspace{flex-direction:column;gap:18px;display:flex}.sp-file-card{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;display:flex}.sp-file-icon{background:var(--color-rose-soft);width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-file-icon svg{width:22px;height:22px}.sp-file-info{flex:1;min-width:0}.sp-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.sp-file-meta{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:6px;margin-top:2px;font-size:.75rem;display:flex}.sp-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:600}.sp-change-btn:hover{text-decoration:underline}.sp-mode-section{flex-direction:column;gap:8px;display:flex}.sp-mode-options{gap:8px;display:flex}.sp-mode-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:center;flex:1;padding:12px 10px;font-family:inherit;transition:all .15s}.sp-mode-btn:hover{border-color:var(--color-accent)}.sp-mode-btn.active{border-color:var(--color-accent);background:var(--color-rose-soft)}.sp-mode-name{margin-bottom:2px;font-size:.85rem;font-weight:700;display:block}.sp-mode-desc{color:var(--color-ink-4);font-size:.68rem;display:block}.sp-mode-btn.active .sp-mode-name{color:var(--color-accent)}.sp-chunk-section{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:18px;display:flex}.sp-chunk-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-chunk-input{text-align:center;flex:none;width:80px}.sp-chunk-info{color:var(--color-ink-3);word-break:break-word;min-width:0;font-size:.78rem}.sp-range-section{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:18px;display:flex}.sp-section-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.sp-range-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono), monospace;background:var(--color-surface);color:var(--color-ink);outline:none;padding:10px 14px;font-size:.88rem;transition:border-color .15s}.sp-range-input:focus,.sp-range-input.sp-range-error{border-color:var(--color-accent)}.sp-range-hint{color:var(--color-ink-4);font-size:.75rem}.sp-range-validation{color:var(--color-accent);font-size:.75rem;font-weight:500}.sp-quick-select{flex-direction:column;gap:8px;display:flex}.sp-quick-chips{flex-wrap:wrap;gap:6px;display:flex}.sp-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.sp-chip:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.sp-chip:disabled{opacity:.35;cursor:default}.sp-page-grid-section{flex-direction:column;gap:8px;display:flex}.sp-page-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.sp-page-cell{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-ink-3);font-family:var(--font-mono), monospace;cursor:pointer;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.sp-page-cell:hover{border-color:var(--color-accent);color:var(--color-accent)}.sp-page-cell.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.sp-grid-note{color:var(--color-ink-4);text-align:center;background:var(--color-bg);border-radius:var(--radius-sm);padding:10px;font-size:.78rem}.sp-process-btn{justify-content:center;gap:8px;width:100%}.sp-process-btn svg{width:18px;height:18px}.sp-processing{flex-direction:column;gap:8px;padding:20px 0;display:flex}.sp-progress-text{color:var(--color-ink-3);text-align:center;font-size:.82rem}.sp-result{flex-direction:column;align-items:center;gap:16px;display:flex}.sp-result-icon{background:var(--color-teal-soft);width:56px;height:56px;color:var(--color-teal);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.sp-result-icon svg{width:28px;height:28px}.sp-result-title{font-family:var(--font-heading), sans-serif;font-size:1.3rem;font-weight:800}.sp-result-subtitle{color:var(--color-ink-3);margin-top:-8px;font-size:.88rem}.sp-extracted-range{font-family:var(--font-mono), monospace;color:var(--color-ink-3);background:var(--color-bg);border-radius:var(--radius-sm);white-space:nowrap;max-width:100%;padding:8px 16px;font-size:.78rem;overflow-x:auto}.sp-size-compare{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.sp-size-item{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;max-width:200px;padding:14px 16px;display:flex}.sp-size-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.sp-size-label{font-size:.68rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.sp-size-value{font-family:var(--font-mono), monospace;font-size:1rem;font-weight:600}.sp-size-result .sp-size-value{color:var(--color-teal)}.sp-size-detail{color:var(--color-ink-4);font-size:.72rem}.sp-size-arrow{color:var(--color-ink-4);flex-shrink:0}.sp-size-arrow svg{width:18px;height:18px}.sp-multi-list{flex-direction:column;gap:6px;width:100%;max-height:320px;display:flex;overflow-y:auto}.sp-multi-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;display:flex}.sp-multi-icon{background:var(--color-teal-soft);width:32px;height:32px;color:var(--color-teal);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-multi-icon svg{width:16px;height:16px}.sp-multi-info{flex:1;min-width:0}.sp-multi-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.sp-multi-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);margin-top:1px;font-size:.72rem;display:block}.sp-multi-download{color:var(--color-ink-3);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;padding:6px;transition:all .15s;display:flex}.sp-multi-download:hover{color:var(--color-teal);background:var(--color-teal-soft)}.sp-multi-download svg{width:18px;height:18px}.sp-result-actions{justify-content:center;gap:10px;width:100%;display:flex}@media (width<=640px){.sp-file-card{flex-wrap:wrap}.sp-mode-options{flex-direction:column}.sp-quick-chips{gap:4px}.sp-chip{padding:5px 10px;font-size:.72rem}.sp-page-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.sp-size-compare{gap:8px}.sp-size-item{padding:10px 12px}.sp-result-actions{flex-direction:column}.sp-result-actions .btn{justify-content:center;width:100%}}.mp-workspace{flex-direction:column;gap:16px;display:flex}.mp-header{justify-content:space-between;align-items:center;display:flex}.mp-header-info{align-items:baseline;gap:8px;display:flex}.mp-file-count{font-size:.95rem;font-weight:700}.mp-total-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.75rem}.mp-clear-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.78rem;font-weight:600}.mp-clear-btn:hover{text-decoration:underline}.mp-file-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.mp-file-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:grab;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.mp-file-item:active{cursor:grabbing}.mp-file-item.mp-dragging{opacity:.4}.mp-file-item.mp-drop-target{border-color:var(--color-accent);background:var(--color-rose-soft)}.mp-drag-handle{color:var(--color-ink-4);flex-shrink:0;align-items:center;display:flex}.mp-drag-handle svg{width:16px;height:16px}.mp-file-order{background:var(--color-ink);width:22px;height:22px;color:var(--color-bg);border-radius:var(--radius-full);font-size:.68rem;font-weight:700;font-family:var(--font-mono), monospace;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mp-file-icon{background:var(--color-rose-soft);width:32px;height:32px;color:var(--color-accent);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mp-file-icon svg{width:16px;height:16px}.mp-file-info{flex:1;min-width:0}.mp-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.mp-file-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);margin-top:1px;font-size:.72rem;display:block}.mp-file-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.mp-move-btn{color:var(--color-ink-4);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;padding:4px;transition:all .15s;display:flex}.mp-move-btn:hover:not(:disabled){color:var(--color-ink);background:var(--color-border)}.mp-move-btn:disabled{opacity:.25;cursor:default}.mp-remove-btn{color:var(--color-ink-4);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:4px 6px;font-size:1.1rem;line-height:1;transition:all .15s}.mp-remove-btn:hover{color:var(--color-accent);background:var(--color-rose-soft)}.mp-add-btn{border:1px dashed var(--color-border-2);border-radius:var(--radius-sm);width:100%;color:var(--color-ink-3);cursor:pointer;background:0 0;padding:10px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.mp-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.mp-process-btn{justify-content:center;gap:8px;width:100%}.mp-process-btn svg{width:18px;height:18px}.mp-reorder-hint{color:var(--color-ink-3);background:var(--color-violet-soft);border-radius:var(--radius-xs);text-align:center;padding:8px 14px;font-size:.78rem}.mp-hint{color:var(--color-ink-4);text-align:center;font-size:.78rem}.mp-processing{flex-direction:column;gap:8px;padding:20px 0;display:flex}.mp-progress-text{color:var(--color-ink-3);text-align:center;font-size:.82rem}.mp-result{flex-direction:column;align-items:center;gap:16px;display:flex}.mp-result-icon{background:var(--color-teal-soft);width:56px;height:56px;color:var(--color-teal);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.mp-result-icon svg{width:28px;height:28px}.mp-result-title{font-family:var(--font-heading), sans-serif;font-size:1.3rem;font-weight:800}.mp-result-subtitle{color:var(--color-ink-3);margin-top:-8px;font-size:.88rem}.mp-size-compare{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.mp-size-item{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;max-width:200px;padding:14px 16px;display:flex}.mp-size-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.mp-size-label{font-size:.68rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.mp-size-value{font-family:var(--font-mono), monospace;font-size:1rem;font-weight:600}.mp-size-result .mp-size-value{color:var(--color-teal)}.mp-size-detail{color:var(--color-ink-4);font-size:.72rem}.mp-size-arrow{color:var(--color-ink-4);flex-shrink:0}.mp-size-arrow svg{width:18px;height:18px}.mp-result-actions{justify-content:center;gap:10px;width:100%;display:flex}@media (width<=640px){.mp-file-item{gap:8px;padding:8px 10px}.mp-file-icon{display:none}.mp-move-btn,.mp-remove-btn{padding:8px}.mp-drag-handle{display:none}.mp-size-compare{gap:8px}.mp-size-item{padding:10px 12px}.mp-result-actions{flex-direction:column}.mp-result-actions .btn{justify-content:center;width:100%}}.cp-workspace{flex-direction:column;gap:20px;display:flex}.cp-file-card{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;display:flex}.cp-file-icon{background:var(--color-rose-soft);width:44px;height:44px;color:var(--color-accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-file-icon svg{width:22px;height:22px}.cp-file-info{flex:1;min-width:0}.cp-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.cp-file-meta{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:6px;margin-top:2px;font-size:.75rem;display:flex}.cp-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:600}.cp-change-btn:hover{text-decoration:underline}.cp-batch-list{background:var(--color-bg);border-radius:var(--radius-md);padding:16px}.cp-batch-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.88rem;font-weight:600;display:flex}.cp-batch-count{font-weight:600}.cp-batch-item{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 0;font-size:.84rem;display:flex}.cp-batch-item:last-of-type{border-bottom:none}.cp-batch-item svg{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.cp-batch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.cp-batch-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.75rem}.cp-batch-remove{color:var(--color-ink-4);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.cp-batch-remove:hover{color:var(--color-accent)}.cp-add-btn{border:1px dashed var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-ink-3);cursor:pointer;background:0 0;margin-top:10px;padding:8px;font-family:inherit;font-size:.82rem;font-weight:600}.cp-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cp-quality-section{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:18px;display:flex}.cp-section-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.cp-quality-presets{gap:8px;display:flex}.cp-quality-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:center;flex:1;padding:12px 10px;font-family:inherit;transition:all .15s}.cp-quality-btn:hover{border-color:var(--color-accent)}.cp-quality-btn.active{border-color:var(--color-accent);background:var(--color-rose-soft)}.cp-quality-name{margin-bottom:2px;font-size:.88rem;font-weight:700;display:block}.cp-quality-desc{color:var(--color-ink-4);font-size:.68rem;display:block}.cp-quality-btn.active .cp-quality-name{color:var(--color-accent)}.cp-slider-row{align-items:center;gap:10px;display:flex}.cp-slider-label{color:var(--color-ink-4);min-width:60px;font-size:.75rem}.cp-slider{accent-color:var(--color-accent);flex:1}.cp-slider-val{font-family:var(--font-mono), monospace;color:var(--color-ink-3);text-align:right;min-width:36px;font-size:.82rem}.cp-process-btn{justify-content:center;gap:8px;width:100%}.cp-process-btn svg{width:18px;height:18px}.cp-processing{flex-direction:column;gap:8px;padding:20px 0;display:flex}.cp-progress-text{color:var(--color-ink-3);text-align:center;font-size:.82rem}.cp-results{flex-direction:column;gap:24px;display:flex}.cp-result-item{border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;gap:20px;width:100%;padding-bottom:24px;display:flex}.cp-result-item:last-of-type{border-bottom:none;padding-bottom:0}.cp-result-filename{text-align:center;width:100%;font-size:.9rem;font-weight:600}.cp-reduction{justify-content:center;align-items:baseline;gap:8px;display:flex}.cp-reduction-value{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;color:var(--color-teal);font-size:2.8rem;font-weight:900}.cp-reduction-label{color:var(--color-ink-3);font-size:.95rem}.cp-size-compare{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.cp-size-item{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;max-width:200px;padding:14px 16px;display:flex}.cp-size-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.cp-size-label{font-size:.68rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.cp-size-value{font-family:var(--font-mono), monospace;font-size:1rem;font-weight:600}.cp-size-result .cp-size-value{color:var(--color-teal)}.cp-size-arrow{color:var(--color-ink-4);flex-shrink:0}.cp-size-arrow svg{width:18px;height:18px}.cp-pages-info{color:var(--color-ink-3);align-items:center;gap:6px;font-size:.82rem;display:flex}.cp-pages-info svg{width:14px;height:14px}.cp-result-actions{justify-content:center;gap:10px;width:100%;display:flex}@media (width<=640px){.cp-quality-presets{flex-direction:column}.cp-size-compare{gap:8px}.cp-size-item{padding:10px 12px}.cp-reduction-value{font-size:2rem}.cp-result-actions{flex-direction:column}.cp-result-actions .btn{justify-content:center;width:100%}.cp-file-card{flex-wrap:wrap}}.ci-workspace{flex-direction:column;gap:20px;display:flex}.ci-preview-section{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;display:flex}.ci-preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:80px;height:80px;overflow:hidden}.ci-img{object-fit:cover;width:100%;height:100%}.ci-file-info{flex:1;min-width:0}.ci-filename{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.ci-meta{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:12px;margin-top:4px;font-size:.75rem;display:flex}.ci-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-family:inherit;font-size:.8rem;font-weight:600}.ci-change-btn:hover{text-decoration:underline}.ci-loading{color:var(--color-ink-3);flex-direction:column;align-items:center;gap:12px;padding:40px;font-size:.88rem;display:flex}.ci-loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite ci-spin}@keyframes ci-spin{to{transform:rotate(360deg)}}.ci-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.ci-mode-btn{background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.ci-mode-btn:first-child{border-right:1px solid var(--color-border)}.ci-mode-btn:hover{background:var(--color-bg)}.ci-mode-btn.active{background:var(--color-ink);color:var(--color-bg)}.ci-mode-btn svg{width:16px;height:16px}.ci-range-section{background:var(--color-bg);border-radius:var(--radius-md);padding:20px}.ci-range-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ci-range-label{color:var(--color-ink-2);font-size:.85rem;font-weight:600}.ci-range-value{font-family:var(--font-mono), monospace;color:var(--color-accent);background:var(--color-rose-soft);border-radius:var(--radius-full);padding:3px 10px;font-size:.82rem;font-weight:600}.ci-input-label{font-size:.7rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.ci-input-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);align-items:center;display:flex;overflow:hidden}.ci-input{width:60px;font-size:.88rem;font-family:var(--font-mono), monospace;color:var(--color-ink);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:6px 8px;font-weight:600}.ci-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ci-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ci-input-unit{color:var(--color-ink-4);font-size:.75rem;font-family:var(--font-mono), monospace;padding:6px 8px 6px 0}.ci-range-slider{flex:1}.ci-slider{width:100%;accent-color:var(--color-accent);cursor:pointer}.ci-max-row{align-items:center;gap:12px;display:flex}.ci-max-row .ci-input-label{min-width:52px}.ci-max-row .ci-range-slider{flex:1}.ci-min-info{color:var(--color-amber);background:var(--color-amber-soft);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;display:flex}.ci-min-info svg{flex-shrink:0;width:14px;height:14px}.ci-estimate-info{color:var(--color-teal);background:var(--color-teal-soft);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;display:flex}.ci-estimate-info svg{flex-shrink:0;width:14px;height:14px}.ci-estimate-info.ci-estimate-warn{color:var(--color-amber);background:var(--color-amber-soft)}.ci-process-btn{justify-content:center;gap:8px;width:100%}.ci-process-btn svg{width:18px;height:18px}.ci-result{flex-direction:column;align-items:center;gap:20px;display:flex}.ci-comparison{align-items:center;gap:16px;width:100%;display:flex}.ci-compare-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;display:flex}.ci-compare-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.ci-compare-label{font-size:.7rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.ci-compare-img{object-fit:contain;border-radius:var(--radius-xs);width:100%;max-height:160px}.ci-compare-size{font-family:var(--font-mono), monospace;font-size:.88rem;font-weight:600}.ci-compare-arrow{color:var(--color-ink-4);flex-shrink:0}.ci-compare-arrow svg{width:20px;height:20px}.ci-zoom-cta{color:var(--color-ink-4);opacity:0;font-size:.68rem;transition:opacity .2s}.ci-compare-card:hover .ci-zoom-cta{opacity:1}.ci-compare-card{cursor:zoom-in}.ci-progress-section{flex-direction:column;gap:6px;width:100%;display:flex}.ci-progress-text{color:var(--color-ink-3);text-align:center;font-size:.78rem}.ci-status{border-radius:var(--radius-full);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.82rem;font-weight:500;display:flex}.ci-status svg{flex-shrink:0;width:16px;height:16px}.ci-status-success{background:var(--color-teal-soft);color:var(--color-teal)}.ci-status-warning{background:var(--color-amber-soft);color:var(--color-amber)}.ci-reduction{align-items:baseline;gap:8px;display:flex}.ci-reduction-value{font-family:var(--font-heading), sans-serif;letter-spacing:-1px;color:var(--color-teal);font-size:2.4rem;font-weight:900}.ci-reduction-label{color:var(--color-ink-3);font-size:.88rem}.ci-batch-list{background:var(--color-bg);border-radius:var(--radius-md);padding:16px}.ci-batch-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ci-batch-count{font-size:.88rem;font-weight:600}.ci-batch-item{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:8px 0;font-size:.84rem;display:flex}.ci-batch-item:last-of-type{border-bottom:none}.ci-batch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.ci-batch-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.75rem}.ci-batch-remove{color:var(--color-ink-4);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.ci-batch-remove:hover{color:var(--color-accent)}.ci-batch-thumb{border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0;width:32px;height:32px}.ci-add-more-btn{border:1px dashed var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-ink-3);cursor:pointer;background:0 0;margin-top:10px;padding:8px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.ci-add-more-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.ci-dims-section{background:var(--color-violet-soft);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;display:flex}.ci-dims-check{cursor:pointer;align-items:center;gap:8px;display:flex}.ci-dims-check input{accent-color:var(--color-violet)}.ci-dims-change{font-family:var(--font-mono), monospace;color:var(--color-violet);font-size:.78rem}.ci-format-badge{font-family:var(--font-mono), monospace;background:var(--color-amber-soft);color:var(--color-amber);border-radius:var(--radius-xs);padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.ci-format-pill{font-family:var(--font-mono), monospace;background:var(--color-amber-soft);color:var(--color-amber);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.ci-dims-result{font-family:var(--font-mono), monospace;color:var(--color-violet);text-align:center;font-size:.82rem}.ci-autofix-btn{border-radius:var(--radius-full);color:inherit;cursor:pointer;background:0 0;border:1px solid;margin-left:auto;padding:3px 12px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.ci-autofix-btn:hover{background:#0000000d}.ci-exif-badge{background:var(--color-teal-soft);color:var(--color-teal);border-radius:var(--radius-sm);align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.78rem;font-weight:500;display:flex}.ci-exif-badge svg{flex-shrink:0;width:14px;height:14px}.ci-result-item{border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:24px;display:flex}.ci-result-item:last-of-type{border-bottom:none;margin-bottom:0}.ci-result-filename{width:100%;font-size:.9rem;font-weight:600}.ci-result-actions{justify-content:center;gap:10px;width:100%;display:flex}.ci-zoom-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#0f0f1ad9;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ci-zoom-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:80vh;box-shadow:0 20px 60px #0000004d}.ci-zoom-hint{color:#ffffff80;margin-top:16px;font-size:.82rem}.ri-editor{grid-template-columns:1fr 480px;align-items:stretch;gap:24px;max-width:1260px;margin:0 auto;display:grid}.ri-panel-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:480px;padding:32px;display:flex;overflow:visible}.ri-preview-info{font-family:var(--font-mono), monospace;color:var(--color-ink-4);gap:8px;font-size:.75rem;display:flex}.icr-container{background:var(--color-bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;padding:16px;display:flex;overflow:visible}.icr-canvas{-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.icr-image{pointer-events:none;border-radius:4px;display:block}.icr-overlay-top,.icr-overlay-bottom,.icr-overlay-left,.icr-overlay-right{pointer-events:none;background:#0f0f1a59;position:absolute}.icr-overlay-top{top:0;left:0}.icr-overlay-bottom,.icr-overlay-left{left:0}.icr-frame{border:2px solid var(--color-accent);position:absolute}.icr-frame.icr-dragging{border-color:var(--color-violet)}.icr-grid-h,.icr-grid-v{pointer-events:none;background:#ffffff26;position:absolute}.icr-grid-h{height:1px;left:0;right:0}.icr-grid-v{width:1px;top:0;bottom:0}.icr-dim-label{color:#fff;font-family:var(--font-mono), monospace;border-radius:var(--radius-full);white-space:nowrap;pointer-events:none;background:#0f0f1abf;padding:2px 8px;font-size:.68rem;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.icr-handle{background:var(--color-accent);z-index:10;border:2px solid #fff;border-radius:2px;width:12px;height:12px;position:absolute}.icr-handle-nw{cursor:nw-resize;top:-6px;left:-6px}.icr-handle-ne{cursor:ne-resize;top:-6px;right:-6px}.icr-handle-sw{cursor:sw-resize;bottom:-6px;left:-6px}.icr-handle-se{cursor:se-resize;bottom:-6px;right:-6px}.icr-handle-n{cursor:n-resize;top:-6px;left:50%;transform:translate(-50%)}.icr-handle-s{cursor:s-resize;bottom:-6px;left:50%;transform:translate(-50%)}.icr-handle-e{cursor:e-resize;top:50%;right:-6px;transform:translateY(-50%)}.icr-handle-w{cursor:w-resize;top:50%;left:-6px;transform:translateY(-50%)}.ri-panel-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:32px;display:flex}.ri-file-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.ri-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.ri-change-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:600}.ri-change-btn:hover{text-decoration:underline}.ri-section{flex-direction:column;gap:8px;display:flex}.ri-section-label{font-size:.72rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.ri-scale-btns{flex-wrap:wrap;gap:8px;display:flex}.ri-scale-btn{border-radius:var(--radius-full);font-size:.8rem;font-weight:600;font-family:var(--font-mono), monospace;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;padding:7px 16px;transition:all .15s}.ri-scale-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.ri-scale-btn.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.ri-scale-btn:disabled{opacity:.4;cursor:default}.ri-dim-row{align-items:flex-end;gap:10px;display:flex}.ri-dim-field{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.ri-dim-label{font-size:.72rem;font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-weight:600}.ri-dim-input{border:1px solid var(--color-border);border-radius:var(--radius-xs);width:100%;font-size:.95rem;font-family:var(--font-mono), monospace;color:var(--color-ink);background:var(--color-surface);-moz-appearance:textfield;text-align:center;outline:none;padding:8px 10px;font-weight:600}.ri-dim-input:focus{border-color:var(--color-accent)}.ri-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ri-dim-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ri-dim-unit{color:var(--color-ink-4);font-size:.72rem;font-family:var(--font-mono), monospace;margin-bottom:10px}.ri-lock-btn{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-ink-4);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;transition:all .2s;display:flex}.ri-lock-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.ri-lock-btn.active{background:var(--color-violet-soft);color:var(--color-violet);border-color:var(--color-violet)}.ri-lock-btn svg{width:14px;height:14px}.ri-change-pill{background:var(--color-violet-soft);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono), monospace;color:var(--color-violet);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:flex}.ri-change-pct{background:var(--color-surface);border-radius:var(--radius-xs);color:var(--color-ink-3);padding:2px 8px}.ri-est-size{color:var(--color-teal);font-size:.75rem;font-weight:600}.ri-upscale-warn{color:var(--color-amber);align-items:center;gap:3px;font-size:.72rem;display:inline-flex}.ri-upscale-warn svg{width:12px;height:12px}.ri-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.ri-mode-btn{background:var(--color-surface);color:var(--color-ink-3);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.ri-mode-btn:first-child{border-right:1px solid var(--color-border)}.ri-mode-btn:hover{background:var(--color-bg)}.ri-mode-btn.active{background:var(--color-ink);color:var(--color-bg)}.ri-mode-btn svg{width:14px;height:14px}.ri-custom-pct{border:1px solid var(--color-border);border-radius:var(--radius-full);width:56px;font-size:.78rem;font-family:var(--font-mono), monospace;text-align:center;color:var(--color-ink);background:var(--color-surface);-moz-appearance:textfield;outline:none;padding:5px 8px;font-weight:600}.ri-custom-pct:focus{border-color:var(--color-accent)}.ri-custom-pct::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ri-custom-pct::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ri-custom-pct::placeholder{color:var(--color-ink-4)}.ri-swap-btn{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-ink-4);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;transition:all .2s;display:flex}.ri-swap-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.ri-swap-btn svg{width:14px;height:14px}.ri-dim-section{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.ri-quick-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ri-aspect-divider{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.ri-scale-btn-sm{padding:4px 10px;font-size:.72rem}.ri-extras{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.ri-extras-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ri-extras-row .ri-section-label{flex-shrink:0;min-width:70px}.ri-output-row{flex-direction:column;gap:10px;display:flex}.ri-format-btns{gap:6px;display:flex}.ri-quality-row{align-items:center;gap:10px;display:flex}.ri-quality-slider{accent-color:var(--color-accent);flex:1}.ri-quality-val{font-family:var(--font-mono), monospace;color:var(--color-ink-3);min-width:36px;font-size:.78rem}.ri-batch-preview{color:var(--color-ink-3);flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.ri-batch-count{font-size:1rem;font-weight:600}.ri-progress-text{color:var(--color-ink-3);text-align:center;margin-top:4px;font-size:.78rem}.ri-process-btn{justify-content:center;gap:8px;width:100%}.ri-process-btn svg{width:18px;height:18px}.ri-result{flex-direction:column;align-items:center;gap:20px;display:flex}.ri-comparison{align-items:center;gap:16px;width:100%;display:flex}.ri-compare-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:zoom-in;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px;display:flex}.ri-compare-result{border-color:var(--color-teal);background:var(--color-teal-soft)}.ri-compare-label{font-size:.7rem;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:1px;color:var(--color-ink-4)}.ri-compare-img{object-fit:contain;border-radius:var(--radius-xs);width:100%;max-height:160px}.ri-compare-meta{font-family:var(--font-mono), monospace;color:var(--color-violet);font-size:.78rem;font-weight:600}.ri-compare-size{font-family:var(--font-mono), monospace;color:var(--color-ink-4);font-size:.78rem}.ri-compare-arrow{color:var(--color-ink-4);flex-shrink:0}.ri-compare-arrow svg{width:20px;height:20px}.ri-result-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.ri-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ri-stat-value{font-family:var(--font-heading), sans-serif;letter-spacing:-.5px;font-size:1.3rem;font-weight:900}.ri-stat-label{color:var(--color-ink-4);font-size:.72rem}.ri-result-actions{justify-content:center;gap:10px;width:100%;display:flex}@media (width<=900px){.ri-editor{grid-template-columns:1fr;max-width:600px}.ri-panel-preview{min-height:240px}}@media (width<=640px){.ri-panel-preview,.ri-panel-controls{border-radius:16px;padding:20px}.ri-comparison{flex-direction:column}.ri-compare-arrow{transform:rotate(90deg)}.ri-result-actions{flex-direction:column}.ri-result-actions .btn{justify-content:center;width:100%}.ri-dim-row{flex-wrap:wrap}}.toast{opacity:0;border-radius:var(--radius-full);z-index:500;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #0f0f1a26}.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{flex-shrink:0;width:16px;height:16px}.toast-warning{background:var(--color-amber-soft);color:#92400e;border:1px solid var(--color-amber)}.toast-error{background:var(--color-rose-soft);color:#9f1239;border:1px solid var(--color-accent)}.toast-success{background:var(--color-teal-soft);color:#065f46;border:1px solid var(--color-teal)}.toast-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1}.toast-close:hover{opacity:1}@media (width<=640px){.tool-page{padding:80px 0 60px}.tool-card{border-radius:16px;padding:24px 20px}.dropzone{padding:28px 16px}.before-after{gap:10px;padding:16px}.download-actions{flex-direction:column}.download-actions .btn{justify-content:center;width:100%}.preset-selector,.tool-option-row{flex-direction:column;align-items:flex-start}.ci-preview-section{text-align:center;flex-direction:column}.ci-preview{width:100%;height:120px}.ci-range-slider{width:100%}.ci-max-row{flex-wrap:wrap}.ci-zoom-cta{opacity:1}.ci-comparison{flex-direction:column}.ci-compare-arrow{transform:rotate(90deg)}.ci-reduction-value{font-size:1.8rem}.ci-dims-section{flex-direction:column;align-items:flex-start;gap:8px}.ci-result-actions{flex-direction:column}.ci-result-actions .btn{justify-content:center;width:100%}}.mobile-tab-bar{display:none}@media (width<=640px){.mobile-tab-bar{z-index:100;height:calc(var(--mobile-tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);background:#fefbf6f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{cursor:pointer;color:var(--color-ink-4);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:6px 16px;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.mobile-tab svg{width:22px;height:22px}.mobile-tab.active{color:var(--color-accent)}.mobile-tab.active svg{filter:drop-shadow(0 1px 3px #ff33664d)}.mobile-tab:active{transform:scale(.92)}.nav-wrap{display:none!important}.mobile-lang-sheet{z-index:110;background:#0f0f1a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-lang-panel{background:var(--color-surface);width:100%;max-width:480px;padding:20px 16px calc(var(--mobile-tab-height) + var(--safe-bottom) + 16px);border-radius:20px 20px 0 0}.mobile-lang-title{font-family:var(--font-heading), sans-serif;text-align:center;margin-bottom:14px;font-size:1.05rem;font-weight:700}.mobile-lang-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mobile-lang-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:16px 12px;font-family:inherit;transition:all .15s;display:flex}.mobile-lang-btn.active{border-color:var(--color-accent);background:var(--color-rose-soft)}.mobile-lang-native{font-size:.95rem;font-weight:700}.mobile-lang-name{color:var(--color-ink-4);font-size:.68rem}.mobile-lang-btn.active .mobile-lang-native{color:var(--color-accent)}.mobile-home-header{padding:calc(16px + var(--safe-top)) 16px 0;text-align:center;margin-bottom:16px}.mobile-home-title{font-family:var(--font-heading), sans-serif;font-size:1.6rem;font-weight:900;line-height:1.2}.mobile-home-title span{color:var(--color-accent)}.mobile-home-sub{color:var(--color-ink-3);margin-top:4px;font-size:.82rem}.tools-section{padding:0 0 calc(80px + var(--safe-bottom))}.tools-header{display:none}.bento{padding:0 16px;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.bento-card.span-2{grid-column:span 1}.bento-card{border-radius:14px!important;padding:18px 16px!important}.bento-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;overflow:hidden;font-size:.72rem!important;display:-webkit-box!important}.bento-label{display:none}.bento-icon{margin-bottom:10px}.bento-card h3{font-size:.92rem}.why-section{padding:32px 0 calc(80px + var(--safe-bottom))}.why-section .section-tag,.why-section .section-title{text-align:center}.why-card.full{flex-direction:column!important;gap:16px!important}.mobile-tool-header{z-index:60;padding:calc(var(--safe-top) + 10px) 16px 10px;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#fefbf6f0;align-items:center;gap:10px;display:flex;position:sticky;top:0}.mobile-back-btn{cursor:pointer;width:44px;height:44px;color:var(--color-ink);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-back-btn:active{background:var(--color-bg)}.mobile-back-btn svg{width:20px;height:20px;transform:rotate(180deg)}.mobile-tool-title{font-family:var(--font-heading), sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.tool-page{min-height:calc(100dvh - var(--mobile-tab-height) - var(--safe-bottom));padding:8px 0 calc(var(--mobile-tab-height) + var(--safe-bottom) + 16px)!important}.tool-header{display:none}.tool-card{max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:16px!important}.container{padding:0!important}.cp-result-item,.sp-result,.mp-result,.lp-result,.pj-result{gap:14px}.cp-size-item,.sp-size-item,.mp-size-item,.lp-size-item{padding:10px 12px}.cp-reduction-value{font-size:2rem}.sp-result-title,.mp-result-title,.lp-result-title,.pj-result-title{font-size:1.1rem}.download-actions{flex-direction:column;width:100%}.download-actions .btn{justify-content:center;width:100%}.cp-process-btn,.mp-process-btn,.sp-process-btn,.pj-process-btn,.lp-process-btn{border-radius:14px!important;padding:16px 24px!important;font-size:.95rem!important}.mp-file-list{max-height:220px}.dropzone{border-radius:14px!important;padding:36px 16px!important}.dropzone-icon{width:32px;height:32px;margin-bottom:10px}.dropzone-label{font-size:.88rem}.toast{bottom:calc(var(--mobile-tab-height) + var(--safe-bottom) + 12px)!important}body{font-size:15px;line-height:1.5}.btn{padding:12px 20px;font-size:.9rem}}@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-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}