@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;border-color:var(--stroke);margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}img,video,canvas,svg{max-width:100%;display:block}a{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}#root{flex-direction:column;min-height:100vh;display:flex}:root{--background:oklch(93.83% .0042 236.499);--foreground:oklch(32.11% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(32.11% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(32.11% 0 0);--primary:oklch(63.97% .172 36.4421);--primary-foreground:oklch(100% 0 0);--secondary:oklch(96.7% .0029 264.542);--secondary-foreground:oklch(44.61% .0263 256.802);--muted:oklch(98.46% .0017 247.839);--muted-foreground:oklch(55.1% .0234 264.364);--accent:var(--primary);--accent-foreground:oklch(37.91% .1378 265.522);--destructive:oklch(63.68% .2078 25.3313);--destructive-foreground:oklch(100% 0 0);--border:oklch(90.22% .0052 247.882);--input:oklch(97% .0029 264.542);--ring:oklch(63.97% .172 36.4421);--sidebar:oklch(90.3% .0046 258.326);--sidebar-foreground:oklch(32.11% 0 0);--sidebar-primary:oklch(63.97% .172 36.4421);--sidebar-primary-foreground:oklch(100% 0 0);--sidebar-accent:oklch(91.19% .0222 243.817);--sidebar-accent-foreground:oklch(37.91% .1378 265.522);--sidebar-border:oklch(92.76% .0058 264.531);--sidebar-ring:oklch(63.97% .172 36.4421);--radius:.75rem;--shadow-2xs:0px 1px 3px 0px #0000000d;--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:0px 1px 3px 0px #0000001a, 0px 1px 2px -1px #0000001a;--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--bg-app:var(--background);--bg-sidebar:var(--sidebar);--bg-panel:var(--card);--bg-panel-soft:var(--muted);--bg-panel-elevated:var(--card);--bg-panel-glass:#ffffffb3;--bg-input:var(--input);--bg-hover:var(--secondary);--stroke:var(--border);--stroke-soft:var(--border);--stroke-focus:var(--primary);--stroke-accent:#a3402826;--text-primary:var(--foreground);--text-muted:var(--muted-foreground);--text-soft:var(--muted-foreground);--text-dim:var(--muted-foreground);--accent-hover:oklch(58% .16 36.44);--accent-text:var(--primary-foreground);--highlight:var(--primary);--highlight-hover:oklch(58% .16 36.44);--highlight-soft:#a340280d;--success:#34c759;--success-bg:#34c75914;--warning:#ff9500;--warning-bg:#ff950014;--danger:var(--destructive);--danger-bg:#ff3b3014;--info:#5ac8fa;--info-bg:#5ac8fa14;--thumb-selected:var(--secondary);--thumb-hover:var(--border);--scroll:var(--border);--scroll-hover:var(--muted-foreground);--gradient-hero:linear-gradient(180deg, var(--background) 0%, var(--muted) 100%);--gradient-accent:linear-gradient(135deg, var(--primary) 0%, #34c759 100%);--gradient-card-glow:radial-gradient(ellipse at top, #a3402805 0%, transparent 70%);--gradient-highlight:linear-gradient(135deg, var(--primary) 0%, #ff9500 100%);--gradient-shimmer:linear-gradient(90deg, transparent 0%, #00000005 50%, transparent 100%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-xs:4px;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-card:var(--radius);--radius-pill:999px;--shadow-glow:0 0 40px #a3402808;--shadow-accent-glow:0 0 20px #a340281a;--shadow-inset:inset 0 1px 2px #00000005;--font-family:Inter, sans-serif;--font-mono:JetBrains Mono, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-hero:3.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:150;--z-modal:200;--z-toast:300;--z-tooltip:400;--sidebar-width:240px;--header-height:64px;--ad-sidebar-width:160px;--ad-banner-height:90px;--content-max-width:1400px;--tool-max-width:1200px}.dark{--background:oklch(25.98% .0306 262.667);--foreground:oklch(92.19% 0 0);--card:oklch(31.06% .0301 268.637);--card-foreground:oklch(92.19% 0 0);--popover:oklch(29% .0249 268.399);--popover-foreground:oklch(92.19% 0 0);--primary:oklch(63.97% .172 36.4421);--primary-foreground:oklch(100% 0 0);--secondary:oklch(30.95% .0266 266.713);--secondary-foreground:oklch(92.19% 0 0);--muted:oklch(30.95% .0266 266.713);--muted-foreground:oklch(71.55% 0 0);--accent:oklch(33.8% .0589 267.587);--accent-foreground:oklch(88.23% .0571 254.128);--destructive:oklch(63.68% .2078 25.3313);--destructive-foreground:oklch(100% 0 0);--border:oklch(38.43% .0301 269.734);--input:oklch(38.43% .0301 269.734);--ring:oklch(63.97% .172 36.4421);--sidebar:oklch(31% .0283 267.741);--sidebar-foreground:oklch(92.19% 0 0);--sidebar-primary:oklch(63.97% .172 36.4421);--sidebar-primary-foreground:oklch(100% 0 0);--sidebar-accent:oklch(33.8% .0589 267.587);--sidebar-accent-foreground:oklch(88.23% .0571 254.128);--sidebar-border:oklch(38.43% .0301 269.734);--sidebar-ring:oklch(63.97% .172 36.4421);--bg-panel-glass:#313036b3;--stroke-accent:#a3402826;--gradient-hero:linear-gradient(180deg, var(--background) 0%, var(--muted) 100%);--gradient-card-glow:radial-gradient(ellipse at top, #a3402808 0%, transparent 70%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #6c8eff1a}50%{box-shadow:0 0 40px #6c8eff40}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes borderPulse{0%,to{border-color:var(--stroke)}50%{border-color:var(--highlight)}}@keyframes progressBar{0%{width:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-muted);line-height:1.7}.text-primary{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-soft{color:var(--text-soft)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-highlight{color:var(--highlight)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:var(--weight-bold)}.font-semibold{font-weight:var(--weight-semibold)}.font-medium{font-weight:var(--weight-medium)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.page-shell{width:100%;min-height:calc(100vh - var(--header-height))}.page-main{width:100%;max-width:var(--content-max-width);min-width:0;padding:var(--space-xl);margin:0 auto}.page-with-ads{grid-template-columns:var(--ad-sidebar-width) 1fr var(--ad-sidebar-width);width:100%;max-width:100%;min-height:calc(100vh - var(--header-height));gap:0;display:grid}.page-with-ads .page-main{padding:var(--space-xl) var(--space-xl);max-width:var(--content-max-width);width:100%;min-width:0;margin:0 auto}.header{z-index:var(--z-sticky);height:var(--header-height);background:var(--bg-panel);border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(20px);padding:0 var(--space-xl);align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:100%;display:flex}.header-logo{align-items:center;gap:var(--space-md);text-decoration:none;display:flex}.header-logo-icon{background:var(--gradient-highlight);border-radius:var(--radius-sm);width:36px;height:36px;font-weight:var(--weight-black);font-size:var(--font-size-xl);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-logo-text{font-size:var(--font-size-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em}.header-logo-text span{color:var(--text-muted);font-weight:var(--weight-regular);margin-left:4px}.header-nav{align-items:center;gap:var(--space-xs);display:flex}.header-nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:all var(--transition-fast);position:relative}.header-nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header-nav-link.active{color:var(--text-primary);background:var(--bg-panel-elevated)}.header-nav-link.active:after{content:"";background:var(--highlight);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.theme-toggle-btn{border-radius:var(--radius-pill);background:var(--secondary);border:1px solid var(--stroke);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm), 0 0 12px #a3402814;transform:translateY(-1px)}.dark .theme-toggle-btn:hover{box-shadow:var(--shadow-sm), 0 0 12px #a3402826}.theme-toggle-btn:active{transform:translateY(0)scale(.95)}.theme-toggle-icon{stroke-width:2px;width:18px;height:18px;transition:transform var(--transition-normal)}.theme-toggle-icon.moon{transform:rotate(-12deg)}.theme-toggle-btn:hover .theme-toggle-icon.moon{transform:rotate(15deg)scale(1.1)}.theme-toggle-icon.sun{transform:rotate(0)}.theme-toggle-btn:hover .theme-toggle-icon.sun{transform:rotate(90deg)scale(1.1)}.footer{background:var(--bg-panel);border-top:1px solid var(--stroke);padding:var(--space-2xl) var(--space-xl)}.footer-inner{max-width:var(--content-max-width);gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;display:grid}.footer-brand h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.footer-brand p{font-size:var(--font-size-sm);color:var(--text-soft);max-width:280px}.footer-col h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:var(--space-md)}.footer-col a{font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--space-xs) 0;transition:color var(--transition-fast);display:block}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--content-max-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--stroke-soft);font-size:var(--font-size-xs);color:var(--text-soft);justify-content:space-between;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:10px 20px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a340280a}.dark .btn:hover{box-shadow:0 4px 12px #0003}.btn:hover:after{background:#ffffff0d}.btn:active{transform:translateY(0)scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #a3402826}.dark .btn--primary:hover{box-shadow:0 4px 12px #a3402840}.btn--highlight{background:var(--gradient-highlight);color:#fff;border-color:#0000}.btn--highlight:hover{box-shadow:var(--shadow-accent-glow), 0 4px 12px #a3402826}.btn--ghost{color:var(--text-muted);border-color:var(--stroke);background:0 0}.btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--stroke-focus);box-shadow:0 4px 12px #a3402808}.dark .btn--ghost:hover{box-shadow:0 4px 12px #00000026}.btn--subtle{background:var(--bg-panel-elevated);color:var(--text-primary);border:1px solid var(--stroke-soft)}.btn--subtle:hover{background:var(--thumb-selected);border-color:var(--stroke-focus);box-shadow:0 4px 12px #a3402808}.dark .btn--subtle:hover{box-shadow:0 4px 12px #00000026}.btn--danger{color:var(--danger);background:#ff64641a;border-color:#ff646433}.btn--danger:hover{background:#ff646426;box-shadow:0 4px 12px #ff64641a}.btn--sm{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:6px 14px}.btn--lg{font-size:var(--font-size-base);border-radius:var(--radius-lg);padding:14px 28px}.btn--xl{font-size:var(--font-size-lg);border-radius:var(--radius-lg);font-weight:var(--weight-bold);padding:18px 36px}.btn--icon{width:40px;height:40px;padding:10px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-download{background:var(--gradient-highlight);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--weight-bold);align-items:center;gap:var(--space-md);transition:all var(--transition-normal);border:none;padding:16px 32px;display:inline-flex;position:relative;overflow:hidden}.btn-download:hover{box-shadow:var(--shadow-accent-glow), var(--shadow-lg);transform:translateY(-2px)}.btn-download:active{transform:translateY(0)}.btn-download.ready{animation:2s ease-in-out infinite glow}.btn-download .btn-download-size{font-size:var(--font-size-sm);font-weight:var(--weight-regular);opacity:.8}.btn-download svg{width:22px;height:22px}.card{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-card);padding:var(--space-lg);transition:all var(--transition-normal);position:relative}.card:before{content:"";border-radius:inherit;background:var(--gradient-card-glow);pointer-events:none;opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.card:hover:before{opacity:1}.glass-card{background:var(--bg-panel-glass);border:1px solid var(--stroke-soft);border-radius:var(--radius-card);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--stroke-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-md);transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--gradient-highlight);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--stroke-focus);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.tool-card-icon--metadata{background:var(--info-bg);color:var(--info)}.tool-card-icon--converter{background:var(--success-bg);color:var(--success)}.tool-card-icon--shrinker{background:var(--warning-bg);color:var(--warning)}.tool-card-icon--splash{color:#c896ff;background:#c896ff1a}.tool-card-icon--pipeline{background:var(--highlight-soft);color:var(--highlight)}.tool-card-title{font-size:var(--font-size-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.tool-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.tool-card-cta{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--highlight);align-items:center;gap:var(--space-sm);transition:gap var(--transition-fast);margin-top:auto;display:flex}.tool-card:hover .tool-card-cta{gap:var(--space-md)}.metric-card{background:var(--bg-panel-soft);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex}.metric-card-label{font-size:var(--font-size-xs);color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-medium)}.metric-card-value{font-size:var(--font-size-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.input{background:var(--bg-input);border:1px solid var(--stroke);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:10px 16px}.input:hover{border-color:var(--stroke-focus)}.input:focus{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight-soft)}.input::placeholder{color:var(--text-dim)}.select-wrapper{display:inline-flex;position:relative}.select{appearance:none;background:var(--bg-panel-elevated);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-width:160px;padding:10px 36px 10px 16px}.select:hover{border-color:var(--stroke-focus)}.select:focus{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight-soft)}.select-wrapper:after{content:"▾";color:var(--text-soft);pointer-events:none;font-size:var(--font-size-xs);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.slider-container{gap:var(--space-sm);flex-direction:column;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.slider-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--weight-semibold);font-family:var(--font-mono);text-align:right;min-width:48px}.slider{appearance:none;cursor:pointer;background:#00000014;border-radius:2.5px;outline:none;width:100%;height:5px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:.5px solid #00000026;border-radius:50%;box-shadow:0 2px 4px #0000001a}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.slider::-moz-range-thumb{cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border:.5px solid #00000026;border-radius:50%;box-shadow:0 2px 4px #0000001a}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.switch{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch-track{width:44px;height:24px;transition:background var(--transition-fast);background:#00000014;border:1px solid #00000005;border-radius:12px;flex-shrink:0;position:relative}.switch-track:after{content:"";width:19px;height:19px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:1.5px;left:1.5px;box-shadow:0 1px 3px #00000026}.switch input{display:none}.switch input:checked+.switch-track{background:#34c759;border-color:#34c759}.switch input:checked+.switch-track:after{background:#fff;transform:translate(20px)}.switch-label{font-size:var(--font-size-sm);color:var(--text-muted)}.segmented{background:#0000000d;border:1px solid #00000005;border-radius:9px;gap:2px;padding:2px;display:inline-flex}.segmented-btn{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 16px}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{color:var(--text-primary);font-weight:var(--weight-semibold);background:#fff;box-shadow:0 1px 3px #00000014,0 1px 1px #0000000a}.dropzone{border:2px dashed var(--stroke);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-md);cursor:pointer;transition:all var(--transition-normal);background:var(--bg-panel-soft);flex-direction:column;min-height:220px;display:flex;position:relative}.dropzone:hover{border-color:var(--highlight);background:var(--highlight-soft)}.dropzone.dragging{border-color:var(--highlight);background:var(--highlight-soft);border-style:solid;animation:1s ease-in-out infinite borderPulse}.dropzone-icon{border-radius:var(--radius-md);background:var(--bg-panel-elevated);width:56px;height:56px;color:var(--text-soft);transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:24px;display:flex}.dropzone:hover .dropzone-icon{background:var(--highlight-soft);color:var(--highlight);transform:translateY(-2px)}.dropzone-text{font-size:var(--font-size-base);color:var(--text-muted);text-align:center}.dropzone-text strong{color:var(--highlight)}.dropzone-hint{font-size:var(--font-size-xs);color:var(--text-soft)}.dropzone input[type=file]{display:none}.image-preview{background:var(--bg-panel-soft);border-radius:var(--radius-lg);border:1px solid var(--stroke);position:relative;overflow:hidden}.image-preview-canvas{width:100%;height:auto;display:block}.image-preview-checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e7 25%,#0000 25%),linear-gradient(-45deg,#e5e5e7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e7 75%),linear-gradient(-45deg,#0000 75%,#e5e5e7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.image-preview-placeholder{padding:var(--space-3xl);color:var(--text-soft);font-size:var(--font-size-sm);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.image-preview-info{bottom:var(--space-sm);left:var(--space-sm);right:var(--space-sm);padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-primary);background:#ffffffd9;border:1px solid #ffffff80;justify-content:space-between;align-items:center;display:flex;position:absolute;box-shadow:0 4px 12px #0000000d}.progress-bar{background:var(--bg-panel-elevated);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-highlight);height:100%;transition:width var(--transition-normal);border-radius:3px}.progress-bar-fill.animated{animation:.5s ease-out progressBar}.progress-block{gap:var(--space-sm);flex-direction:column;display:flex}.progress-label{font-size:var(--font-size-sm);color:var(--text-muted);justify-content:space-between;display:flex}.toast-container{bottom:var(--space-xl);right:var(--space-xl);gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-panel-elevated);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:400px;animation:.3s ease-out slideInRight;display:flex}.toast--success{border-left:3px solid var(--success)}.toast--warning{border-left:3px solid var(--warning)}.toast--error{border-left:3px solid var(--danger)}.toast--info{border-left:3px solid var(--info)}.toast-message{font-size:var(--font-size-sm);color:var(--text-primary)}.toast-close{color:var(--text-soft);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;margin-left:auto;font-size:18px;line-height:1}.ad-slot{background:var(--bg-panel-soft);border:1px dashed var(--stroke-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ad-slot--sidebar{width:var(--ad-sidebar-width);min-height:600px;top:calc(var(--header-height) + var(--space-md));align-self:flex-start;position:sticky}.ad-slot--banner{width:100%;max-width:728px;height:var(--ad-banner-height);margin:var(--space-lg) auto}.ad-slot--mobile{width:100%;max-width:320px;height:50px;margin:var(--space-md) auto;display:none}.ad-slot-placeholder{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.hero{padding:var(--space-4xl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:0 var(--space-xl);margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);background:var(--highlight-soft);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--highlight);margin-bottom:var(--space-lg);border:1px solid #6c8eff33;padding:6px 16px;animation:.6s ease-out fadeIn;display:inline-flex}.hero h1{font-size:var(--font-size-hero);font-weight:var(--weight-black);letter-spacing:-.03em;margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.1;animation:.8s ease-out fadeInUp}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-muted);max-width:600px;margin:0 auto var(--space-xl);line-height:1.6;animation:.8s ease-out .1s both fadeInUp}.hero-cta{gap:var(--space-md);justify-content:center;animation:.8s ease-out .2s both fadeInUp;display:flex}.tools-grid{gap:var(--space-lg);padding:var(--space-2xl) 0;max-width:var(--content-max-width);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.tool-page{animation:.4s ease-out fadeIn}.tool-page-header{margin-bottom:var(--space-xl)}.tool-page-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.tool-page-header p{font-size:var(--font-size-base);color:var(--text-muted);max-width:600px}.tool-page-body{gap:var(--space-xl);grid-template-columns:1fr 360px;align-items:start;display:grid}.tool-page-preview,.tool-page-controls{gap:var(--space-lg);flex-direction:column;display:flex}.tool-page-results{margin-top:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.result-stats{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.result-stat{background:var(--bg-panel-soft);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.result-stat-value{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-mono)}.result-stat-label{font-size:var(--font-size-xs);color:var(--text-soft);margin-top:var(--space-xs)}.result-stat--savings .result-stat-value{color:var(--success)}.metadata-report{background:var(--bg-panel-soft);border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden}.metadata-report-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--stroke-soft);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-panel-elevated)}.metadata-report-body{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;max-height:500px;line-height:1.8;overflow-y:auto}.metadata-section{margin-bottom:var(--space-lg)}.metadata-section-title{font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-sm);border-bottom:1px solid var(--stroke-soft);margin-bottom:var(--space-sm);font-family:var(--font-family)}.metadata-row{padding:var(--space-xs) 0;font-size:var(--font-size-sm);display:flex}.metadata-key{color:var(--text-soft);flex-shrink:0;min-width:180px}.metadata-value{color:var(--text-primary);word-break:break-all}.chunk-table{border-collapse:collapse;width:100%}.chunk-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--stroke);background:var(--bg-panel-elevated)}.chunk-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-muted);border-bottom:1px solid var(--stroke-soft);font-family:var(--font-mono)}.chunk-table tr:hover td{background:var(--bg-hover)}.chunk-badge{border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--weight-medium);padding:2px 8px;display:inline-flex}.chunk-badge--structure{background:var(--info-bg);color:var(--info)}.chunk-badge--metadata{background:var(--warning-bg);color:var(--warning)}.chunk-badge--profile{color:#c896ff;background:#c896ff1a}.chunk-badge--image-data{background:var(--success-bg);color:var(--success)}.file-list{gap:var(--space-sm);padding:var(--space-md) 0;flex-wrap:wrap;display:flex}.file-thumb{border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:all var(--transition-fast);border:2px solid #0000;position:relative;overflow:hidden}.file-thumb:hover{border-color:var(--stroke-focus)}.file-thumb.selected{border-color:var(--highlight);box-shadow:0 0 0 2px var(--highlight-soft)}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-thumb-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#000000b3;padding:2px 4px;font-size:9px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.features-section{padding:var(--space-4xl) var(--space-xl);max-width:var(--content-max-width);margin:0 auto}.features-section h2{text-align:center;margin-bottom:var(--space-2xl);font-size:var(--font-size-3xl)}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-item{text-align:center;padding:var(--space-xl)}.feature-icon{width:56px;height:56px;margin:0 auto var(--space-md);border-radius:var(--radius-md);background:var(--bg-panel-soft);justify-content:center;align-items:center;font-size:28px;display:flex}.feature-title{font-size:var(--font-size-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.feature-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7}.lang-switch{background:var(--bg-panel-elevated);border-radius:var(--radius-sm);border:1px solid var(--stroke);padding:2px;display:inline-flex}.lang-switch-btn{border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--text-soft);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 12px}.lang-switch-btn:hover{color:var(--text-primary)}.lang-switch-btn.active{background:var(--accent);color:var(--accent-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}.spinner{border:3px solid var(--stroke);border-top-color:var(--highlight);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--lg{border-width:4px;width:40px;height:40px}.skeleton{background:var(--bg-panel-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:var(--gradient-shimmer);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);align-items:center;padding:3px 10px;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--neutral{background:var(--bg-panel-elevated);color:var(--text-muted)}.separator{background:var(--stroke-soft);height:1px;margin:var(--space-lg) 0}.page-enter{animation:.4s ease-out fadeIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (width<=1280px){.page-with-ads{grid-template-columns:1fr}.page-with-ads>.ad-slot--sidebar{display:none}}@media (width<=1024px){:root{--font-size-hero:2.5rem;--font-size-4xl:2rem}.tools-grid{padding:var(--space-xl) var(--space-md);grid-template-columns:repeat(2,1fr)}.tool-page-body{grid-template-columns:1fr}.footer-inner{gap:var(--space-xl);grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.header-nav{display:none}}@media (width<=640px){:root{--font-size-hero:2rem;--space-xl:20px;--space-2xl:32px}.tools-grid,.features-grid,.footer-inner{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.page-with-ads{grid-template-columns:1fr}.ad-slot--sidebar{display:none}.ad-slot--mobile{display:flex}.ad-slot--banner{max-width:100%;height:60px}.result-stats{grid-template-columns:repeat(2,1fr)}.metadata-key{min-width:120px}.header{padding:0 var(--space-md)}.header-inner,.header-logo{gap:var(--space-sm);min-width:0}.header-logo-text{font-size:var(--font-size-base);white-space:nowrap}.header-actions{flex-shrink:0;gap:6px}#header-cta{display:none}.hero{padding:var(--space-2xl) 0}}@media print{.header,.footer,.ad-slot,.btn-download{display:none}body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-premium{padding:var(--space-4xl) 0 var(--space-2xl);text-align:center;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.hero-premium-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.hero-premium-badge{align-items:center;gap:var(--space-sm);background:var(--bg-panel-soft);border:1px solid var(--stroke);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding:6px 16px;animation:.6s ease-out fadeIn;display:inline-flex}.pulse-dot{background:#34c759;border-radius:50%;width:6px;height:6px;position:relative}.pulse-dot:after{content:"";background:#34c75966;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-3px}.hero-premium-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:4.25rem;font-weight:900;line-height:1.05;animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}.hero-premium-subtitle{font-size:var(--font-size-xl);color:var(--text-muted);max-width:640px;margin:0 auto var(--space-lg);letter-spacing:-.01em;font-weight:400;line-height:1.5;animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.hero-premium-cta{gap:var(--space-md);justify-content:center;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:flex}.showcase-container{max-width:1060px;margin:0 auto var(--space-4xl);padding:0 var(--space-xl)}.section-header-premium{text-align:center;margin-bottom:var(--space-2xl);gap:var(--space-xs);flex-direction:column;display:flex}.section-header-premium h2{font-size:var(--font-size-3xl);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text-primary)}.section-header-premium p,.section-subtitle{font-size:var(--font-size-sm);color:var(--text-soft);max-width:580px;margin:0 auto}.macos-window{background:var(--bg-panel);border:1px solid var(--stroke);width:100%;transition:all var(--transition-normal);cursor:pointer;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000000f,0 0 0 1px #00000005}.dark .macos-window{box-shadow:0 30px 70px #0006,0 0 0 1px #ffffff05}.macos-window:hover{border-color:var(--stroke-focus);transform:translateY(-2px);box-shadow:0 40px 80px #0000001a}.dark .macos-window:hover{box-shadow:0 40px 80px #00000080}.macos-window--dragging{border-color:var(--highlight)!important;box-shadow:0 0 0 4px var(--highlight-soft), 0 30px 60px #0003!important;transform:scale(.995)!important}.macos-titlebar{background:var(--bg-sidebar);border-bottom:1px solid var(--stroke-soft);height:48px;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.macos-dots{gap:8px;display:flex}.macos-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.macos-dot--close{background:#ff5f56}.macos-dot--minimize{background:#ffbd2e}.macos-dot--maximize{background:#27c93f}.macos-title{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--text-soft);font-family:var(--font-mono)}.macos-action-hint{font-size:11px;font-weight:var(--weight-semibold);color:var(--highlight);background:var(--highlight-soft);border-radius:4px;padding:3px 8px}.macos-body{grid-template-columns:260px 1fr;min-height:440px;display:grid}.macos-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--stroke-soft);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.sidebar-group-title{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;padding-left:var(--space-sm);margin-bottom:var(--space-xs);font-size:11px;font-weight:700}.pipeline-stages{gap:var(--space-xs);flex-direction:column;display:flex}.stage-btn{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-sm);color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;display:flex}.stage-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(3px)}.stage-btn:active{transform:translate(1px)scale(.98)}.stage-btn.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--stroke);border-left:3px solid var(--highlight);border-top-left-radius:0;border-bottom-left-radius:0}.stage-icon{flex-shrink:0;font-size:18px}.stage-info{flex-direction:column;flex-grow:1;min-width:0;display:flex}.stage-name{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-desc{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.stage-check{color:var(--success);margin-left:auto;font-size:12px;font-weight:700}.sidebar-cta-box{border:1.5px dashed var(--stroke);padding:var(--space-md);text-align:center;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);cursor:pointer;background:#00000003;border-radius:10px;flex-direction:column;margin-top:auto;display:flex}.sidebar-cta-box:hover{background:var(--bg-hover);border-color:var(--stroke-focus);transform:translateY(-2px);box-shadow:0 6px 16px #a3402808}.dark .sidebar-cta-box:hover{box-shadow:0 6px 16px #00000026}.sidebar-cta-box:active{transform:translateY(0)scale(.98)}.cta-box-icon{width:24px;height:24px;color:var(--text-soft);margin-bottom:2px}.sidebar-cta-box span{font-size:var(--font-size-xs);font-weight:var(--weight-bold);color:var(--text-primary)}.sidebar-cta-box .cta-box-desc{color:var(--text-soft);font-size:9px;font-weight:400}.macos-main{padding:var(--space-lg);gap:var(--space-md);background:var(--bg-panel);flex-direction:column;justify-content:center;display:flex}.simulated-console{font-family:var(--font-mono);font-size:var(--font-size-xs);box-shadow:var(--shadow-sm);border:1px solid var(--stroke);background:#09090b;border-radius:10px;overflow:hidden}.console-header{padding:6px var(--space-md);border-bottom:1px solid var(--stroke-soft);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;font-size:9px;font-weight:700}.console-body{padding:var(--space-md);color:#34c759;text-align:left;flex-direction:column;gap:4px;min-height:120px;line-height:1.5;display:flex}.console-line{white-space:pre-wrap;word-break:break-all}.simulated-result-card{gap:var(--space-lg);background:var(--bg-sidebar);border:1px solid var(--stroke-soft);padding:var(--space-md);text-align:left;border-radius:12px;grid-template-columns:140px 1fr;align-items:center;display:grid}.mock-image-container{border:1px solid var(--stroke);box-shadow:var(--shadow-xs);background:var(--bg-panel);border-radius:8px;height:90px;position:relative;overflow:hidden}.mock-img{width:100%;height:100%;transition:all var(--transition-slow) cubic-bezier(.2, .8, .2, 1);display:block}.mock-image-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000a6;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.mock-result-details{flex-direction:column;justify-content:center;display:flex}.mock-stats-row{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.mock-stat-col{flex-direction:column;gap:2px;display:flex}.stat-label{text-transform:uppercase;color:var(--text-soft);letter-spacing:.05em;font-size:8px;font-weight:700}.stat-val{font-size:var(--font-size-base);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.stat-val--before{color:var(--text-muted);opacity:.7;text-decoration:line-through}.stat-val--after{color:var(--text-primary)}.mock-stat-arrow{color:var(--text-soft);font-weight:var(--weight-bold)}.mock-stat-col--savings{background:var(--success-bg);border-radius:8px;align-items:center;padding:6px 12px}.stat-val--percentage{color:var(--success);font-size:var(--font-size-md);font-weight:800}.macos-drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:var(--space-2xl);background:#ffffffe6;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.dark .macos-drag-overlay{background:#0a0a0ad9}.drag-overlay-card{text-align:center;background:var(--bg-panel);border:1.5px solid var(--highlight);padding:var(--space-2xl);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-md);border-radius:16px;flex-direction:column;max-width:400px;display:flex}.drag-overlay-card h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700}.drag-overlay-card p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.premium-tools-section{max-width:1000px;margin:0 auto var(--space-4xl);padding:0 var(--space-xl)}.tools-list-premium{gap:var(--space-md);flex-direction:column;display:flex}.tool-row-premium{align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-panel);border:1px solid var(--stroke);text-align:left;border-radius:16px;text-decoration:none;transition:background-color .25s cubic-bezier(.25,.8,.25,1),border-color .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.tool-row-premium:hover{background-color:var(--bg-hover);border-color:var(--stroke-focus);transform:translateY(-2px);box-shadow:0 10px 30px #a340280d}.dark .tool-row-premium:hover{box-shadow:0 10px 30px #0000004d}.tool-row-premium:active{transform:translateY(0)scale(.99)}.tool-row-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .25s cubic-bezier(.25,.8,.25,1);display:flex}.tool-row-premium:hover .tool-row-icon{transform:scale(1.04)}.tool-row-content{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.tool-row-header{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.tool-row-header h3{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:700}.tool-row-content p{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.4;overflow:hidden}.tool-row-cta{flex-shrink:0}.squircle-cta{background:var(--bg-panel-soft);color:var(--text-primary);border-color:var(--stroke);align-items:center;gap:8px;display:inline-flex;border-radius:var(--radius-md)!important;font-size:var(--font-size-xs)!important;transition:all var(--transition-fast)!important;padding:8px 16px!important;font-weight:700!important}.tool-row-premium:hover .squircle-cta{background:var(--highlight);color:#fff;border-color:#0000}.arrow-transition{transition:transform var(--transition-fast);display:inline-block}.tool-row-premium:hover .arrow-transition{transform:translate(3px)}.usp-section-premium{max-width:1000px;margin:0 auto var(--space-4xl);padding:0 var(--space-xl)}.usp-grid-premium{gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.usp-card-premium{gap:var(--space-md);padding:var(--space-lg);background:0 0;flex-direction:column;align-items:center;display:flex}.usp-icon-wrapper{background:var(--highlight-soft);width:48px;height:48px;color:var(--highlight);margin-bottom:var(--space-xs);border-radius:12px;justify-content:center;align-items:center;display:flex}.usp-card-premium h3{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.usp-card-premium p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.6}@media (width<=860px){.macos-body{grid-template-columns:1fr}.macos-sidebar{border-right:none;border-bottom:1px solid var(--stroke-soft)}.sidebar-cta-box{display:none}.simulated-result-card{grid-template-columns:1fr}.usp-grid-premium{gap:var(--space-lg);grid-template-columns:1fr}.hero-premium-title{font-size:3rem}}@media (width<=640px){.tool-row-premium{align-items:flex-start;gap:var(--space-md);flex-direction:column}.tool-row-cta{width:100%}.squircle-cta{justify-content:center;width:100%}.hero-premium-title{font-size:2.25rem}.hero-premium-subtitle{font-size:var(--font-size-base)}.hero-premium-cta{flex-direction:column;align-items:center;width:100%}.hero-premium-cta .btn{width:min(100%,320px)}.tool-row-content p{white-space:normal}}.workspace-drawer{gap:var(--space-md);padding:var(--space-md);background:var(--bg-panel-glass);border:1px solid var(--stroke-soft);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--scroll) transparent;transition:border-color var(--transition-normal);display:flex;overflow-x:auto}.workspace-drawer::-webkit-scrollbar{height:6px}.workspace-drawer::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:var(--radius-pill)}.workspace-drawer::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}.workspace-drawer-thumb{border-radius:var(--radius-md);background:var(--bg-panel-soft);cursor:pointer;width:80px;height:80px;transition:all var(--transition-fast);border:2px solid #0000;flex:0 0 80px;position:relative;overflow:hidden}.workspace-drawer-thumb:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.workspace-drawer-thumb.active{border-color:var(--primary);box-shadow:0 0 0 3px #a3402826}.workspace-drawer-thumb img{object-fit:cover;width:100%;height:100%}.workspace-drawer-delete{color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:10;background:#ff3b30e6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:4px;right:4px}.workspace-drawer-thumb:hover .workspace-drawer-delete{opacity:1}.workspace-drawer-delete:hover{background:#ff3b30;transform:scale(1.1)}.tool-workspace{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.media-sandbox{background:var(--bg-panel-glass);border:1px solid var(--stroke-soft);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(12px);flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.canvas-checkerboard{background-position:0 0,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg, var(--bg-panel-soft) 25%, transparent 25%, transparent 75%, var(--bg-panel-soft) 75%), linear-gradient(45deg, var(--bg-panel-soft) 25%, var(--background) 25%, var(--background) 75%, var(--bg-panel-soft) 75%);border:1px dashed var(--stroke-soft);border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:400px;box-shadow:var(--shadow-lg)}.media-info-glass{bottom:var(--space-md);color:#321100;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);font-size:var(--font-size-xs);gap:var(--space-md);box-shadow:var(--shadow-md);white-space:nowrap;background:#ffffffd9;border:1px solid #fff6;padding:8px 16px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dark .media-info-glass{color:var(--foreground);background:#0009;border:1px solid #ffffff1a}.card--premium{background:var(--bg-panel-glass);border:1px solid var(--stroke-soft);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);transition:border-color var(--transition-normal)}.card--premium:hover{border-color:var(--stroke-focus)}.locked-badge-box{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);gap:var(--space-xs);color:var(--text-primary);background:linear-gradient(135deg,#d4af371a 0%,#d4af3708 100%);border:1px solid #d4af374d;flex-direction:column;display:flex}.locked-badge-header{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:#d4af37;font-weight:700;display:flex}.locked-badge-text{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.workspace-metrics-grid{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.workspace-metric-card{background:var(--bg-panel-glass);border:1px solid var(--stroke-soft);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);flex-direction:column;display:flex}.workspace-metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.workspace-metric-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.workspace-metric-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:800}.workspace-metric-sub{font-size:var(--font-size-xs);color:var(--text-soft)}.controls-locked{position:relative}.controls-locked .locked-opacity-layer{opacity:.5;pointer-events:none;filter:grayscale(40%)}.ios-switch-container{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.ios-switch{width:44px;height:24px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-slider{cursor:pointer;background-color:var(--stroke);border-radius:24px;transition:all .4s;position:absolute;inset:0}.ios-slider:before{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;transition:all .4s;position:absolute;bottom:2px;left:2px}.dark .ios-slider:before{background-color:var(--foreground)}.ios-switch input:checked+.ios-slider{background-color:var(--primary)}.ios-switch input:checked+.ios-slider:before{background-color:var(--primary-foreground);transform:translate(20px)}input[type=range].premium-slider{appearance:none;background:var(--stroke);border-radius:var(--radius-pill);width:100%;height:6px;transition:background var(--transition-fast);outline:none}input[type=range].premium-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--bg-panel);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%}input[type=range].premium-slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}@media (width<=1024px){.tool-workspace{grid-template-columns:1fr}}.ad-slot{background:var(--bg-panel-soft);border:1px solid var(--stroke-soft);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-slot--sidebar{width:var(--ad-sidebar-width);height:100%;top:var(--header-height);border-top:none;border-bottom:none;align-self:start;position:sticky}#ad-sidebar-left{border-left:none}#ad-sidebar-right{border-right:none}.ad-slot--mobile{width:100%;height:auto;margin-bottom:var(--space-md);border-radius:var(--radius-card);display:none}.ad-slot--banner{width:100%;height:var(--ad-banner-height);margin-top:var(--space-xl);border-radius:var(--radius-card)}.ad-sandbox-card{width:100%;height:100%;min-height:120px;padding:var(--space-md);text-align:center;background:radial-gradient(circle at top left, var(--bg-panel) 0%, var(--bg-panel-soft) 100%);border:2px dashed var(--stroke);border-radius:var(--radius-card);transition:all var(--transition-normal);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ad-sandbox-card:hover{border-color:var(--accent);background:radial-gradient(circle at top left, var(--bg-panel-soft) 0%, var(--bg-hover) 100%)}.ad-sandbox-badge{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;background:var(--secondary);color:var(--text-soft);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);margin-bottom:var(--space-xs);border:1px solid var(--stroke)}.ad-sandbox-title{font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:2px}.ad-sandbox-info{font-size:11px;font-family:var(--font-mono);color:var(--accent);border-radius:var(--radius-xs);margin-bottom:var(--space-xs);background:#a340280d;padding:2px 6px}.ad-sandbox-desc{color:var(--text-dim);max-width:90%;font-size:11px}@media (width<=1024px){.page-with-ads{grid-template-columns:1fr}.ad-slot--sidebar{display:none}.ad-slot--mobile{height:80px;display:flex}}.seo-content-section{padding:0 var(--space-md) var(--space-2xl) var(--space-md);margin-top:var(--space-xl);justify-content:center;width:100%;display:flex}.seo-content-card{background:var(--bg-panel-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--stroke);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);border-radius:20px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.seo-content-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent) 50%, transparent);opacity:.3;width:80%;height:1px;transition:opacity .3s;position:absolute;top:0;left:10%}.seo-content-card:hover:before{opacity:.8}.seo-collapse-trigger{width:100%;padding:var(--space-md) var(--space-xl);cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--weight-semibold);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;transition:all .3s;display:flex}.seo-collapse-trigger:hover{background:#a340280a}.seo-trigger-sparkle{color:var(--accent);margin-right:var(--space-sm);font-size:1.1em;animation:2s ease-in-out infinite pulse}.seo-trigger-text{color:var(--text-primary);opacity:.9;letter-spacing:-.01em;flex-grow:1}.seo-trigger-arrow{color:var(--text-muted);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s;display:flex}.seo-trigger-arrow.active{color:var(--accent);transform:rotate(180deg)}.seo-collapse-body{opacity:0;max-height:0;padding:0 var(--space-xl);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.seo-content-card.is-open .seo-collapse-body{opacity:1;max-height:4000px;padding:0 var(--space-xl) var(--space-xl) var(--space-xl);border-top:1px solid var(--stroke-soft)}.seo-heading-primary{font-size:var(--font-size-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.03em;color:var(--text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);line-height:1.25}.seo-heading-secondary{font-size:var(--font-size-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);line-height:1.3}.seo-paragraph{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.7}.seo-list{margin-bottom:var(--space-xl);padding-left:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.seo-list li{font-size:var(--font-size-base);color:var(--text-muted);padding-left:var(--space-lg);line-height:1.6;list-style:none;position:relative}.seo-list li:before{content:"✦";color:var(--accent);font-size:12px;position:absolute;top:2px;left:0}.seo-list li strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.seo-faq-grid{gap:var(--space-md);margin-top:var(--space-2xl);border-top:1px solid var(--stroke-soft);padding-top:var(--space-xl);flex-wrap:wrap;display:flex}.seo-faq-item{background:var(--bg-panel-soft);border:1px solid var(--stroke);border-radius:12px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.seo-faq-item[open]{border-color:var(--accent);box-shadow:var(--shadow-md)}.seo-faq-question{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.seo-faq-question::-webkit-details-marker{display:none}.seo-faq-question:after{content:"+";color:var(--text-muted);font-size:20px;font-weight:300;transition:transform .3s,color .3s}.seo-faq-item[open] .seo-faq-question:after{color:var(--accent);transform:rotate(45deg)}.seo-faq-answer{padding:0 var(--space-lg) var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--text-muted);border-top:1px solid var(--stroke-soft);line-height:1.6;animation:.3s cubic-bezier(.4,0,.2,1) slideDown}.w-full{width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.seo-faq-item{width:calc(50% - var(--space-sm))}}