:root{--canvas:#f8fafc;--surface:#fff;--ink:#0f172a;--muted:#475569;--border:#d7e1e0;--teal:#0f766e;--teal2:#115e59;--soft:#ecfdf5;--error:#b91c1c;--warn:#b45309}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1200px;margin:auto;padding:0 20px}.header{border-bottom:1px solid var(--border);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.brand{color:var(--ink);font-size:20px;font-weight:800}.nav{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.crumb{color:var(--muted);margin-bottom:14px;font-size:14px}.hero h1{margin:0 0 10px;font-size:clamp(30px,5vw,40px);line-height:1.1}.lede{color:var(--muted);max-width:800px;font-size:17px}.trust{background:var(--soft);border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;margin:10px 0 18px;padding:8px 10px;font-size:14px;display:inline-flex}.server-note{background:#fff7ed;border-color:#fed7aa}.stage{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:18px;padding:24px;box-shadow:0 2px 10px #0f172a0a}.drop{text-align:center;background:#f8fafc;border:2px dashed #94a3b8;border-radius:14px;padding:30px}.drop input{max-width:100%}.files{gap:8px;margin:16px 0;display:grid}.file-row{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{border:1px solid var(--border);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:10px 16px;font-weight:700}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.primary:hover{background:var(--teal2)}.btn:disabled{cursor:not-allowed;opacity:.55}.controls{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0;display:grid}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:650}.field input,.field select,.field textarea{min-height:44px;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:9px;padding:9px 10px}.field textarea{min-height:90px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status{background:#f1f5f9;border-radius:10px;margin-top:16px;padding:12px}.error{color:var(--error);background:#fef2f2;border:1px solid #fecaca}.outputs{gap:10px;margin-top:16px;display:grid}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:20px;display:grid}.tool-card{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:14px;padding:16px}.tool-card strong{margin-bottom:6px;display:block}.tool-card span{color:var(--muted);font-size:14px}.support{max-width:820px;margin-top:34px}.support h2{margin-top:32px}.footer{border-top:1px solid var(--border);color:var(--muted);padding:30px 0;font-size:14px}@media (max-width:640px){.header-inner{flex-direction:column;align-items:flex-start;height:auto;padding:14px 0}.main{padding-top:24px}.stage{padding:16px}.drop{padding:22px 12px}.actions .btn{width:100%}}.sr-only-file{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.choose-file{justify-content:center;align-items:center;display:inline-flex}.drop-active{border-color:var(--teal);background:var(--soft)}.file-row{grid-template-columns:minmax(0,1fr) auto auto}.file-meta{white-space:nowrap;color:var(--muted);font-size:14px}.icon-btn{min-width:72px}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #0f766e}.field>span{font-size:14px;font-weight:650}.field input[type=checkbox]{justify-self:start;width:24px;height:24px;min-height:24px}.stage[aria-busy=true]{cursor:progress}@media (max-width:520px){.file-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.file-row .icon-btn{grid-column:1/-1;width:100%}.trust{border-radius:12px}.nav{gap:10px}.nav a{align-items:center;min-height:44px;display:inline-flex}}:root{--berry:#6d28d9;--berry-dark:#4c1d95;--berry-pink:#db2777;--blue:#2563eb;--green:#059669;--orange:#ea580c;--canvas:#fbfaff;--surface:#fff;--ink:#171429;--muted:#625f73;--border:#e7e3ef;--teal:var(--berry);--teal2:var(--berry-dark);--soft:#f3efff}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% -8%, #db277714, transparent 30rem), radial-gradient(circle at 92% 2%, #6d28d91a, transparent 34rem), var(--canvas)}.header{z-index:50;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #e7e3efd1;position:sticky;top:0}.header-inner{height:72px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;display:inline-flex}.brand:before{content:"";background:url(/formatberry-mark.svg) 50%/contain no-repeat;flex:0 0 30px;width:30px;height:30px}.nav{gap:6px}.nav a{color:#4f4b61;border-radius:10px;padding:9px 11px;font-weight:650;transition:background .18s,color .18s,transform .18s}.nav a:hover{color:var(--berry-dark);background:#f4f0ff;text-decoration:none;transform:translateY(-1px)}.main{padding:42px 0 76px}.main>.shell:has(.popular-tools){flex-direction:column;display:flex}.main>.shell:has(.popular-tools)>.home-hero{order:1}.main>.shell:has(.popular-tools)>.popular-tools{order:2}.main>.shell:has(.popular-tools)>section:not(.home-hero):not(.popular-tools):not(.support){order:3}.main>.shell:has(.popular-tools)>.support{order:4}.home-hero{text-align:center;background:radial-gradient(circle at 14% 20%,#db27771c,#0000 15rem),radial-gradient(circle at 86% 18%,#2563eb1a,#0000 17rem),linear-gradient(#fff 0%,#fbf9ff 100%);border:1px solid #e8e1f4;border-radius:30px;padding:clamp(42px,7vw,76px) 24px 44px;position:relative;overflow:hidden;box-shadow:0 24px 70px #29194b14}.home-hero:after{content:"";pointer-events:none;background:linear-gradient(145deg,#db27771f,#6d28d921);border-radius:999px;width:220px;height:220px;position:absolute;bottom:-130px;right:-90px}.hero-kicker,.eyebrow{color:var(--berry-dark);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1;display:inline-block}.home-hero h1{letter-spacing:-.055em;max-width:860px;margin:14px auto 16px;font-size:clamp(40px,7vw,72px);line-height:.98}.home-hero .lede{color:#625f73;max-width:760px;margin:0 auto;font-size:clamp(17px,2.2vw,20px);line-height:1.6}.hero-pills,.hero-categories{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.hero-pills{margin-top:24px}.hero-pills span{color:#575266;background:#ffffffd1;border:1px solid #e4def0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:650}.hero-categories{margin-top:22px}.hero-categories a{color:var(--berry-dark);background:#fff;border:1px solid #ddd5ee;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:750;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 5px 16px #2c1d490a}.hero-categories a:hover{border-color:#c4b5fd;text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px #4c1d951a}.popular-tools{z-index:2;background:#fffffff5;border:1px solid #e7e3ef;border-radius:24px;margin:-18px 22px 30px;padding:24px;position:relative;box-shadow:0 20px 55px #23183b17}.popular-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.popular-heading h2{letter-spacing:-.03em;margin:6px 0 0;font-size:24px}.browse-all{color:var(--berry);font-size:14px;font-weight:750}.browse-all:hover{text-decoration:none}.popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.popular-card{min-height:78px;color:var(--ink);background:#fff;border:1px solid #ebe7f2;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.popular-card:hover{border-color:#cfc4e7;text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 28px #2c1d4917}.popular-icon{color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:850;display:grid}.icon-word{background:linear-gradient(145deg,#2563eb,#4338ca)}.icon-image{background:linear-gradient(145deg,#f97316,#db2777)}.icon-merge{background:linear-gradient(145deg,#7c3aed,#db2777)}.icon-compress{background:linear-gradient(145deg,#059669,#0f766e)}.icon-split{background:linear-gradient(145deg,#d97706,#ea580c)}.popular-card strong{margin-bottom:3px;font-size:15px;display:block}.popular-card small{color:var(--muted);font-size:12px}.card-arrow{color:#9a94a8;font-size:19px;transition:color .18s,transform .18s}.popular-card:hover .card-arrow{color:var(--berry);transform:translate(2px)}.main>.shell:has(.popular-tools)>section:not(.home-hero):not(.popular-tools):not(.support){margin-top:34px;scroll-margin-top:94px}.main>.shell:has(.popular-tools)>section:not(.home-hero):not(.popular-tools):not(.support)>h2{letter-spacing:-.035em;margin:0 0 4px;font-size:25px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool-card{background:linear-gradient(#fff 0%,#fdfcff 100%);border:1px solid #e8e4ef;border-radius:18px;min-height:132px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 6px 18px #1f182f09}.tool-card:after{content:"";pointer-events:none;background:linear-gradient(145deg,#6d28d914,#db277714);border-radius:999px;width:92px;height:92px;position:absolute;bottom:-38px;right:-25px}.tool-card:hover{border-color:#cfc3e7;text-decoration:none;transform:translateY(-4px);box-shadow:0 15px 34px #2d1e4917}.tool-card strong{z-index:1;letter-spacing:-.015em;margin-bottom:9px;font-size:16px;position:relative}.tool-card span{z-index:1;line-height:1.5;position:relative}.main>.shell:has(.popular-tools)>.support{background:#f7f4fb;border:1px solid #e6e1ee;border-radius:22px;max-width:none;margin-top:52px;padding:26px 28px 30px}.main>.shell:not(:has(.popular-tools))>.hero{max-width:860px}.main>.shell:not(:has(.popular-tools))>.hero h1{letter-spacing:-.045em;font-size:clamp(36px,6vw,54px)}.crumb{color:#777184;margin-bottom:18px}.crumb a{font-weight:650}.trust{color:#116046;background:#ecfdf5;border-color:#b7ead7;font-weight:650}.server-note{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.stage{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#6d28d942,#db277729,#2563eb29) border-box;border:1px solid #e3dced;border-radius:24px;margin-top:24px;padding:clamp(18px,3vw,28px);position:relative;overflow:hidden;box-shadow:0 20px 55px #23183b14}.drop{background:radial-gradient(circle at 50% 0,#6d28d914,#0000 15rem),#faf8ff;border:2px dashed #b8a9d1;border-radius:18px;padding:clamp(34px,6vw,58px) 18px;transition:background .18s,border-color .18s}.drop:hover,.drop-active{border-color:var(--berry);background:#f5f0ff}.drop p{max-width:520px;color:var(--muted);margin:14px auto 0;line-height:1.5}.btn{border-radius:12px;transition:transform .16s,box-shadow .16s,background .16s}.btn.primary{background:linear-gradient(135deg, var(--berry), #7c3aed 55%, var(--berry-pink));border-color:#0000;box-shadow:0 9px 22px #6d28d933}.btn.primary:hover{background:linear-gradient(135deg, var(--berry-dark), #6d28d9 55%, #be185d);transform:translateY(-1px);box-shadow:0 12px 26px #6d28d940}.stage .actions{margin-top:18px}.main>.shell:not(:has(.popular-tools))>.support{border-top:1px solid #e5e0ec;max-width:900px;margin-top:44px;padding-top:10px}.support h2{letter-spacing:-.025em}.footer{background:#ffffffa3;border-top:1px solid #e5e0ec}@media (max-width:960px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.header{-webkit-backdrop-filter:none;position:static}.header-inner{height:auto}.nav{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.nav a{white-space:nowrap}.main{padding-top:24px}.home-hero{border-radius:24px;padding-left:18px;padding-right:18px}.home-hero h1{font-size:clamp(38px,13vw,56px)}.popular-tools{border-radius:20px;margin:-14px 10px 26px;padding:17px}.popular-heading{align-items:flex-start}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.popular-grid,.tool-grid{grid-template-columns:1fr}.popular-heading{display:block}.browse-all{margin-top:9px;display:inline-block}.popular-card{min-height:72px}.tool-card{min-height:0}.hero-pills span{font-size:12px}.hero-categories a{text-align:center;flex:44%}.stage{border-radius:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav a,.hero-categories a,.popular-card,.card-arrow,.tool-card,.btn{transition:none}}.support p a,.support li a{color:var(--berry-dark);text-underline-offset:2px;font-weight:650;-webkit-text-decoration:underline #4c1d958c;text-decoration:underline #4c1d958c;text-decoration-thickness:1.5px}.support p a:hover,.support li a:hover{color:var(--berry);text-decoration-color:currentColor}