@font-face{font-family:'Space Grotesk';src:url('../fonts/space-grotesk-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('../fonts/space-grotesk-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('../fonts/space-grotesk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('../fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}:root{--bg:#F6F7FA;--surface:#FFFFFF;--surface-2:#EEF0F5;--border:#DFE3EA;--text:#12151C;--text-dim:#565E6D;--text-faint:#656D7C;--accent:#0F7A6C;--accent-ink:#ffffff;--accent-soft:#E3F5F1;--warn:#B9642A;--warn-soft:#FBE9DC;--danger:#C4453B;--shadow:0 1px 2px rgba(16,20,30,.04),0 8px 24px rgba(16,20,30,.06);--radius:10px;--radius-lg:16px;--mono:'JetBrains Mono',ui-monospace,monospace;--display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--header-h:68px}html[data-theme="dark"]{--bg:#0D1117;--surface:#151B24;--surface-2:#1C2430;--border:#2A3341;--text:#E9EDF3;--text-dim:#A6AFBD;--text-faint:#7D8696;--accent:#35D6BF;--accent-ink:#072522;--accent-soft:#123330;--warn:#E2953F;--warn-soft:#2E2416;--danger:#E2685D;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}p{margin:0 0 1em;color:var(--text-dim)}.container{max-width:1180px;margin:0 auto;padding:0 24px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important}}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;font-weight:600;padding:3px 9px;border-radius:100px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);white-space:nowrap}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.chip .arrow{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:8px;border:1px solid transparent;font-family:var(--body);font-weight:600;font-size:14.5px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,black 6%)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:7px 12px;font-size:13px}.btn.block{width:100%}.site-header{position:sticky;top:0;z-index:80;height:var(--header-h);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:19px}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:14px}.nav-main{display:flex;align-items:center;gap:28px}.nav-main a{font-size:14.5px;font-weight:600;color:var(--text-dim)}.nav-main a:hover,.nav-main a.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .moon{display:none}html[data-theme="dark"] .theme-toggle .sun{display:block}.mobile-toggle{display:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);align-items:center;justify-content:center;cursor:pointer}.hero{padding:64px 0 44px;border-bottom:1px solid var(--border)}.hero-top{max-width:680px;margin-bottom:40px}.eyebrow{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:16px;height:1px;background:var(--accent)}.hero h1{font-size:44px;margin-bottom:16px}.hero h1 .accent{color:var(--accent)}.hero-sub{font-size:17px;max-width:560px}.hero-search{display:flex;gap:10px;margin-top:26px;max-width:520px}.hero-search input{flex:1;padding:13px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14.5px;font-family:var(--body)}.hero-search input:focus{border-color:var(--accent)}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width:980px){.hero-grid{grid-template-columns:1.15fr 0.85fr}}.hero-top{max-width:680px;margin-bottom:0}.hero-visual{position:relative;min-height:340px;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 60% 35%,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 70%),linear-gradient(color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px) 0 0/36px 36px;border:1px solid var(--border);overflow:hidden;display:none}@media (min-width:980px){.hero-visual{display:block}}#hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-visual-fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px}.fb-row{display:flex;align-items:center;justify-content:center;gap:18px}.hero-visual-caption{font-family:var(--mono);font-size:12px;color:var(--text-faint);text-align:center}.hero-visual-fallback .fb-card{width:76px;height:98px;border-radius:14px;box-shadow:var(--shadow);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-family:var(--mono);font-size:11px;font-weight:700;color:rgba(255,255,255,0.95);letter-spacing:0.02em}.hero-visual-fallback .fb-card:nth-child(1){transform:translateY(-14px) rotate(-6deg)}.hero-visual-fallback .fb-card:nth-child(2){transform:translateY(16px) rotate(4deg);width:66px;height:86px}.hero-visual-fallback .fb-card:nth-child(3){transform:translateY(-8px) rotate(-3deg)}.hero-visual-fallback .fb-card:nth-child(4){transform:translateY(10px) rotate(7deg);width:66px;height:86px}.js-no-motion .hero-visual-fallback,.no-webgl .hero-visual-fallback{display:flex !important}.js-no-motion #hero-canvas,.no-webgl #hero-canvas{display:none !important}.tool-card{transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateY(0)}.tool-card:hover{transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateY(-2px)}@media (prefers-reduced-motion:reduce){.tool-card{transform:none !important}}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.mega-col{padding:22px 22px;border-right:1px solid var(--border)}.mega-col:last-child{border-right:none}.mega-col-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.mega-col-head .dot{width:8px;height:8px;border-radius:50%}.mega-col-head h3{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.mega-col ul li{margin-bottom:2px}.mega-col ul a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 8px;margin:0 -8px;border-radius:6px;font-size:14px;color:var(--text-dim);font-weight:500}.mega-col ul a:hover{background:var(--surface-2);color:var(--text)}.mega-col ul a .badge{font-family:var(--mono);font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:100px;background:var(--accent-soft);color:var(--accent);text-transform:uppercase}.mega-col ul a .badge.new{background:var(--warn-soft);color:var(--warn)}.section{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:20px;flex-wrap:wrap}.section-head h2{font-size:28px}.section-head p{margin:0;max-width:480px}.cat-block{margin-bottom:46px}.cat-block:last-child{margin-bottom:0}.cat-title{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--cat-color,var(--accent));box-shadow:var(--shadow)}.cat-title h3{margin:0}.cat-title > span:last-child{margin-left:auto;color:var(--text-dim);font-family:var(--mono);font-size:12.5px}.cat-title .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--cat-color,var(--accent)) 18%,transparent)}.cat-title h3{font-size:19px}.cat-title span{font-family:var(--mono);font-size:12px;color:var(--text-faint)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,transform .2s ease,box-shadow .25s ease}.tool-card::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--cat-color,var(--accent)) 14%,transparent) 50%,transparent 60%);background-size:220% 100%;background-position:150% 0;transition:background-position .6s ease}.tool-card:hover::before{background-position:-50% 0}.tool-card > *{position:relative;z-index:2}.tool-card:hover{border-color:var(--cat-color,var(--accent));transform:translateY(-4px);box-shadow:var(--shadow),0 12px 28px -8px color-mix(in srgb,var(--cat-color,var(--accent)) 35%,transparent)}.tool-card.cf-reveal{opacity:0;transform:translateY(18px) scale(.98)}.tool-card.cf-reveal.cf-in{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.chip.warn{animation:cf-chip-pulse 2.2s ease-in-out infinite}@keyframes cf-chip-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--warn) 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--warn) 0%,transparent)}}@media (prefers-reduced-motion:reduce){.tool-card.cf-reveal{opacity:1 !important;transform:none !important}.tool-card::before{display:none}.chip.warn{animation:none}}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tool-icon{width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--cat-color,var(--accent)) 16%,var(--surface));color:var(--cat-color,var(--accent));display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:translateZ(0) scale(1);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.tool-card:hover .tool-icon{transform:translateZ(38px) scale(1.08);background:color-mix(in srgb,var(--cat-color,var(--accent)) 26%,var(--surface))}.tool-icon svg{width:19px;height:19px}.tool-card h4{font-size:15.5px;margin:0}.tool-card p{font-size:13.5px;margin:0}.tool-card .chip{align-self:flex-start;margin-top:2px}.tool-hero{padding:40px 0 8px}.tool-hero .crumbs{font-size:13px;color:var(--text-faint);margin-bottom:16px;display:flex;gap:8px;align-items:center}.tool-hero .crumbs a:hover{color:var(--accent)}.tool-hero h1{font-size:32px}.tool-hero .lead{max-width:640px;font-size:16px}.workspace{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;margin:28px 0 8px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone.dragover{border-style:solid;border-color:var(--accent);background:var(--accent-soft);transform:scale(1.015);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.dropzone svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dropzone.dragover svg{transform:translateY(-4px) scale(1.1)}@media (prefers-reduced-motion:reduce){.dropzone{transition:border-color .1s ease,background .1s ease}.dropzone.dragover{transform:none}.dropzone.dragover svg{transform:none}}.dropzone svg{width:34px;height:34px;color:var(--text-faint);margin:0 auto 12px}.dropzone .dz-title{font-weight:600;font-size:15px;margin-bottom:4px}.dropzone .dz-sub{font-size:13px;color:var(--text-faint)}.dropzone input[type=file]{display:none}.workspace-main{display:none;gap:24px}.workspace-main.active{display:grid;grid-template-columns:1.4fr 1fr}.preview-pane{background:var(--surface-2);border-radius:var(--radius);padding:14px;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.preview-pane canvas,.preview-pane video,.preview-pane img{max-width:100%;max-height:440px;border-radius:6px}.preview-toolbar{position:absolute;top:10px;left:10px;display:flex;gap:6px}.preview-toolbar button{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-toolbar button.active{border-color:var(--accent);color:var(--accent)}.preview-toolbar svg{width:15px;height:15px}.controls{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text-dim);display:flex;justify-content:space-between}.field label .val{font-family:var(--mono);color:var(--accent)}.field select,.field input[type=text],.field input[type=number]{padding:9px 12px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.field input[type=range]{accent-color:var(--accent)}.seg{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.seg button{flex:1;padding:8px 10px;background:var(--bg);border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-dim);border-right:1px solid var(--border)}.seg button:last-child{border-right:none}.seg button.active{background:var(--accent);color:var(--accent-ink)}.progress-wrap{display:none;margin-top:10px}.progress-wrap.active{display:block}.progress-bar{height:6px;background:var(--surface-2);border-radius:100px;overflow:hidden}.progress-bar > i{display:block;height:100%;width:0%;background:var(--accent);transition:width .2s ease}.progress-label{font-size:12.5px;color:var(--text-faint);margin-top:6px;font-family:var(--mono)}.status-note{font-size:13px;padding:10px 12px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:none;align-items:center;gap:8px}.status-note.active{display:flex}.status-note.error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.status-note svg{width:16px;height:16px;flex-shrink:0}.result-actions{display:none;gap:10px;margin-top:6px}.result-actions.active{display:flex}.perf-note{font-size:12.5px;color:var(--text-faint);border-top:1px dashed var(--border);padding-top:12px;margin-top:2px}.article{padding:8px 0 60px}.article .container{max-width:820px}.article h2{font-size:23px;margin-top:40px}.article h3{font-size:18px;margin-top:32px;padding-top:18px;border-top:1px solid var(--border)}.article p,.article li{font-size:15.5px;color:var(--text-dim)}.article ul{margin:0 0 1em;padding-left:1.2em;list-style:disc}.article ol{margin:0 0 1em;padding-left:1.3em;list-style:decimal}.faq-item{border-top:1px solid var(--border);padding:18px 0}.faq-item h4{font-size:15.5px;margin-bottom:6px}.faq-item p{margin:0;font-size:14.5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.step .num{font-family:var(--mono);color:var(--accent);font-weight:700;font-size:13px;margin-bottom:8px;display:block}.step h4{font-size:14.5px;margin-bottom:4px}.step p{font-size:13.5px;margin:0}.related-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.page-hero{padding:56px 0 30px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:36px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:20px}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.contact-card h3{font-size:15px;margin-bottom:6px}.contact-card p{font-size:14px;margin:0}form.contact-form{display:flex;flex-direction:column;gap:14px}form.contact-form input,form.contact-form select,form.contact-form textarea{padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--body);font-size:14.5px}form.contact-form textarea{resize:vertical;min-height:120px}.site-footer{border-top:1px solid var(--border);padding:48px 0 28px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;margin-bottom:36px}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:14px}.footer-col ul li{margin-bottom:9px}.footer-col ul a{font-size:14px;color:var(--text-dim)}.footer-col ul a:hover{color:var(--accent)}.footer-brand p{font-size:13.5px;max-width:220px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:22px;font-size:13px;color:var(--text-faint);flex-wrap:wrap;gap:10px}@media (max-width:980px){.mega-grid{grid-template-columns:repeat(2,1fr)}.mega-col:nth-child(2){border-right:none}.mega-col:nth-child(3),.mega-col:nth-child(4){border-top:1px solid var(--border)}.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.related-tools{grid-template-columns:1fr}}@media (max-width:760px){.nav-main{display:none}.mobile-toggle{display:flex}.hero h1{font-size:32px}.mega-grid{grid-template-columns:1fr}.mega-col{border-right:none;border-top:1px solid var(--border)}.mega-col:first-child{border-top:none}.tool-grid{grid-template-columns:1fr}.workspace-main.active{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}.progress-bar.indeterminate > i{width:40% !important;animation:cf-indeterminate 1.3s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--accent),transparent)}@keyframes cf-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.progress-bar.indeterminate > i{animation:none;width:60% !important;opacity:.6}}.kbd-hint{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);margin-top:6px}.kbd-hint kbd{background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:var(--mono);font-size:11px;color:var(--text)}.cf-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.cf-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:420px;padding:28px;text-align:left}.cf-modal h3{margin:0 0 10px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.cf-modal h3 svg{color:var(--warn);flex-shrink:0}.cf-modal p{margin:0 0 20px;color:var(--text-dim);font-size:14.5px;line-height:1.55}.cf-modal-actions{display:flex;gap:10px;justify-content:flex-end}.batch-queue{display:flex;flex-direction:column;gap:10px;margin-top:16px}.batch-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px}.batch-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item__status{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);flex-shrink:0}.batch-item.done .batch-item__status{color:var(--accent)}.batch-item.error .batch-item__status{color:var(--danger)}.batch-item__bar{width:60px;height:4px;background:var(--border);border-radius:100px;overflow:hidden;flex-shrink:0}.batch-item__bar > i{display:block;height:100%;background:var(--accent);width:0%;transition:width .2s ease}.resume-banner{display:none;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius);font-size:13.5px}.resume-banner.active{display:flex}.resume-banner__text{flex:1}.resume-banner__text strong{display:block;margin-bottom:2px}.feedback-widget{display:flex;align-items:center;gap:10px;margin-top:24px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;flex-wrap:wrap}.feedback-widget__label{color:var(--text-dim);margin-right:2px}.feedback-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.feedback-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.feedback-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.feedback-btn:disabled{cursor:default;opacity:.55}.feedback-btn:disabled:not(.active){opacity:.35}.feedback-widget__thanks{color:var(--accent);font-weight:600}.cloud-import{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cloud-import .btn{font-size:12.5px;padding:9px 14px}
/* a11y: skip link (added 2026-09-24) */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--radius);font:600 14px var(--body);text-decoration:none}
.skip-link:focus{left:8px}
main:focus{outline:none}

/* breadcrumbs + logo (added 2026-09-24) */
.breadcrumbs{padding:16px 0 0;font:500 13px var(--body);color:var(--text-dim)}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.breadcrumbs li+li::before{content:"/";margin-right:6px;color:var(--text-faint)}
.breadcrumbs a{color:var(--text-dim);text-decoration:none}
.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}
.brand img.mark{background:none;object-fit:contain}

.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}