:root{--ink: #09111f;--ink-2: #0d1522;--tray: #131c2b;--tray-2: #1b2537;--paper: #eef1f5;--ash: #94a3b8;--ash-dim: #64748b;--accent: #3b82f6;--accent-bright: #60a5fa;--accent-dim: #16233f;--red: #ef4444;--red-bright: #f87171;--red-dim: #3f1417;--hairline: rgba(148, 163, 184, .14);--hairline-strong: rgba(148, 163, 184, .26);--display: "Manrope", -apple-system, "Segoe UI", sans-serif;--body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color:var(--paper);background:var(--ink);font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{cursor:not-allowed;opacity:.5}img,svg{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:700;text-wrap:balance}p{margin:0}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:20;background:#09111fdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:104px}.logo-mark{display:flex;align-items:center;text-decoration:none}.logo-mark img{height:72px;width:auto;display:block}footer .logo-mark img{height:80px}.nav-actions{display:flex;align-items:center;gap:24px}.nav-link{font-size:.88rem;color:var(--ash);text-decoration:none}.nav-link:hover{color:var(--paper)}.btn{font-family:var(--mono);font-size:.82rem;font-weight:500;letter-spacing:.02em;padding:10px 18px;border-radius:3px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:box-shadow .15s ease,border-color .15s ease}.btn-primary{background:var(--accent);color:#06101f}.btn-primary:hover{box-shadow:0 0 0 1px var(--accent-bright),0 0 20px -4px var(--accent-bright)}.btn-ghost{border:1px solid var(--hairline-strong);color:var(--paper);background:none}.btn-ghost:hover{border-color:var(--ash-dim)}.icon-button{align-items:center;background:var(--tray);border:1px solid var(--hairline-strong);border-radius:8px;color:var(--paper);display:inline-flex;height:38px;justify-content:center;width:38px}.icon-button:hover:not(:disabled){border-color:var(--ash-dim)}.hero{padding:72px 0 76px;border-bottom:1px solid var(--hairline)}.hero .wrap>div{max-width:700px}.hero-badges{display:flex;gap:10px;margin-bottom:24px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--accent);background:var(--accent-dim);border-radius:999px;color:var(--accent-bright);font-family:var(--display);font-size:.86rem;font-weight:700}.hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.08;margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--red-bright)}.hero-sub{font-size:1.08rem;color:var(--ash);max-width:46ch;margin-bottom:22px}.hero-sub b{color:var(--paper);font-weight:600}.hero-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px}.hero-examples-label{color:var(--ash);font-size:.86rem;margin-right:2px}.example-chip{border:1px solid var(--hairline-strong);border-radius:999px;color:var(--ash);font-size:.8rem;padding:5px 12px}.hero-ctas{display:flex;gap:14px;align-items:center;margin-bottom:10px}.hero-note{font-family:var(--mono);font-size:.76rem;color:var(--ash-dim)}section.band{padding:84px 0}.band-tray{background:var(--ink-2);border-bottom:1px solid var(--hairline)}section.band#faq{border-bottom:1px solid var(--hairline)}.section-head{max-width:56ch;margin-bottom:44px}.section-head h2{font-size:clamp(1.7rem,2.8vw,2.3rem)}.frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:6px;overflow:hidden}.frame{background:var(--ink);padding:34px 26px 32px;position:relative;overflow:hidden}.frame-num{position:absolute;top:-.18em;right:-.04em;font-family:var(--display);font-size:clamp(4.2rem,7vw,6.2rem);font-weight:800;line-height:1;color:var(--paper);opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.frame-verb{position:relative;z-index:1;display:block;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:22px}.frame-icon{position:relative;z-index:1;width:34px;height:34px;margin-bottom:20px;color:var(--paper)}.frame h3{position:relative;z-index:1;font-family:var(--body);font-size:1.05rem;font-weight:600;margin-bottom:8px}.frame p{position:relative;z-index:1;color:var(--ash);font-size:.94rem}@media(max-width:760px){.frames{grid-template-columns:1fr}}.why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}.why-grid h2{font-size:clamp(1.7rem,2.8vw,2.2rem);max-width:20ch}.why-body p{color:var(--ash);font-size:1rem;margin-bottom:22px}.why-body p:last-child{margin-bottom:0}.why-body b{color:var(--paper);font-weight:600}.legal-body{max-width:68ch}.legal-body a{color:var(--accent-bright);text-decoration:underline;text-underline-offset:2px}.legal-body a:hover{color:var(--paper)}.facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}.facts li{display:flex;gap:10px;font-family:var(--mono);font-size:.86rem;color:var(--paper)}.facts li:before{content:"—";color:var(--red-bright)}@media(max-width:800px){.why-grid{grid-template-columns:1fr;gap:30px}}.faq-list{display:grid;gap:1px;background:var(--hairline);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.faq-item{background:var(--ink)}.faq-q{width:100%;text-align:left;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--body);font-size:1rem;font-weight:500}.faq-q .plus{font-family:var(--mono);color:var(--accent-bright);font-size:1.1rem;flex:0 0 auto;transition:transform .2s ease}.faq-item.is-open .plus{transform:rotate(45deg)}.faq-a{padding:0 4px 22px;color:var(--ash);max-width:62ch;font-size:.94rem}footer{padding:48px 0 60px}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.foot-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.84rem;color:var(--ash)}.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--paper)}.tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}.tool-head h2{font-size:clamp(1.7rem,2.8vw,2.2rem);margin-bottom:8px}.tool-head p{font-family:var(--mono);font-size:.82rem;color:var(--ash)}.tool-actions{display:flex;gap:10px;flex:0 0 auto}.tool-grid{display:grid;gap:14px;grid-template-columns:260px minmax(280px,1fr) minmax(360px,1.2fr);grid-template-rows:240px minmax(400px,auto)}.settings-panel,.dropzone,.preview-panel,.queue-panel{background:var(--tray);border:1px solid var(--hairline-strong);border-radius:8px}.settings-panel{display:flex;flex-direction:column;gap:16px;grid-row:1 / 3;padding:20px}.panel-heading{align-items:center;display:flex;gap:8px;color:var(--ash)}.panel-heading h2{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.field{display:grid;gap:7px}.field span,.check-field{color:var(--ash);font-size:.82rem;font-weight:500}select,input[type=range],.number-input{width:100%}select,.number-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink-2);border:1px solid var(--hairline-strong);border-radius:4px;color:var(--paper);font-family:var(--mono);font-size:.84rem;min-height:40px;padding:0 12px}input[type=range]{accent-color:var(--accent)}.check-field{align-items:center;display:flex;gap:8px}.check-field input{accent-color:var(--accent);height:16px;width:16px}.run-button{align-items:center;background:var(--accent);border-radius:4px;color:#06101f;display:inline-flex;font-family:var(--body);font-weight:700;font-size:.92rem;gap:8px;justify-content:center;margin-top:auto;min-height:46px;padding:0 16px;width:100%}.run-button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-bright),0 0 20px -4px var(--accent-bright)}.dropzone{align-items:center;color:var(--ash);display:flex;gap:16px;justify-content:center;padding:24px;text-align:left}.dropzone.is-dragging{background:var(--ink-2);border-color:var(--accent)}.dropzone input{display:none}.dropzone svg{flex:0 0 auto;color:var(--accent-bright)}.dropzone h3{color:var(--paper);font-family:var(--body);font-size:1.05rem;margin-bottom:4px}.dropzone p{font-size:.86rem}.preview-panel{display:grid;grid-template-rows:1fr auto;overflow:hidden}.preview-image,.empty-preview{align-items:center;background:linear-gradient(45deg,var(--tray-2) 25%,transparent 25%),linear-gradient(-45deg,var(--tray-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tray-2) 75%),linear-gradient(-45deg,transparent 75%,var(--tray-2) 75%);background-color:var(--ink-2);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:flex;justify-content:center;min-height:0}.preview-image.has-comparison{display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-image figure{align-items:center;display:flex;height:100%;justify-content:center;margin:0;min-width:0;position:relative}.preview-image img{display:block;height:100%;max-width:100%;object-fit:contain}.preview-image figcaption{background:#09111fd9;border:1px solid var(--hairline-strong);border-radius:4px;bottom:10px;color:var(--paper);font-family:var(--mono);font-size:.7rem;font-weight:500;left:10px;padding:5px 8px;position:absolute}.empty-preview{color:var(--ash-dim)}.preview-meta{align-items:center;border-top:1px solid var(--hairline);display:flex;gap:12px;justify-content:space-between;min-height:54px;padding:12px 14px}.rename-field,.job-rename{align-items:center;background:var(--ink-2);border:1px solid var(--hairline-strong);border-radius:4px;color:var(--ash);display:flex;gap:7px;min-width:0}.rename-field{flex:1;min-height:38px;padding:0 10px}.rename-field input,.job-rename input{background:transparent;border:0;color:var(--paper);font-family:var(--mono);font-size:.82rem;min-width:0;outline:0;width:100%}.preview-meta small{border-radius:3px;flex:0 0 auto;font-family:var(--mono);font-size:.7rem;font-weight:600;padding:5px 8px;white-space:nowrap}.target-met{background:var(--accent-dim);color:var(--accent-bright)}.target-missed{background:var(--red-dim);color:var(--red-bright)}.job-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-meta span,.job-main span,.job-main em{color:var(--ash);font-family:var(--mono);font-size:.8rem;white-space:nowrap}.queue-panel{display:grid;grid-column:2 / 4;grid-template-rows:auto 1fr;min-height:400px;overflow:hidden}.queue-summary{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:12px;padding:16px}.queue-summary div{border-right:1px solid var(--hairline);min-width:94px;padding-right:14px}.queue-summary span{display:block;font-family:var(--mono);font-size:1.3rem;font-weight:600;line-height:1}.queue-summary p{color:var(--ash);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.queue-summary button{align-items:center;background:var(--accent);border-radius:4px;color:#06101f;display:inline-flex;font-family:var(--mono);font-size:.82rem;font-weight:500;gap:8px;margin-left:auto;min-height:42px;padding:0 16px}.queue-summary button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-bright),0 0 20px -4px var(--accent-bright)}.bulk-rename-bar{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:12px;padding:12px 16px}.bulk-select-all{align-items:center;color:var(--ash);display:flex;flex:0 0 auto;font-size:.82rem;gap:8px;white-space:nowrap}.bulk-select-all input{accent-color:var(--accent);height:16px;width:16px}.bulk-rename-input{background:var(--ink-2);border:1px solid var(--hairline-strong);border-radius:4px;color:var(--paper);flex:1;font-family:var(--mono);font-size:.84rem;min-height:38px;min-width:0;padding:0 12px}.bulk-rename-btn{align-items:center;background:var(--accent);border-radius:4px;color:#06101f;display:inline-flex;flex:0 0 auto;font-family:var(--body);font-size:.84rem;font-weight:600;gap:7px;min-height:38px;padding:0 14px}.bulk-rename-btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-bright),0 0 20px -4px var(--accent-bright)}.job-list{display:grid;gap:8px;max-height:560px;overflow:auto;padding:12px}.empty-list{align-items:center;color:var(--ash-dim);display:flex;font-weight:500;justify-content:center;min-height:220px}.job-card{align-items:center;border:1px solid var(--hairline-strong);border-radius:6px;display:flex;gap:12px;min-height:auto;padding:9px}.job-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.job-check-input{accent-color:var(--accent);flex:0 0 auto;height:16px;width:16px}.job-card img{background:var(--ink-2);border-radius:4px;height:54px;object-fit:cover;width:68px}.job-main{display:grid;flex:1;gap:3px;min-width:0}.job-rename{height:30px;padding:0 8px}.job-rename input{font-size:.8rem;font-weight:500}.job-main em{color:var(--red-bright);font-style:normal;overflow:hidden;text-overflow:ellipsis}.job-main small{color:var(--ash);font-family:var(--mono);font-size:.72rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{flex:0 0 auto}.status-icon.success{color:var(--accent-bright)}.status-icon.error{color:var(--red-bright)}.queued-dot{background:var(--ash-dim);border-radius:999px;height:10px;width:10px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:940px){.tool-grid{grid-template-columns:1fr;grid-template-rows:auto}.settings-panel,.queue-panel{grid-column:auto;grid-row:auto}.settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading,.run-button{grid-column:1 / -1}.preview-panel{min-height:320px}}@media(max-width:640px){.site-header .wrap{height:auto;flex-wrap:wrap;padding:16px 20px;gap:12px}.hero{padding:48px 0 56px}section.band{padding:56px 0}.tool-head{flex-direction:column}.settings-panel{grid-template-columns:1fr}.dropzone{align-items:flex-start;flex-direction:column}.queue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.queue-summary div{border-right:0;min-width:0;padding-right:0}.bulk-rename-bar{flex-wrap:wrap}.bulk-rename-input{flex:1 1 100%;order:1}.queue-summary button{grid-column:1 / -1;justify-content:center;margin-left:0}.job-card{flex-wrap:wrap}.preview-image.has-comparison{grid-template-columns:1fr}}