@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-v13-latin-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-v13-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-v13-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-v13-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-2xs: .625rem;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.15;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tighter: -.03em;--letter-spacing-tight: -.015em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500;--container-max: 1280px;--container-padding: var(--space-6);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--grid-size: 26px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;height:100%;background-color:var(--bg-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;min-height:100%;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:center top}@media(prefers-contrast:more),(prefers-contrast:high){body:before{display:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--transition-fast);font-weight:var(--font-weight-medium)}.skip-link:focus{top:var(--space-4)}::selection{background-color:var(--accent-primary);color:#fff}.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-footer{padding-bottom:env(safe-area-inset-bottom)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button{-webkit-tap-highlight-color:transparent}:root{--color-primary: #107f87;--color-primary-hover: #0d6a71;--color-primary-active: #0a555b;--color-primary-light: #e8f4f5;--color-primary-muted: rgba(16, 127, 135, .12);--color-secondary: #1bcace;--color-secondary-hover: #17b5b9;--color-secondary-active: #13a0a4;--color-secondary-light: #e6f9fa;--color-neutral-dark: #232323;--color-neutral: #c4c4c4;--color-neutral-light: #e0e0e0;--color-white: #ffffff;--color-black: #000000}:root,[data-theme=light]{--brand-primary: var(--color-primary);--brand-primary-hover: var(--color-primary-hover);--brand-primary-active: var(--color-primary-active);--brand-primary-light: var(--color-primary-light);--brand-secondary: var(--color-secondary);--brand-neutral: var(--color-neutral);--bg-primary: #f6f8fa;--bg-secondary: #ffffff;--bg-tertiary: #eaeef2;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .92);--grid-dot: rgba(13, 17, 23, .05);--text-primary: #0d1117;--text-secondary: #3d4451;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-primary: #d0d7de;--border-secondary: #e8ecf0;--border-focus: #6b7280;--border-accent: rgba(16, 127, 135, .35);--accent-primary: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-active: var(--color-primary-active);--accent-subtle: rgba(16, 127, 135, .07);--accent-subtle-hover: rgba(16, 127, 135, .13);--category-doc: var(--color-primary);--category-notes: #e67e22;--category-project: #2980b9;--category-communication: #8e44ad;--category-writing: #c0392b;--category-design: #d35400;--category-desktop: #9b59b6;--category-visual: var(--color-secondary);--category-cms: #e91e63;--category-3d: #7b1fa2;--category-photography: #e64a19;--category-data: #27ae60;--category-math: var(--color-secondary);--category-reference: #f39c12;--category-ai-ml: #5e35b1;--category-science: #00838f;--category-encryption: #0097a7;--category-password: var(--color-primary);--category-privacy: #7b1fa2;--category-security-tools: #c62828;--category-media: #f9a825;--category-ebook: var(--color-primary);--category-audio: #ad1457;--category-video: #d84315;--category-gaming: #558b2f;--category-file: #757575;--category-geo: #1565c0;--category-health: #c2185b;--category-finance: #2e7d32;--category-education: #0288d1;--category-networking: #303f9f;--category-automation: #5d4037;--category-backup: #546e7a;--category-homelab: #388e3c;--category-development: #1976d2;--category-devops: #ef6c00;--category-database: #00796b;--category-monitoring: #9e9d24;--category-testing: #0097a7;--category-api: #7b1fa2;--category-mobile: #c2185b;--category-web: #303f9f;--category-virtualization: #512da8;--category-ecommerce: #388e3c;--category-crm: #ef6c00;--success: #16a34a;--success-subtle: rgba(22, 163, 74, .1);--warning: #d97706;--warning-subtle: rgba(217, 119, 6, .1);--error: #dc2626;--error-subtle: rgba(220, 38, 38, .1);--info: var(--color-primary);--info-subtle: rgba(16, 127, 135, .1);--card-bg: #ffffff;--card-bg-hover: #fafbfc;--card-border: #d0d7de;--card-border-hover: rgba(16, 127, 135, .45);--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--card-shadow-hover: 0 8px 28px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--card-glass-edge: rgba(16, 127, 135, .22);--card-tag-hover-color: #ffffff;--color-on-accent: #ffffff;--nav-bg: rgba(246, 248, 250, .96);--nav-border: rgba(0, 0, 0, .08);--nav-blur: 20px;--modal-backdrop: rgba(0, 0, 0, .35);--modal-bg: #ffffff;--modal-shadow: 0 25px 60px -12px rgba(0, 0, 0, .18);--input-bg: #ffffff;--input-border: #d0d7de;--input-border-hover: #9ca3af;--input-focus-ring: rgba(16, 127, 135, .2);--scrollbar-track: #f1f3f5;--scrollbar-thumb: #d0d7de;--scrollbar-thumb-hover: #9ca3af;--featured-bg: #f6f8fa;--chart-1: var(--color-primary);--chart-2: var(--color-secondary);--chart-3: #16a34a;--chart-4: #d97706;--chart-5: #7c3aed;--chart-6: #2563eb}[data-theme=dark]{--brand-primary: var(--color-secondary);--brand-primary-hover: #3dd5d9;--brand-primary-active: var(--color-primary);--brand-primary-light: rgba(27, 202, 206, .15);--brand-secondary: #5ce1e5;--brand-neutral: #6b7280;--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-elevated: #1c2128;--bg-glass: rgba(22, 27, 34, .92);--grid-dot: rgba(255, 255, 255, .04);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--text-muted: #484f58;--text-inverse: #0d1117;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .06);--border-focus: rgba(255, 255, 255, .2);--border-accent: rgba(27, 202, 206, .4);--accent-primary: var(--color-secondary);--accent-hover: #3dd5d9;--accent-active: var(--color-primary);--accent-subtle: rgba(27, 202, 206, .1);--accent-subtle-hover: rgba(27, 202, 206, .18);--category-doc: var(--color-secondary);--category-notes: #ffa726;--category-project: #42a5f5;--category-communication: #ab47bc;--category-writing: #ef5350;--category-design: #ffb74d;--category-desktop: #ba68c8;--category-visual: #4dd0e1;--category-cms: #f06292;--category-3d: #ce93d8;--category-photography: #ff8a65;--category-data: #66bb6a;--category-math: #4dd0e1;--category-reference: #ffca28;--category-ai-ml: #b39ddb;--category-science: #26c6da;--category-encryption: #4dd0e1;--category-password: var(--color-secondary);--category-privacy: #ba68c8;--category-security-tools: #ef5350;--category-media: #ffee58;--category-ebook: var(--color-secondary);--category-audio: #f06292;--category-video: #ff8a65;--category-gaming: #9ccc65;--category-file: #90a4ae;--category-geo: #42a5f5;--category-health: #f06292;--category-finance: #66bb6a;--category-education: #29b6f6;--category-networking: #7986cb;--category-automation: #a1887f;--category-backup: #90a4ae;--category-homelab: #81c784;--category-development: #64b5f6;--category-devops: #ffb74d;--category-database: #4db6ac;--category-monitoring: #dce775;--category-testing: #4dd0e1;--category-api: #ce93d8;--category-mobile: #f06292;--category-web: #7986cb;--category-virtualization: #b39ddb;--category-ecommerce: #81c784;--category-crm: #ffb74d;--success: #3fb950;--success-subtle: rgba(63, 185, 80, .12);--warning: #d29922;--warning-subtle: rgba(210, 153, 34, .12);--error: #f85149;--error-subtle: rgba(248, 81, 73, .12);--info: var(--color-secondary);--info-subtle: rgba(27, 202, 206, .12);--card-bg: #161b22;--card-bg-hover: #1c2128;--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(27, 202, 206, .35);--card-shadow: 0 1px 3px rgba(0,0,0,.3);--card-shadow-hover: 0 8px 32px rgba(0,0,0,.5);--card-glass-edge: rgba(27, 202, 206, .28);--card-tag-hover-color: #062E31;--color-on-accent: #062E31;--nav-bg: rgba(13, 17, 23, .96);--nav-border: rgba(255, 255, 255, .08);--nav-blur: 20px;--modal-backdrop: rgba(0, 0, 0, .65);--modal-bg: #161b22;--modal-shadow: 0 25px 60px -12px rgba(0, 0, 0, .7);--input-bg: #0d1117;--input-border: rgba(255, 255, 255, .1);--input-border-hover: rgba(255, 255, 255, .2);--input-focus-ring: rgba(27, 202, 206, .25);--scrollbar-track: #161b22;--scrollbar-thumb: #30363d;--scrollbar-thumb-hover: #484f58;--featured-bg: #161b22;--chart-1: var(--color-secondary);--chart-2: #5ce1e5;--chart-3: #3fb950;--chart-4: #d29922;--chart-5: #a371f7;--chart-6: #58a6ff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-primary: var(--color-secondary);--brand-primary-hover: #3dd5d9;--brand-primary-active: var(--color-primary);--brand-primary-light: rgba(27, 202, 206, .15);--brand-secondary: #5ce1e5;--brand-neutral: #6b7280;--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-elevated: #1c2128;--bg-glass: rgba(22, 27, 34, .92);--grid-dot: rgba(255, 255, 255, .04);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--text-muted: #484f58;--text-inverse: #0d1117;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .06);--border-focus: rgba(255, 255, 255, .2);--border-accent: rgba(27, 202, 206, .4);--accent-primary: var(--color-secondary);--accent-hover: #3dd5d9;--accent-active: var(--color-primary);--accent-subtle: rgba(27, 202, 206, .1);--accent-subtle-hover: rgba(27, 202, 206, .18);--card-bg: #161b22;--card-bg-hover: #1c2128;--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(27, 202, 206, .35);--card-shadow: 0 1px 3px rgba(0,0,0,.3);--card-shadow-hover: 0 8px 32px rgba(0,0,0,.5);--card-glass-edge: rgba(27, 202, 206, .28);--card-tag-hover-color: #062E31;--color-on-accent: #062E31;--nav-bg: rgba(13, 17, 23, .96);--nav-border: rgba(255, 255, 255, .08);--modal-backdrop: rgba(0, 0, 0, .65);--modal-bg: #161b22;--input-bg: #0d1117;--input-border: rgba(255, 255, 255, .1);--input-border-hover: rgba(255, 255, 255, .2);--input-focus-ring: rgba(27, 202, 206, .25);--scrollbar-track: #161b22;--scrollbar-thumb: #30363d;--scrollbar-thumb-hover: #484f58;--featured-bg: #161b22;--success: #3fb950;--success-subtle: rgba(63, 185, 80, .12);--warning: #d29922;--warning-subtle: rgba(210, 153, 34, .12);--error: #f85149;--error-subtle: rgba(248, 81, 73, .12);--info: var(--color-secondary);--info-subtle: rgba(27, 202, 206, .12)}}html.loading *,html.loading *:before,html.loading *:after{transition-duration:0s!important;transition-delay:0s!important}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .25s ease,color .25s ease,border-color .25s ease,fill .25s ease,stroke .25s ease!important}@media(prefers-reduced-motion:reduce){html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:none!important}}html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){mix-blend-mode:normal;animation-duration:0s}html.theme-switching::view-transition-old(root){animation:none;z-index:0}html.theme-switching::view-transition-new(root){z-index:1;clip-path:circle(0 at var(--reveal-x, 50%) var(--reveal-y, 50%));animation:theme-circle-reveal .5s cubic-bezier(.22,1,.36,1) both}@keyframes theme-circle-reveal{to{clip-path:circle(100vmax at var(--reveal-x, 50%) var(--reveal-y, 50%))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-contrast:more),(prefers-contrast:high){:root,[data-theme=light]{--text-primary: #000000;--text-secondary: #1a1a1a;--text-tertiary: #1a1a1a;--text-muted: #333333;--border-primary: #000000;--border-secondary: #000000;--card-border: #000000}[data-theme=dark]{--text-primary: #ffffff;--text-secondary: #f0f0f0;--text-tertiary: #f0f0f0;--text-muted: #e6e6e6;--border-primary: #ffffff;--border-secondary: #ffffff;--card-border: #ffffff}.tool-detail a:not(.btn),.faq-item__answer a,.footer-copyright a{text-decoration:underline;text-underline-offset:2px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media(prefers-reduced-transparency:reduce){:root,[data-theme=light]{--bg-glass: #ffffff;--nav-bg: #f6f8fa}[data-theme=dark]{--bg-glass: #161b22;--nav-bg: #0d1117}}.app-main{min-height:calc(100vh - 64px)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-primary);color:var(--color-on-accent)!important;box-shadow:0 1px 3px #107f8733}.btn--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px -2px #107f8766}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn--primary svg{color:var(--color-on-accent);stroke:var(--color-on-accent)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-focus)}.btn--ghost{background:transparent;color:var(--accent-primary)}.btn--ghost:hover:not(:disabled){background:var(--accent-subtle)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn--block{width:100%}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--nav-bg);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));border-bottom:1px solid var(--nav-border)}.header-container{max-width:var(--container-max);margin-inline:auto;height:64px;padding-inline:var(--container-padding);display:flex;align-items:center;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.brand__logo{height:28px;width:auto;display:block}.brand__tag{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-on-accent);background:var(--accent-primary);padding:2px 7px;border-radius:var(--radius-full)}.header-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-shrink:0}.header-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.header-link:hover,.header-link--active{color:var(--text-primary);background:var(--bg-tertiary)}.header-link__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.header-fav-shortcut{display:none;position:relative;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.header-fav-shortcut:hover,.header-fav-shortcut--active{color:var(--text-primary);background:var(--bg-tertiary)}.header-fav-shortcut--active{color:var(--error)}.header-fav-shortcut__badge{position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--error);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 0 0 2px var(--nav-bg)}.theme-toggle{position:relative;display:flex;align-items:center;gap:2px;padding:3px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);--thumb-step: 34px}[data-active-index="0"]{--thumb-index: 0}[data-active-index="1"]{--thumb-index: 1}[data-active-index="2"]{--thumb-index: 2}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 0 1px #0000000a;transform:translate(calc(var(--thumb-index, 0) * var(--thumb-step, 34px)));transition:transform .22s cubic-bezier(.34,1.2,.64,1);pointer-events:none;z-index:0}[data-theme=dark] .theme-toggle__thumb{background:#2d333b;box-shadow:0 0 0 1px #ffffff14,0 2px 6px #00000080}.theme-toggle__btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-muted);transition:color .15s ease}.theme-toggle__btn:hover{color:var(--text-secondary)}.theme-toggle__btn.active{color:var(--accent-primary)}.hero{position:relative;padding:clamp(var(--space-12),7vw,var(--space-24)) 0 var(--space-10);text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% -10%,var(--accent-subtle),transparent 70%);pointer-events:none}.hero__inner{position:relative;max-width:760px;margin-inline:auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-6)}.hero__badge svg{color:var(--accent-primary)}.hero h1{font-size:clamp(2rem,5vw,var(--font-size-5xl));letter-spacing:var(--letter-spacing-tighter);margin-bottom:var(--space-4)}.hero h1 .accent{color:var(--accent-primary)}.hero__lead{font-size:clamp(var(--font-size-base),2.2vw,var(--font-size-xl));color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.hero__trust{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);justify-content:center;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--text-tertiary)}.hero__trust-item{display:inline-flex;align-items:center;gap:var(--space-2)}.hero__trust-item svg{color:var(--accent-primary)}.hero-press{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-secondary)}.hero-press__label{display:block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-5)}.hero-press__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:safe center;row-gap:var(--space-4);column-gap:var(--space-8)}.hero-press__link{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}.hero-press__link:hover,.hero-press__link:focus-visible{opacity:1;transform:translateY(-1px);outline-offset:4px}.hero-press__img{height:28px;width:auto;max-width:min(45vw,220px);object-fit:contain;display:block}.search-hero{position:relative;max-width:680px;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(16,127,135,.13))}.search-hero__icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--accent-primary);pointer-events:none;transition:color var(--transition-fast)}.search-hero__input{width:100%;height:68px;padding:0 56px 0 58px;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-2xl);color:var(--text-primary);box-shadow:0 4px 20px #00000012,0 1px 4px #0000000a;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-hero__input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.search-hero__input::-webkit-search-cancel-button{display:none}.search-hero__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 5px var(--input-focus-ring),0 4px 20px #107f872e}.search-hero__input:focus~.search-hero__icon,.search-hero:focus-within .search-hero__icon{color:var(--accent-primary)}.search-hero__clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.search-hero__clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.section{padding-block:var(--space-10)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.section__title{font-size:var(--font-size-2xl)}.section__hint{color:var(--text-tertiary);font-size:var(--font-size-sm)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-2)}.eyebrow svg{color:var(--accent-primary)}.section__sub{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--space-1) 0 0;max-width:52ch}.chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-1px)}.chip svg{color:var(--accent-primary)}.chip--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--color-on-accent)}.chip--active svg{color:var(--color-on-accent)}.section--workflows .section__head{align-items:flex-start}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--space-4)}.workflow-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);text-align:left;padding:var(--space-4) var(--space-5) var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);cursor:pointer;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.workflow-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent-primary);opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity var(--transition-fast),transform var(--transition-base)}.workflow-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.workflow-card:hover:before{opacity:.5;transform:scaleY(1)}.workflow-card.is-active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),var(--card-shadow-hover);background:var(--accent-subtle)}.workflow-card.is-active:before{opacity:1;transform:scaleY(1)}.workflow-card__icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-primary);transition:background var(--transition-fast),color var(--transition-fast)}.workflow-card:hover .workflow-card__icon,.workflow-card.is-active .workflow-card__icon{background:var(--accent-primary);color:var(--color-on-accent)}.workflow-card.is-active .workflow-card__icon svg{color:var(--color-on-accent)}.workflow-card__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.workflow-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}.workflow-card__desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workflow-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--border-secondary)}.workflow-card.is-active .workflow-card__foot{border-top-color:var(--border-accent)}.workflow-card__count{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-muted)}.workflow-card.is-active .workflow-card__count{color:var(--accent-primary)}.workflow-card__go{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-full);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.workflow-card:hover .workflow-card__go{color:var(--accent-primary);transform:translate(2px)}.workflow-card.is-active .workflow-card__go{background:var(--accent-primary);color:var(--color-on-accent);transform:none}.workflow-card.is-active .workflow-card__go svg{color:var(--color-on-accent)}.ai-spotlight{margin-block:var(--space-8);padding-block:var(--space-8);background:radial-gradient(130% 130% at 100% 0%,var(--accent-subtle),transparent 55%),var(--card-bg);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow)}.ai-spotlight .section__head{margin-bottom:var(--space-5);align-items:flex-start}.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}.ai-card-shell{position:relative}.ai-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);padding-right:56px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-xl);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.ai-card:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.ai-card__fav{position:absolute;top:0;bottom:0;right:var(--space-4);margin-block:auto}.ai-card__icon{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-primary)}.ai-card--cloud .ai-card__icon{background:var(--warning-subtle);color:var(--warning)}.ai-card__body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ai-card__titlerow{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ai-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.ai-card__tagline{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-card__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-primary)}.ai-card__cta svg{transition:transform var(--transition-fast)}.ai-card:hover .ai-card__cta svg{transform:translate(3px)}.ai-tier,.tool-card__tier{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap}.ai-tier--cloud,.tool-card__tier--cloud{color:var(--warning);background:var(--warning-subtle);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.ai-tier--bridge,.tool-card__tier--bridge{color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--border-accent)}.tool-card--ai .tool-card__cta{color:var(--accent-primary)}@media(max-width:520px){.ai-card{flex-wrap:wrap}.ai-card__cta{width:100%;justify-content:flex-end}}.cat-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cat-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.cat-pill:hover{color:var(--text-primary);border-color:var(--border-primary)}.cat-pill svg{color:var(--cat, var(--accent-primary))}.cat-pill--active{background:var(--bg-tertiary);border-color:var(--border-focus);color:var(--text-primary)}.cat-pill__count{font-size:var(--font-size-2xs);color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--space-4)}.tool-card-shell{position:relative;height:100%}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);height:100%}.tool-card:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.tool-card__top{display:flex;align-items:center;gap:var(--space-3);padding-right:38px}.tool-card__icon{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-lg);color:var(--cat, var(--accent-primary));background:color-mix(in srgb,var(--cat, var(--accent-primary)) 14%,transparent)}.tool-card__cat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--cat, var(--text-tertiary))}.tool-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.tool-card__tagline{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0;flex:1}.tool-card__cta{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-primary)}.tool-card__cta svg{transition:transform var(--transition-fast)}.tool-card:hover .tool-card__cta svg{transform:translate(3px)}.tool-card__fav{position:absolute;top:var(--space-4);right:var(--space-4)}.favorite-btn{z-index:2;flex-shrink:0;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:var(--radius-full);color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.favorite-btn:hover{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,transparent);background:var(--error-subtle)}.favorite-btn:active{transform:scale(.9)}.favorite-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.favorite-btn--active{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,transparent);background:var(--error-subtle)}.favorite-btn--active:hover{background:color-mix(in srgb,var(--error) 18%,transparent)}.favorite-btn--active .favorite-btn__icon{animation:favorite-pop .36s var(--ease-out)}@keyframes favorite-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}65%{transform:scale(.92)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.favorite-btn--active .favorite-btn__icon{animation:none}}.empty{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-tertiary)}.empty__icon{color:var(--text-muted);margin-bottom:var(--space-4)}.empty h3{margin-bottom:var(--space-2)}.error-boundary{min-height:60vh;display:grid;place-content:center;padding:var(--space-8) var(--space-4)}.error-boundary__card{max-width:560px;text-align:center}.error-boundary__icon{color:var(--warning, #d29922);margin-bottom:var(--space-3);display:flex;justify-content:center}.error-boundary__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.error-boundary__text{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.error-boundary__stack{margin-top:var(--space-5);text-align:left;font-size:var(--font-size-xs, 12px);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;padding:var(--space-3);border-radius:var(--radius-md, 8px);background:var(--code-bg, rgba(127,127,127,.08));color:var(--text-tertiary)}.header-search{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.header-search:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-primary)}.header-search__kbd{font-family:var(--font-mono, monospace);font-size:11px;line-height:1;padding:3px 5px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-secondary)}@media(max-width:860px){.header-search__label,.header-search__kbd{display:none}.header-search{padding:var(--space-2)}}.palette-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding:clamp(var(--space-4),10vh,var(--space-16)) var(--space-4) var(--space-4);animation:fadeIn .12s ease}.palette{width:100%;max-width:560px;display:flex;flex-direction:column;max-height:min(560px,calc(100dvh - var(--space-16)));background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow);overflow:hidden}.palette__search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-secondary)}.palette__search-icon{color:var(--text-tertiary);flex-shrink:0}.palette__input{flex:1;min-width:0;border:0;background:transparent;font-size:var(--font-size-base);color:var(--text-primary)}.palette__input:focus,.palette__input:focus-visible{outline:none}.palette__input::placeholder{color:var(--text-tertiary)}.palette__close{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);cursor:pointer}.palette__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.palette__results{overflow-y:auto;padding:var(--space-2);flex:1}.palette__group+.palette__group{margin-top:var(--space-2)}.palette__heading{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.palette__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;color:var(--text-primary)}.palette__item.is-active{background:var(--bg-tertiary)}.palette__item-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;color:var(--text-secondary)}.palette__item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.palette__item-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.palette__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.palette__footer{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary)}.palette__footer kbd{font-family:var(--font-mono, monospace);padding:2px 5px;margin-right:3px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-secondary)}@media(max-width:560px){.palette__footer{display:none}}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--modal-bg);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow);width:100%;max-width:440px;max-height:calc(100dvh - var(--space-8));overflow-y:auto;animation:slideUp .2s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:var(--space-3)}.modal-header__icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-primary)}.modal-header__title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-header__close{flex-shrink:0;margin-left:auto;color:var(--text-tertiary)}.modal-header__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.install-modal{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.install-modal__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.install-modal__step{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.install-modal__num{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.install-modal__note{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);margin:0}@media(max-width:480px){.modal-box{border-radius:var(--radius-lg)}.install-modal{padding:var(--space-5);gap:var(--space-4)}}.route-loading{display:grid;place-items:center;min-height:50vh}.spinner{width:38px;height:38px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}}.site-footer{margin-top:var(--space-16);background:var(--bg-secondary);border-top:1px solid var(--border-primary);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.4}.footer-main{padding:var(--space-16) 0 var(--space-12)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo-link{display:inline-flex;transition:opacity var(--transition-fast)}.footer-logo-link:hover{opacity:.8}.footer-logo-img{height:32px;width:auto;display:block}.footer-description{color:var(--text-secondary);max-width:320px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.footer-vote{width:100%;max-width:320px;height:68px;margin-top:var(--space-2);overflow:hidden;border-radius:14px;transform:translateZ(0)}.footer-vote__frame{display:block;width:calc(100% + 4px);height:72px;margin:-2px;border:0;background:transparent}.footer-vote+.footer-social{margin-top:0}.footer-social{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.footer-social__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);transition:background .2s ease,color .2s ease,transform .2s ease}.footer-social__link:hover{background:var(--accent-primary);color:var(--color-on-accent);transform:translateY(-2px)}.footer-social__link svg{width:18px;height:18px}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-1)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);transition:color .2s ease,transform .2s ease;width:fit-content}.footer-link:hover{color:var(--accent-primary);transform:translate(2px)}.footer-press{padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--border-primary)}.footer-press__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-4)}.footer-press__logos{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--space-4);column-gap:var(--space-8)}.footer-press__link{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;opacity:.55;transition:opacity var(--transition-fast)}.footer-press__link:hover,.footer-press__link:focus-visible{opacity:1;outline-offset:4px}.footer-press__img{height:36px;width:auto;max-width:min(45vw,220px);object-fit:contain;display:block}.footer-bottom{padding:var(--space-6) 0;border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.footer-flag{flex-shrink:0;border-radius:4px;box-shadow:0 1px 2px #0000001a}.footer-legal{display:flex;align-items:center;gap:var(--space-6)}.footer-legal__link{font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer-legal__link:hover{color:var(--text-primary)}.footer-legal__divider{width:1px;height:12px;background:var(--border-primary)}:root{--container-padding: var(--space-6)}@media(max-width:1024px){:root{--container-padding: var(--space-5)}}@media(max-width:768px){:root{--container-padding: var(--space-4)}}@media(max-width:480px){:root{--container-padding: var(--space-4)}}@media(max-width:1024px){.header-actions{gap:var(--space-2)}.header-link{padding:var(--space-2);font-size:var(--font-size-xs)}.install-btn__label{display:none}}@media(max-width:600px){.header-link{display:none}.header-fav-shortcut{display:inline-flex}}@media(max-width:768px){.header-container{height:56px}.app-main{min-height:calc(100vh - 56px)}}@media(max-width:480px){.header-container{gap:var(--space-2)}.brand__tag{display:none}.header-actions{gap:var(--space-2)}.header-fav-shortcut{width:32px;height:32px}.theme-toggle{--thumb-step: 30px}.theme-toggle__thumb,.theme-toggle__btn{width:28px;height:28px}}@media(max-width:360px){.brand__logo{height:22px}}@media(max-width:768px){.hero{padding-block:clamp(var(--space-10),8vw,var(--space-16)) var(--space-8)}.hero__badge{margin-bottom:var(--space-4)}.hero-press{margin-top:var(--space-8);padding-top:var(--space-6)}.hero-press__logos{row-gap:var(--space-3);column-gap:var(--space-6)}}@media(max-width:480px){.hero__trust{gap:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.hero-press__logos{row-gap:var(--space-3);column-gap:var(--space-4)}.hero-press__img{height:22px;max-width:60vw}}@media(max-width:768px){.search-hero__input{height:58px;font-size:var(--font-size-lg);padding:0 52px}.search-hero__icon{left:18px}.search-hero__clear{right:12px}}@media(max-width:480px){.search-hero__input{height:52px;font-size:var(--font-size-base);padding:0 48px 0 46px;border-radius:var(--radius-xl)}.search-hero__icon{left:14px}.search-hero__clear{right:10px;width:30px;height:30px}}@media(max-width:600px){.section{padding-block:var(--space-8)}.section__title{font-size:var(--font-size-xl)}.section__head{margin-bottom:var(--space-4);gap:var(--space-3)}}@media(max-width:768px){.ai-spotlight{border-radius:var(--radius-xl);padding-block:var(--space-6);margin-block:var(--space-6)}}@media(max-width:600px){.ai-grid{grid-template-columns:1fr}}@media(max-width:520px){.ai-card{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);padding-right:52px}.ai-card__cta{width:100%;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--border-secondary);margin-top:var(--space-1)}.ai-card__fav{top:var(--space-4);bottom:auto;right:var(--space-4);margin-block:0}}@media(max-width:480px){.cat-pills{gap:var(--space-2)}.cat-pill{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-2)}}@media(max-width:1024px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:600px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:var(--space-3)}.tool-card:hover{transform:none;box-shadow:var(--card-shadow)}}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-10)}.footer-main{padding:var(--space-12) 0 var(--space-10)}}@media(max-width:768px){.footer-bottom-content{flex-direction:column;text-align:center}.footer-copyright{flex-direction:column;align-items:center;gap:var(--space-1)}.footer-legal{flex-direction:column;gap:var(--space-1)}.footer-legal__divider{display:none}}@media(max-width:640px){.footer-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.footer-brand,.footer-section,.footer-links{align-items:center}.footer-description{text-align:center;max-width:100%}.footer-social{justify-content:center}.footer-link:hover{transform:none}.footer-press{text-align:center}.footer-press__logos{justify-content:safe center;row-gap:var(--space-4);column-gap:var(--space-6)}.footer-press__img{height:26px;max-width:60vw}.footer-legal{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.footer-main{padding:var(--space-10) 0 var(--space-8)}}.back-to-top{position:fixed;right:max(var(--space-6),env(safe-area-inset-right));bottom:max(var(--space-6),env(safe-area-inset-bottom));z-index:var(--z-sticky);width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--color-on-accent);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-fast),background var(--transition-fast)}.back-to-top--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px) scale(1);box-shadow:var(--shadow-xl)}.back-to-top:active{transform:translateY(0) scale(.96);box-shadow:var(--shadow-md)}@media(max-width:480px){.back-to-top{width:44px;height:44px;right:var(--space-4);bottom:var(--space-4)}}@media(hover:none)and (pointer:coarse){.tool-card:hover,.ai-card:hover,.workflow-card:hover,.btn--primary:hover:not(:disabled),.footer-social__link:hover,.back-to-top:hover{transform:none}.cat-pill,.btn,.icon-btn,.footer-link,.header-link{min-height:44px}.cat-pill{align-items:center}}.tool-page{padding-block:var(--space-8) var(--space-16);padding-inline:0}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-5)}.breadcrumb a{color:var(--text-tertiary)}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb svg{color:var(--text-muted)}.tool-head{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.tool-head__icon{flex-shrink:0;width:54px;height:54px;display:grid;place-items:center;border-radius:var(--radius-xl);color:var(--cat, var(--accent-primary));background:color-mix(in srgb,var(--cat, var(--accent-primary)) 14%,transparent)}.tool-head__title{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);margin:0}.tool-head__tagline{color:var(--text-secondary);font-size:var(--font-size-lg);margin:4px 0 0}.tool-head__fav{margin-left:auto}.privacy-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:var(--space-5) 0 var(--space-8);background:var(--success-subtle);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.privacy-banner svg{color:var(--success);flex-shrink:0}.privacy-banner strong{color:var(--text-primary)}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6)}.panel+.panel{margin-top:var(--space-5)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}@media(max-width:760px){.grid-2{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:480px){.panel{padding:var(--space-4)}}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.toolbar--end{justify-content:flex-end}.spacer{flex:1}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.field__hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.input,.select,.textarea{width:100%;padding:var(--space-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring)}.textarea{min-height:220px;resize:vertical;line-height:var(--line-height-normal)}.textarea--autosize{min-height:120px;max-height:480px;resize:none;overflow-y:auto;transition:height var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea--code,.codeblock{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:var(--font-size-sm);tab-size:2}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}.range{width:100%;accent-color:var(--accent-primary)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.checkbox-row input{width:16px;height:16px;accent-color:var(--accent-primary)}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);flex-wrap:wrap}.seg__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.seg__btn.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.codeblock{white-space:pre-wrap;word-break:break-word;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary);max-height:460px;overflow:auto;margin:0}.output-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;gap:var(--space-2);align-items:flex-start}.alert svg{flex-shrink:0;margin-top:2px}.alert--error{background:var(--error-subtle);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 35%,transparent)}.alert--ok{background:var(--success-subtle);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.alert--info{background:var(--info-subtle);color:var(--text-secondary);border:1px solid var(--border-primary)}.alert--warn{background:var(--warning-subtle);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent)}.alert--warn>svg{color:var(--warning)}.offline-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.offline-summary .stats{flex:1 1 320px}.offline-list,.data-list{display:flex;flex-direction:column;gap:var(--space-2)}.offline-row,.data-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.offline-row__main{display:flex;align-items:flex-start;gap:var(--space-3);flex:1 1 260px;min-width:0}.offline-row__state,.data-row__icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary)}.offline-row__state--ok{background:var(--success-subtle);color:var(--success)}.offline-row__state--warn{background:var(--warning-subtle);color:var(--warning)}.offline-row__text,.data-row__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.offline-row__title,.data-row__title{font-weight:600;color:var(--text-primary)}.offline-row__meta,.data-row__meta,.offline-row__uses{font-size:var(--font-size-sm);color:var(--text-secondary)}.offline-row__uses a,.data-row__title a{color:var(--accent-primary);text-decoration:none}.offline-row__uses a:hover,.data-row__title a:hover{text-decoration:underline}.offline-row__actions,.data-row__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.offline-row__progress{display:block;width:120px;height:6px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden}.offline-row__bar{display:block;height:100%;background:var(--accent-primary);transition:width .12s linear}.offline-row__pct{font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:3ch}.offline-row__error{flex-basis:100%}@media(max-width:560px){.offline-row__actions,.data-row__actions{width:100%}.offline-row__progress{flex:1;width:auto}}.batch-list{display:flex;flex-direction:column;gap:1px;background:var(--border-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.batch-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);font-size:var(--font-size-sm)}.batch-row__status{display:grid;place-items:center;width:20px;flex-shrink:0;color:var(--text-tertiary)}.batch-row--done .batch-row__status{color:var(--success)}.batch-row--error .batch-row__status{color:var(--error)}.batch-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.batch-row__meta{flex-shrink:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.batch-row--error .batch-row__meta{color:var(--error)}.batch-row__actions{display:flex;gap:2px;flex-shrink:0}@media(max-width:560px){.batch-row{flex-wrap:wrap}.batch-row__name{flex-basis:calc(100% - 90px)}.batch-row__meta{width:100%;padding-left:calc(20px + var(--space-3))}}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.page-card{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden;cursor:grab}.page-card:active{cursor:grabbing}.page-card__thumb{display:grid;place-items:center;aspect-ratio:3 / 4;padding:var(--space-2);background:var(--bg-tertiary);overflow:hidden}.page-card__thumb img{max-width:100%;max-height:100%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.page-card__bar{display:flex;align-items:center;gap:1px;padding:var(--space-1) var(--space-2)}.page-card__num{font-size:var(--font-size-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-right:auto}.page-card__bar .btn{padding:var(--space-1)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:2px dashed var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-secondary);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone:hover,.dropzone.is-drag{border-color:var(--accent-primary);background:var(--accent-subtle)}.dropzone__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent-primary)}.dropzone__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.dropzone__hint{font-size:var(--font-size-sm);color:var(--text-tertiary)}.file-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.file-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.file-row__icon{color:var(--accent-primary);flex-shrink:0}.file-row__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row__meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.file-row__actions{margin-left:auto;display:flex;gap:4px}.icon-btn{width:30px;height:30px;border-radius:var(--radius-md);display:inline-grid;place-items:center;color:var(--text-tertiary)}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.preview{display:flex;flex-direction:column;gap:var(--space-3)}.preview__canvas-wrap{display:grid;place-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%,var(--bg-secondary) 0% 50%) 50% / 22px 22px;border:1px solid var(--border-secondary);min-height:200px}.preview__canvas-wrap img,.preview__canvas-wrap canvas{max-width:100%;max-height:460px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.page-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.page-thumb{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.page-thumb img{width:100%;height:auto;display:block;background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%,var(--bg-secondary) 0% 50%) 50% / 22px 22px}.page-thumb__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-secondary)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.stat{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);text-align:center}.stat__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat__label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:2px}.swatch{width:100%;height:120px;border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.swatch-lg{height:180px}.diff-line{display:block;padding:0 var(--space-2);white-space:pre-wrap;word-break:break-word}.diff-line--add{background:var(--success-subtle);color:var(--text-primary)}.diff-line--del{background:var(--error-subtle);color:var(--text-primary)}.diff-line--ctx{color:var(--text-tertiary)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-tooltip);animation:toast-in .2s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.waveform-wrap{position:relative;width:100%;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden;--wave-color: color-mix(in srgb, var(--accent-primary) 55%, var(--text-tertiary));touch-action:none}.waveform-wrap canvas{display:block;width:100%}.trim-region{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent-primary) 16%,transparent);border-inline:2px solid var(--accent-primary);pointer-events:none}.trim-handle{position:absolute;top:0;bottom:0;width:18px;display:grid;place-items:center;cursor:ew-resize;touch-action:none;transform:translate(-50%)}.trim-handle:after{content:"";width:5px;height:44%;border-radius:3px;background:var(--accent-primary);box-shadow:var(--shadow-sm)}.trim-handle:hover:after,.trim-handle:focus-visible:after{height:60%}.audio-transport{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.audio-time{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);color:var(--text-secondary)}.audio-btn-round{width:44px;height:44px;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;background:var(--accent-primary);color:var(--color-on-accent)}.audio-btn-round:hover{background:var(--accent-hover)}.audio-btn-round:disabled{opacity:.4;cursor:not-allowed}.level-meter{height:10px;width:100%;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.level-meter__bar{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--success) 0%,var(--success) 60%,var(--warning) 80%,var(--error) 100%);transition:transform .06s linear}.viz-canvas{width:100%;height:220px;display:block;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary)}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.progress{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width .2s var(--ease-out)}.cap-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.cap-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary)}.cap-badge svg{flex-shrink:0}.cap-badge--ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent);background:var(--success-subtle)}.cap-badge--warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent);background:var(--warning-subtle)}.cap-badge--info{color:var(--accent-primary);border-color:var(--border-accent);background:var(--accent-subtle)}.bridge{display:flex;flex-direction:column;gap:var(--space-5)}.bridge-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-secondary)}.bridge-bar__title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.bridge-bar__title svg{color:var(--accent-primary)}.bridge-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px 4px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-tertiary)}.bridge-status__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.bridge-status--ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent);background:var(--success-subtle)}.bridge-status--ok .bridge-status__dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.bridge-status--error{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,transparent);background:var(--error-subtle)}.bridge-status--error .bridge-status__dot{background:var(--error)}.bridge-status--idle .bridge-status__dot{background:var(--text-muted)}.bridge-connect{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--space-5);align-items:end}.bridge-inline{display:flex;gap:var(--space-2);align-items:stretch}.bridge-inline>.input,.bridge-inline>.select{flex:1 1 auto;min-width:0}.bridge-inline__btn{flex:0 0 auto}.bridge-inline__icon{flex:0 0 auto;width:auto;height:auto;min-width:40px;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--bg-tertiary)}.bridge-inline__icon:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--input-border-hover);color:var(--text-primary)}.bridge-actions{justify-content:flex-start}.bridge-elapsed{display:inline-flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);color:var(--text-secondary)}.spinner--sm{width:16px;height:16px;border-width:2px}.bridge-help{border-top:1px solid var(--border-secondary);padding-top:var(--space-4)}.bridge-help__summary{display:flex;align-items:center;gap:var(--space-2);list-style:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.bridge-help__summary::-webkit-details-marker{display:none}.bridge-help__summary:hover{color:var(--text-primary)}.bridge-help__chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.bridge-help[open] .bridge-help__chevron{transform:rotate(90deg)}.bridge-help__body{margin-top:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.bridge-help__body ol{margin:0;padding-left:1.2em}.bridge-help__body li{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.bridge-help__body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em;background:var(--bg-tertiary);padding:1px 5px;border-radius:var(--radius-sm)}.bridge-help__note{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.bridge-help__note strong{color:var(--text-primary)}.study{display:flex;flex-direction:column;gap:var(--space-5)}.study__notice{align-items:flex-start}.study__modes{width:100%}.study__hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.study__input{min-height:150px}.study__options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.study__opt{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.study__opt .select{min-width:150px}.study__opt-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-tertiary)}.study__run{margin-left:auto;align-self:flex-end}.study__run .btn{min-width:132px}.study__thinking,.study__live{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.study__live{font-weight:var(--font-weight-normal);color:var(--text-tertiary)}.study__output{white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text-primary);line-height:var(--line-height-relaxed);max-height:540px;overflow:auto}.study__foot{display:flex;align-items:center;gap:var(--space-2);margin:0;padding-top:var(--space-4);border-top:1px solid var(--border-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary)}.study__foot svg{color:var(--success);flex-shrink:0}@media(max-width:600px){.study__input{min-height:120px}.study__output{max-height:380px;padding:var(--space-4)}}@media(max-width:560px){.study__options{gap:var(--space-3)}.study__opt,.study__opt .select{width:100%;min-width:0}.study__run{width:100%;margin-left:0}.study__run .btn{width:100%}}.md-grid{border-collapse:separate;border-spacing:6px;width:100%}.md-grid input.input{padding:var(--space-2) var(--space-3);min-width:110px}.md-grid__colhead{display:flex;align-items:center;gap:4px}.md-preview{min-height:360px;max-height:520px;overflow:auto;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);line-height:var(--line-height-relaxed)}.md-preview h1,.md-preview h2,.md-preview h3{margin:var(--space-4) 0 var(--space-2);line-height:1.25}.md-preview h1{font-size:var(--font-size-2xl)}.md-preview h2{font-size:var(--font-size-xl)}.md-preview h3{font-size:var(--font-size-lg)}.md-preview p{margin:0 0 var(--space-3)}.md-preview ul,.md-preview ol{margin:0 0 var(--space-3) var(--space-5)}.md-preview li{margin-bottom:4px}.md-preview a{color:var(--accent-primary);text-decoration:underline}.md-preview code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--bg-tertiary);padding:1px 5px;border-radius:var(--radius-sm)}.md-preview pre.codeblock{margin:0 0 var(--space-3)}.md-preview blockquote{margin:0 0 var(--space-3);padding-left:var(--space-4);border-left:3px solid var(--border-accent);color:var(--text-secondary)}.md-preview hr{border:none;border-top:1px solid var(--border-secondary);margin:var(--space-4) 0}.md-preview img{max-width:100%;border-radius:var(--radius-sm)}.kv-table{display:flex;flex-direction:column;border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.kv-row{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-3);align-items:baseline}.kv-row:nth-child(odd){background:var(--bg-secondary)}.kv-row__key{color:var(--text-tertiary);font-size:var(--font-size-sm)}.kv-row__val{color:var(--text-primary);font-size:var(--font-size-sm);word-break:break-word}@media(max-width:480px){.kv-row{grid-template-columns:1fr;gap:2px}}.table-scroll{overflow:auto;max-height:60vh;border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{border-bottom:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);padding:0;vertical-align:middle}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-tertiary);padding:var(--space-2)}.data-table__colhead{display:flex;align-items:center;gap:2px}.data-table__colhead .input{min-width:96px;border:none;background:transparent;font-weight:var(--font-weight-semibold);padding:var(--space-2)}.data-table__rownum{width:38px;text-align:center;background:var(--bg-secondary)}.data-table__cell{border:none;border-radius:0;background:transparent;min-width:110px;padding:var(--space-2) var(--space-3)}.data-table__cell:focus{box-shadow:inset 0 0 0 2px var(--accent-primary)}.resume-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-5);align-items:start}.resume-form{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.resume-form .panel{padding:var(--space-5)}.resume-form__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4);display:flex;align-items:baseline;gap:var(--space-2)}.resume-item{padding:var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:var(--bg-secondary)}.resume-item__actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.resume-aside{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(64px + var(--space-4))}.resume-preview-wrap{max-height:calc(100vh - 120px);overflow:auto}.ats-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ats-score{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-full);display:grid;place-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);font-variant-numeric:tabular-nums;border:2px solid}.ats-score--ok{color:var(--success);border-color:var(--success);background:var(--success-subtle)}.ats-score--warn{color:var(--warning);border-color:var(--warning);background:var(--warning-subtle)}.ats-score--low{color:var(--error);border-color:var(--error);background:var(--error-subtle)}.ats-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.ats-list li{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);align-items:flex-start}.ats-list li svg{flex-shrink:0;margin-top:2px}.ats-list li.is-ok svg{color:var(--success)}.ats-list li.is-off svg{color:var(--warning)}.ats-list li em{color:var(--text-tertiary);font-style:normal}.resume-doc{background:#fff;color:#1a1a1a;border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-6);font-size:13px;line-height:1.45;font-family:Inter,Arial,sans-serif}[data-theme=dark] .resume-doc{background:#f7f8fa}.resume-doc__name{font-size:22px;font-weight:700;text-align:center;margin:0 0 2px;color:#111;letter-spacing:-.01em}.resume-doc__subtitle{text-align:center;margin:0 0 4px;color:#333;font-size:14px}.resume-doc__contact{text-align:center;margin:0 0 2px;color:#444;font-size:12px}.resume-doc__section{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#111;margin:16px 0 6px;padding-bottom:3px;border-bottom:1px solid #c8ccd2}.resume-doc__subhead{display:flex;justify-content:space-between;gap:var(--space-3);font-weight:600;color:#111;margin-top:8px}.resume-doc__dates{font-weight:400;color:#666;font-size:12px;white-space:nowrap}.resume-doc__org{margin:0 0 4px;font-style:italic;color:#555;font-size:12px}.resume-doc__para{margin:0 0 6px;color:#222}.resume-doc__bullet{position:relative;padding-left:16px;margin:0 0 3px;color:#222}.resume-doc__bullet:before{content:"•";position:absolute;left:4px;color:#444}@media(max-width:960px){.resume-layout{grid-template-columns:1fr}.resume-aside{position:static}.resume-preview-wrap{max-height:none}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:760px){.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:480px){.grid-3{grid-template-columns:1fr}}.job-add-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.job-add-form .input{flex:1 1 160px;min-width:0}.invoice-item{display:grid;grid-template-columns:1fr 90px 130px 110px 36px;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.invoice-item__amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right;padding-right:var(--space-2);font-variant-numeric:tabular-nums}@media(max-width:640px){.invoice-item{grid-template-columns:1fr 1fr 36px;grid-template-areas:"desc desc desc" "qty price del" "amount amount amount";row-gap:var(--space-2)}.invoice-item>:nth-child(1){grid-area:desc}.invoice-item>:nth-child(2){grid-area:qty}.invoice-item>:nth-child(3){grid-area:price}.invoice-item>.invoice-item__amount{grid-area:amount;text-align:left;padding-right:0}.invoice-item>:nth-child(5){grid-area:del;justify-self:end}.invoice-item+.invoice-item{border-top:1px solid var(--border-secondary);padding-top:var(--space-3)}}.rubric-criterion-row{display:grid;grid-template-columns:1fr 110px 36px;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.rubric-table-wrap{overflow-x:auto;border-radius:var(--radius-md)}.rubric-table{min-width:640px}.rubric-table .select{min-width:130px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:var(--space-3);overflow-x:auto}.kanban__col{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-3);min-width:200px;display:flex;flex-direction:column}.kanban__col-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary);margin-bottom:var(--space-3)}.kanban__count{background:var(--bg-tertiary);border-radius:var(--radius-full);padding:1px 8px;font-variant-numeric:tabular-nums}.kanban__cards{display:flex;flex-direction:column;gap:var(--space-2);min-height:40px}.kanban__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:grab;min-width:0;overflow-wrap:break-word}.kanban__card:active{cursor:grabbing}.kanban__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.kanban__card-top strong{min-width:0;overflow-wrap:break-word}.kanban__card-role{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.kanban__card-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--accent-primary);margin-top:var(--space-2)}.kanban__card-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2)}.kanban__card-expand{margin-top:var(--space-2)}@media(max-width:900px){.kanban{grid-template-columns:1fr}.kanban__col{min-width:0}}.interview-question{text-align:center;padding:var(--space-4) 0}.interview-question__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--space-3) 0 0;overflow-wrap:break-word}.star-guide{display:flex;flex-direction:column;gap:var(--space-3)}.star-guide__step{display:flex;gap:var(--space-3);align-items:flex-start}.star-guide__letter{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent-primary);display:grid;place-items:center;font-weight:var(--font-weight-bold)}.star-guide__step p{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.gwa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media(max-width:480px){.gwa-grid{grid-template-columns:repeat(2,1fr)}}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.deck-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast)}.deck-card:hover,.deck-card:focus-visible{border-color:var(--accent-primary)}.deck-card__icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent-primary);display:grid;place-items:center}.deck-card__name{font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card__meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.flashcard{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast)}.flashcard:hover,.flashcard:focus-visible{border-color:var(--accent-primary)}.flashcard__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-muted)}.flashcard__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}.flashcard-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-4)}.flashcard-grade--again{border-color:color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.flashcard-grade--hard{border-color:color-mix(in srgb,var(--warning) 45%,transparent);color:var(--warning)}.flashcard-grade--good{border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);color:var(--accent-primary)}.flashcard-grade--easy{border-color:color-mix(in srgb,var(--success) 45%,transparent);color:var(--success)}@media(max-width:480px){.flashcard-grades{grid-template-columns:repeat(2,1fr)}}.notebook-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-5);align-items:start}.notebook-sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.notebook-search{position:relative;display:flex;align-items:center}.notebook-search svg{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.notebook-search .input{padding-left:34px}.notebook-list{display:flex;flex-direction:column;gap:2px;max-height:460px;overflow-y:auto}.notebook-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:left;color:var(--text-secondary)}.notebook-list-item:hover{background:var(--bg-tertiary)}.notebook-list-item.active{background:var(--accent-subtle);color:var(--accent-primary)}.notebook-list-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.notebook-list-item__meta{font-size:var(--font-size-xs);color:var(--text-muted)}.notebook-main{min-width:0;border-left:1px solid var(--border-secondary);padding-left:var(--space-5)}.notebook-editor{min-height:440px;max-height:620px}@media(max-width:760px){.notebook-layout{grid-template-columns:1fr}.notebook-main{border-left:none;padding-left:0;border-top:1px solid var(--border-secondary);padding-top:var(--space-4)}.notebook-list{max-height:220px}.notebook-editor{min-height:260px;max-height:60dvh}}.colorblind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.colorblind-cell__label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.colorblind-swatches{display:flex;gap:var(--space-4);flex-wrap:wrap}.colorblind-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}.colorblind-swatch .swatch{width:72px;height:72px}.readalong{min-height:160px;max-height:320px;overflow-y:auto;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary)}.readalong__word{transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:3px}.readalong__word.active{background:var(--accent-subtle);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.citation-preview{min-height:64px;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.citation-list{display:flex;flex-direction:column;gap:var(--space-2)}.citation-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.citation-row__text{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-relaxed);overflow-wrap:break-word}.citation-row__actions{display:flex;gap:2px;flex-shrink:0}.gradebook-score{display:flex;align-items:center;gap:4px}.gradebook-score .input{min-width:56px;padding:var(--space-2);text-align:center}.gradebook-score__sep{color:var(--text-muted);flex-shrink:0}.quiz-build-list{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-question-card{padding:var(--space-4);background:var(--bg-secondary)}.quiz-question-card__prompt{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;line-height:var(--line-height-relaxed)}.quiz-choices{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-choice-row{display:flex;align-items:center;gap:var(--space-2)}.quiz-choice-row input[type=radio]{width:16px;height:16px;accent-color:var(--accent-primary);flex-shrink:0}.quiz-answer-btn{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.quiz-answer-btn:hover{border-color:var(--border-focus)}.quiz-answer-btn.active{border-color:var(--accent-primary);background:var(--accent-subtle);color:var(--accent-primary);font-weight:var(--font-weight-medium)}.quiz-review{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-review-row{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.quiz-review-row svg{flex-shrink:0;margin-top:2px}.quiz-review-row.is-correct{background:var(--success-subtle);color:var(--text-primary)}.quiz-review-row.is-correct svg{color:var(--success)}.quiz-review-row.is-wrong{background:var(--error-subtle);color:var(--text-primary)}.quiz-review-row.is-wrong svg{color:var(--error)}.annot-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-5);align-items:start}.annot-sidebar{display:flex;flex-direction:column;position:sticky;top:calc(64px + var(--space-4));max-height:calc(100vh - 96px)}.annot-swatches{display:flex;gap:var(--space-2)}.annot-swatch{width:28px;height:28px;border-radius:var(--radius-full);background:var(--swatch);border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--border-secondary);transition:transform var(--transition-fast),border-color var(--transition-fast)}.annot-swatch:hover{transform:scale(1.08)}.annot-swatch.active{border-color:var(--text-primary)}.annot-marks-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;flex:1;min-height:120px;max-height:480px}.annot-mark-row{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.annot-mark-row:hover{background:var(--bg-tertiary)}.annot-mark-row.active{border-color:var(--accent-primary);background:var(--accent-subtle)}.annot-mark-row__badge{flex-shrink:0;width:20px;height:20px;margin-top:2px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--warning);color:#1a1a1a;font-size:10px;font-weight:var(--font-weight-bold)}.annot-mark-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.annot-mark-row__page{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary)}.annot-mark-row textarea{padding:var(--space-2)}.annot-main{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.annot-page__num{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin-bottom:var(--space-2);text-align:center}.annot-page__canvas{position:relative;user-select:none;border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:crosshair}.annot-page__canvas--comment{cursor:copy}.annot-page__canvas--highlight{touch-action:none}.annot-page__canvas img{width:100%;height:auto;display:block;pointer-events:none}.annot-highlight{position:absolute;mix-blend-mode:multiply;opacity:.4;border-radius:2px;cursor:pointer}[data-theme=dark] .annot-highlight{mix-blend-mode:screen;opacity:.3}.annot-highlight.is-selected{outline:2px solid var(--text-primary);outline-offset:1px}.annot-highlight--preview{pointer-events:none;opacity:.55}.annot-pin{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:var(--radius-full);background:var(--warning);color:#1a1a1a;font-size:10px;font-weight:var(--font-weight-bold);display:grid;place-items:center;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm)}.annot-pin.is-selected{outline:2px solid var(--text-primary);outline-offset:1px}@media(max-width:900px){.annot-layout{grid-template-columns:1fr}.annot-sidebar{position:static;max-height:none}.annot-marks-list{max-height:260px}}.dwg-viewer{padding:0;overflow:hidden}.dwg-viewer__shell{position:relative;width:100%;height:min(75vh,720px);min-height:360px;background:var(--bg-tertiary);overflow:hidden}.dwg-viewer__canvas-host{position:absolute;inset:0}.dwg-viewer__empty{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-tertiary)}.dwg-viewer__empty .dropzone{width:min(100%,480px);border:none;background:transparent}.dwg-viewer__status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary)}.dwg-viewer__bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary)}.dwg-viewer__filename{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.dwg-viewer__bar .btn{flex-shrink:0}.dwg-viewer__notice{margin:0;padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-secondary)}.dwg-viewer__notice a{color:var(--accent-primary)}@media(max-width:640px){.dwg-viewer__shell{height:min(65vh,520px);min-height:300px}.dwg-viewer__bar{padding:var(--space-3)}}.photoed{padding:0;overflow:hidden}.photoed__body{display:grid;grid-template-columns:52px 1fr 300px;height:min(78vh,760px);min-height:420px;background:var(--bg-tertiary)}.photoed__rail{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-right:1px solid var(--border-secondary);overflow-y:auto}.photoed__rail .icon-btn{width:36px;height:36px}.photoed__rail .icon-btn.active{background:var(--accent-subtle);color:var(--accent-primary)}.photoed__rail-sep{width:24px;height:1px;background:var(--border-secondary);margin:var(--space-2) 0;flex-shrink:0}.photoed__stage{position:relative;min-width:0;display:flex;flex-direction:column}.photoed__stage-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.photoed__stage-top .spacer{flex:1}.photoed__filename{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.photoed__zoom{font-size:var(--font-size-xs);color:var(--text-tertiary);min-width:42px;text-align:center}.photoed__stage-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.photoed__menu-wrap{position:relative;display:inline-flex}.photoed__menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-dropdown);min-width:220px;display:flex;flex-direction:column;gap:1px;padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.photoed__menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.photoed__menu-item:hover,.photoed__menu-item:focus-visible{background:var(--accent-subtle);color:var(--accent-primary);outline:none}.photoed__menu-item svg{flex-shrink:0;color:var(--text-tertiary)}.photoed__menu-item:hover svg,.photoed__menu-item:focus-visible svg{color:var(--accent-primary)}.photoed__menu-sep{height:1px;margin:var(--space-1) var(--space-1);background:var(--border-secondary)}.photoed__menu-label{padding:var(--space-1) var(--space-3) 2px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.photoed__canvas-host{position:relative;flex:1;min-height:0;overflow:auto;display:grid;place-items:center;background-image:repeating-conic-gradient(var(--bg-tertiary) 0% 25%,var(--bg-secondary) 0% 50%);background-size:22px 22px;touch-action:none}.photoed__canvas-frame{position:relative;box-shadow:var(--shadow-md)}.photoed__canvas-frame canvas{position:absolute;inset:0;display:block}.photoed__transform-overlay{position:absolute;inset:0}.photoed__text-edit{position:absolute;transform-origin:center center;resize:none;overflow:hidden;border:1px dashed var(--accent-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);padding:4px;margin:0;outline:none;white-space:pre-wrap;box-shadow:var(--shadow-md)}.photoed__empty{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-tertiary)}.photoed__empty .dropzone{width:min(100%,480px);border:none;background:transparent}.photoed__start{display:flex;align-items:stretch;justify-content:center;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-2)}.photoed__start-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.photoed__start-label{margin:0;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.photoed__start-open{display:flex;flex-direction:column;gap:var(--space-2);min-width:190px}.photoed__start-open .btn{justify-content:center}.photoed__start-divider{width:1px;align-self:stretch;background:var(--border-secondary)}.photoed__preset-grid{display:flex;gap:var(--space-3)}.photoed__preset-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:96px;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.photoed__preset-card:hover,.photoed__preset-card:focus-visible{border-color:var(--border-accent);background:var(--accent-subtle);transform:translateY(-2px);outline:none}.photoed__preset-preview{height:46px;display:grid;place-items:center}.photoed__preset-shape{display:block;max-width:52px;max-height:44px;border:2px solid var(--text-tertiary);border-radius:3px;transition:border-color var(--transition-fast)}.photoed__preset-card:hover .photoed__preset-shape,.photoed__preset-card:focus-visible .photoed__preset-shape{border-color:var(--accent-primary)}.photoed__preset-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.photoed__preset-dim{font-size:var(--font-size-2xs);color:var(--text-tertiary)}@media(max-width:620px){.photoed__start{flex-direction:column;align-items:center;gap:var(--space-4)}.photoed__start-divider{width:min(100%,260px);height:1px;align-self:center}}.photoed__sidebar{display:flex;flex-direction:column;border-left:1px solid var(--border-secondary);overflow:hidden}.photoed__panel{display:flex;flex-direction:column;min-height:0;flex:1 1 50%}.photoed__sidebar>.photoed__panel:only-child{flex:1 1 100%}.photoed__sidebar>.photoed__panel:nth-child(1):not(:only-child){flex:1 1 55%}.photoed__sidebar>.photoed__panel:nth-child(2){flex:1 1 45%}.photoed__panel+.photoed__panel{border-top:1px solid var(--border-secondary)}.photoed__panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);flex-shrink:0}.photoed__panel-head .spacer{flex:1}.photoed__adjustment-select{flex:0 1 auto;min-width:0;max-width:100%;font-size:var(--font-size-xs)}.photoed__layers{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-2);min-height:0}.photoed__properties{flex:1;overflow-y:auto;padding:0 var(--space-3) var(--space-3);min-height:0}.photoed-layer-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer}.photoed-layer-row:hover{background:var(--bg-tertiary)}.photoed-layer-row.active{border-color:var(--accent-primary);background:var(--accent-subtle)}.photoed-layer-row__handle{flex-shrink:0;color:var(--text-muted);cursor:grab;touch-action:none}.photoed-layer-row__thumb{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);background-image:repeating-conic-gradient(var(--bg-tertiary) 0% 25%,var(--bg-secondary) 0% 50%);background-size:10px 10px;border:1px solid var(--border-secondary);overflow:hidden}.photoed-layer-row__thumb img,.photoed-layer-row__thumb canvas{width:100%;height:100%;object-fit:contain;display:block}.photoed-layer-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.photoed-layer-row__name{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;padding:0;text-align:left;font-family:inherit}.photoed-layer-row__name:focus{outline:1px solid var(--accent-primary);border-radius:var(--radius-sm)}.photoed-layer-row__meta{font-size:var(--font-size-2xs);color:var(--text-tertiary)}.photoed-layer-row__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.photoed-layer-row.is-locked .photoed-layer-row__handle{cursor:not-allowed;opacity:.4}.photoed-layer-row__mask-thumb{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);border:1px dashed var(--border-secondary);margin-left:var(--space-1)}.photoed-layer-row__dropline{height:2px;margin:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent-primary)}@keyframes photoed-marching-ants{to{stroke-dashoffset:-16}}.photoed__selection-overlay{position:absolute;inset:0;pointer-events:none}.photoed__sidebar-toggle,.photoed__sidebar-close{display:none}@media(max-width:1024px){.photoed__body{grid-template-columns:46px 1fr 240px}.photoed__rail{padding-inline:var(--space-1)}}@media(max-width:640px){.photoed__body{grid-template-columns:44px 1fr;height:min(85vh,900px)}.photoed__rail .icon-btn{width:32px;height:32px}.photoed__sidebar{position:fixed;inset:0;z-index:var(--z-modal);grid-column:1 / -1;display:none;background:var(--bg-primary)}.photoed__sidebar.is-open{display:flex}.photoed__sidebar-toggle,.photoed__sidebar-close{display:inline-flex}}@media(max-width:480px){.photoed__btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photoed__stage-actions .btn--secondary,.photoed__stage-actions .btn--ghost{padding-inline:var(--space-2)}}.pe-modal__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-secondary)}.pe-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.pe-modal-card{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:var(--space-4)}.pe-modal-card__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pe-modal-card__icon{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent-primary)}.pe-modal-card__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.seg--block{display:flex;width:100%}.seg--block .seg__btn{flex:1;text-align:center}@media(max-width:480px){.pe-modal__header{padding:var(--space-4) var(--space-4) var(--space-3)}.pe-modal-body{padding:var(--space-4);gap:var(--space-3)}}.related{margin-top:var(--space-12)}.related h2{font-size:var(--font-size-xl);margin-bottom:var(--space-5)}.prose{max-width:760px;margin-inline:auto;padding-block:var(--space-12) var(--space-16)}.prose h1{font-size:clamp(var(--font-size-2xl),5vw,var(--font-size-4xl));margin-bottom:var(--space-4)}.prose h2{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-2xl));margin:var(--space-10) 0 var(--space-4)}.prose p,.prose li{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.prose ul{margin-bottom:var(--space-4)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.feature{padding:var(--space-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl)}.feature__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-subtle);color:var(--accent-primary);margin-bottom:var(--space-3)}.feature h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.feature p{font-size:var(--font-size-sm);margin:0}.emoji-search{position:relative}.emoji-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.emoji-search__input{padding-left:38px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--space-2)}.emoji-cell-shell{position:relative}.emoji-cell{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);background:var(--bg-secondary);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.emoji-cell:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-2px)}.emoji-cell:active{transform:translateY(0) scale(.94)}.emoji-cell__char{font-size:1.6rem;line-height:1}.emoji-cell--copied{border-color:var(--accent-primary);background:var(--accent-subtle)}.emoji-cell__toast{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--color-on-accent);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);white-space:nowrap;pointer-events:none;z-index:3;animation:emoji-toast-pop .18s var(--ease-out)}@keyframes emoji-toast-pop{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.emoji-cell__fav{position:absolute;top:-6px;right:-6px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-muted);opacity:0;transform:scale(.8);transition:opacity var(--transition-fast),transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.emoji-cell-shell:hover .emoji-cell__fav,.emoji-cell-shell:focus-within .emoji-cell__fav,.emoji-cell__fav--active{opacity:1;transform:scale(1)}.emoji-cell__fav--active{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.emoji-cell__fav:hover{color:var(--warning)}.emoji-cell__fav:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}@media(hover:none)and (pointer:coarse){.emoji-cell__fav{opacity:1;transform:scale(1)}}@media(max-width:480px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:var(--space-1)}.emoji-cell__char{font-size:1.3rem}}.art-preview{container-type:inline-size;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);padding:var(--space-3);max-height:480px;overflow:auto}.art-preview__pre{margin:0;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;line-height:1.15;font-size:clamp(3px,calc(100cqw / var(--art-cols, 100) / .62),16px)}.art-preview__loading{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-8) 0;justify-content:center}.art-preview__loading .spinner{width:18px;height:18px;border-width:2px}.pixel-preview-canvas{image-rendering:pixelated;image-rendering:crisp-edges}@media(max-width:768px){.tool-page{padding-block:var(--space-6) var(--space-12)}.tool-head__title{font-size:var(--font-size-2xl)}.tool-head__tagline{font-size:var(--font-size-base)}.tool-head__icon{width:46px;height:46px}.privacy-banner{margin-block:var(--space-4) var(--space-6)}.related{margin-top:var(--space-8)}}@media(max-width:600px){.tool-head{gap:var(--space-3)}.tool-head__icon{width:40px;height:40px}.tool-head__title{font-size:var(--font-size-xl)}}@media(max-width:480px){.tool-page{padding-block:var(--space-5) var(--space-10)}.breadcrumb{font-size:var(--font-size-xs);margin-bottom:var(--space-4)}.prose{padding-block:var(--space-8) var(--space-10)}.feature-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media(max-width:720px){.bridge-connect{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:480px){.bridge-bar{flex-wrap:wrap;gap:var(--space-2)}.bridge-inline__btn{flex:0 0 auto;min-width:80px}}@media(hover:none)and (pointer:coarse){.tool-card:hover,.tool-card:hover .tool-card__cta svg{transform:none}.input,.select,.textarea{font-size:16px}.btn,.seg__btn,.icon-btn{min-height:44px}.checkbox-row{min-height:44px;align-items:center}}.cadv{padding:0;overflow:hidden;display:flex;flex-direction:column}.cadv__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary)}.cadv__toolbar-group{display:inline-flex;align-items:center;gap:2px}.cadv__toolbar-sep{width:1px;height:22px;background:var(--border-secondary);margin:0 var(--space-1)}.cadv__toolbar-spacer{flex:1 1 auto}.cadv__toolbar-mobile{display:none}.cadv__toolbar .icon-btn{width:34px;height:34px}.icon-btn.active{background:var(--accent-subtle);color:var(--accent-primary)}.cadv__menu{position:relative;display:inline-flex}.cadv__menu-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:150px;padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.cadv__menu-item{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.cadv__menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cadv__explode{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:var(--text-tertiary)}.cadv__explode input[type=range],.cadv__section-bar input[type=range]{width:120px;accent-color:var(--accent-primary);cursor:pointer}.cadv__body{position:relative;display:grid;grid-template-columns:280px 1fr 320px;height:min(78vh,780px);min-height:440px;background:var(--bg-tertiary)}.cadv__body--empty{grid-template-columns:1fr}.cadv__panel{min-width:0;background:var(--bg-secondary);overflow:hidden}.cadv__tree{border-right:1px solid var(--border-secondary)}.cadv__props{border-left:1px solid var(--border-secondary)}.cadv__panel-inner{display:flex;flex-direction:column;height:100%}.cadv__panel-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cadv__panel-head svg{color:var(--accent-primary)}.cadv__panel-foot{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-secondary);font-size:var(--font-size-2xs)}.cadv__muted{color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.cadv__tree-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);color:var(--text-tertiary)}.cadv__tree-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);outline:none;min-width:0}.cadv__tree-scroll{flex:1;overflow-y:auto;padding:var(--space-1) 0}.cadv__props-scroll{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.cadv__tree-row{display:flex;align-items:center;gap:2px;padding-right:var(--space-2);border-radius:var(--radius-sm)}.cadv__tree-row:hover{background:var(--bg-tertiary)}.cadv__tree-row.is-selected{background:var(--accent-subtle)}.cadv__tree-row.is-selected .cadv__tree-name{color:var(--accent-primary)}.cadv__tree-caret{width:18px;height:22px;display:grid;place-items:center;color:var(--text-tertiary);flex-shrink:0}.cadv__tree-dot{width:4px;height:4px;border-radius:50%;background:var(--border-accent)}.cadv__tree-label{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);padding:3px 0;text-align:left;overflow:hidden}.cadv__tree-type{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);flex-shrink:0}.cadv__tree-name{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cadv__pgroup{border-bottom:1px solid var(--border-secondary)}.cadv__pgroup-head{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cadv__pgroup-head svg{color:var(--text-tertiary)}.cadv__pgroup-body{padding-bottom:var(--space-2)}.cadv__prop-row{display:grid;grid-template-columns:40% 60%;gap:var(--space-2);padding:3px 0;font-size:var(--font-size-sm)}.cadv__prop-key{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cadv__prop-val{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cadv__hint-inline{display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-tertiary);font-size:var(--font-size-xs)}.cadv__hint-inline svg{flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.cadv__stage{position:relative;overflow:hidden;background:var(--bg-tertiary);min-width:0}.cadv__empty{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6)}.cadv__empty .dropzone{width:min(100%,480px);border:none;background:transparent}.cadv__loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:color-mix(in srgb,var(--bg-tertiary) 78%,transparent);color:var(--text-secondary);font-size:var(--font-size-sm)}.cadv__status-line{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary)}.cadv__hud{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:2;padding:4px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid var(--border-secondary);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);pointer-events:none}.cadv__section-bar{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;max-width:calc(100% - var(--space-6));padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.cadv__section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.cadv__section-label svg{color:var(--accent-primary)}.cadv__overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.cadv__label{position:absolute;top:0;left:0;white-space:nowrap;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--color-on-accent, #fff);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.cadv__statusbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-secondary);background:var(--bg-secondary)}.cadv__filename{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.cadv__filename svg{color:var(--accent-primary);flex-shrink:0}.cadv__chip{padding:2px 10px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-secondary);font-size:var(--font-size-2xs);color:var(--text-secondary);white-space:nowrap}.cadv__chip--accent{background:var(--accent-subtle);border-color:var(--border-accent);color:var(--accent-primary)}.cadv__notice{margin:0;padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-secondary)}.cadv__notice a{color:var(--accent-primary)}@media(max-width:900px){.cadv__body{grid-template-columns:1fr}.cadv__panel{position:absolute;top:0;bottom:0;width:min(88%,340px);z-index:8;display:none;box-shadow:var(--shadow-xl)}.cadv__tree{left:0}.cadv__props{right:0}.cadv__panel.is-open{display:block}.cadv__toolbar-mobile{display:inline-flex}}@media(max-width:560px){.cadv__body{height:min(70vh,560px)}.cadv__toolbar-sep{display:none}}