:root{- - primary:#004ac6;- - primary- container:#2563eb;- - primary- fixed:#dbe1ff;- - secondary:#495c95;- - tertiary:#943700;- - surface:#faf8ff;- - surface- bright:#faf8ff;- - surface- container- low:#f3f3fe;- - surface- container:#ededf9;- - surface- container- high:#e7e7f3;- - surface- container- highest:#e1e2ed;- - surface- container- lowest:#ffffff;- - surface- variant:#e1e2ed;- - outline- variant:#c3c6d7;- - on- surface:#191b23;- - on- surface- variant:#434655;- - on- primary:#ffffff;- - on- secondary- container:#394c84;- - shadow- ambient:0 12px 40px rgba(25,27,35,0.06)}*,*::before,*::after{box- sizing:border- box}body{margin:0;font- family:"Inter",sans- serif;background:var(- - surface);color:var(- - on- surface);min- height:100vh}a{color:inherit;text- decoration:none}button{font- family:inherit}.skip- link{position:absolute;left:- 999px;top:8px;background:var(- - primary);color:var(- - on- primary);padding:8px 16px;border- radius:999px;z- index:100}.skip- link:focus{left:16px}.site- header{position:sticky;top:0;z- index:50;background:rgba(255,255,255,0.85);backdrop- filter:blur(16px);box- shadow:0 1px 0 rgba(25,27,35,0.04)}.nav- shell{max- width:1200px;margin:0 auto;padding:18px 24px;display:flex;align- items:center;justify- content:space- between;gap:16px;position:relative}.brand{display:inline- flex;align- items:center;font- size:1.6rem;font- weight:900;letter- spacing:- 0.03em;color:var(- - primary)}.brand- logo{display:block;width:auto;height:1.7rem;max- width:min(200px,46vw)}.menu- button{width:44px;height:44px;border- radius:14px;border:none;background:transparent;display:none;color:var(- - primary);align- items:center;justify- content:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.menu- button:hover{background:var(- - surface- container- low)}.nav- links{display:flex;align- items:center;gap:10px;font- weight:600;color:var(- - on- surface- variant)}.nav- links>a,.nav- link- button{display:inline- flex;align- items:center;gap:8px;padding:10px 14px;border- radius:999px;transition:color 0.2s ease,background 0.2s ease,border- color 0.2s ease}.nav- links>a:hover,.nav- link- button:hover,.nav- tools.is- open .nav- link- button{color:var(- - primary);background:var(- - surface- container- low)}.nav- links>a.is- current{color:var(- - primary);background:rgba(0,74,198,0.08)}.nav- tools{position:static}.nav- link- button{border:1px solid rgba(195,198,215,0.65);background:rgba(255,255,255,0.86);color:var(- - on- surface);font- weight:700;cursor:pointer}.nav- link- button .material- symbols- outlined{font- size:1.1rem}.nav- caret{transition:transform 0.2s ease}.nav- tools.is- open .nav- caret{transform:rotate(180deg)}.tools- mega[hidden],.mobile- tools- drawer[hidden]{display:none}.tools- mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(- 50%);width:min(1120px,calc(100vw - 48px));background:rgba(255,255,255,0.98);backdrop- filter:blur(18px);border- radius:28px;border:1px solid rgba(195,198,215,0.65);box- shadow:0 30px 80px rgba(25,27,35,0.12);padding:28px}.tools- mega- grid{display:grid;grid- template- columns:repeat(4,minmax(0,1fr));gap:24px}.tool- section{min- width:0;padding- right:20px;border- right:1px solid rgba(195,198,215,0.55)}.tool- section:last- child{padding- right:0;border- right:none}.tool- section- title{margin:0 0 14px;font- size:0.8rem;font- weight:800;color:var(- - on- surface- variant);letter- spacing:0.08em;text- transform:uppercase}.tool- section- list{display:grid;gap:8px}.tool- link{display:flex;align- items:center;gap:12px;min- height:64px;padding:12px 14px;border- radius:20px;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease,box- shadow 0.2s ease}.tool- link:hover{background:var(- - surface- container- low);transform:translateY(- 1px)}.tool- link.is- current{background:rgba(0,74,198,0.08);color:var(- - primary);box- shadow:inset 0 0 0 1px rgba(0,74,198,0.18)}.tool- link.is- disabled{background:rgba(243,243,254,0.58);color:var(- - on- surface- variant);box- shadow:inset 0 0 0 1px rgba(195,198,215,0.35)}.tool- link- icon{width:44px;height:44px;border- radius:14px;background:var(- - surface- container- low);display:flex;align- items:center;justify- content:center;color:var(- - primary);flex:0 0 auto}.tool- link.is- current .tool- link- icon{background:rgba(0,74,198,0.12)}.tool- link.is- disabled .tool- link- icon{background:var(- - surface- container);color:var(- - secondary)}.tool- link- label{font- weight:700;line- height:1.2}.tool- link- badge{margin- left:auto;padding:4px 8px;border- radius:999px;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:0.65rem;font- weight:800;letter- spacing:0.06em;text- transform:uppercase}.tools- mega- footer{margin- top:24px;padding- top:20px;border- top:1px solid rgba(195,198,215,0.55);display:flex;flex- wrap:wrap;align- items:center;justify- content:space- between;gap:12px;color:var(- - on- surface- variant);font- size:0.95rem}.tools- mega- footer a{color:var(- - primary);font- weight:700}.nav- link.is- disabled{opacity:0.45;cursor:not- allowed}.nav- actions{display:flex;align- items:center;gap:14px}.mobile- tools- drawer{position:fixed;inset:0;z- index:70}.mobile- tools- backdrop{position:absolute;inset:0;background:rgba(15,23,42,0.54)}.mobile- tools- panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:rgba(255,255,255,0.98);backdrop- filter:blur(18px);box- shadow:- 18px 0 48px rgba(25,27,35,0.16);display:flex;flex- direction:column}.mobile- tools- header{padding:24px 20px 18px;display:flex;justify- content:space- between;align- items:flex- start;gap:16px;border- bottom:1px solid rgba(195,198,215,0.55)}.mobile- tools- eyebrow{margin:0 0 8px;text- transform:uppercase;letter- spacing:0.16em;font- size:0.72rem;color:var(- - on- surface- variant);font- weight:800}.mobile- tools- header h2{margin:0;font- size:1.8rem;line- height:1.05}.mobile- tools- copy{margin:8px 0 0;color:var(- - on- surface- variant)}.mobile- tools- content{flex:1;overflow:auto;padding:20px;display:grid;gap:18px}.mobile- tool- section{padding:18px;border- radius:24px;background:var(- - surface- container- low)}.mobile- tool- section .tool- link{background:rgba(255,255,255,0.72)}.mobile- tool- section .tool- link.is- current{background:rgba(0,74,198,0.1)}.mobile- tool- section .tool- link.is- disabled{background:rgba(255,255,255,0.48)}.mobile- tools- footer{padding:18px 20px calc(18px + env(safe- area- inset- bottom));display:flex;gap:10px;border- top:1px solid rgba(195,198,215,0.55);background:rgba(255,255,255,0.98)}.mobile- tools- footer a{flex:1;text- align:center;padding:12px 14px;border- radius:16px;background:var(- - surface- container- low);font- weight:700}.site- body.is- mobile- menu- open{overflow:hidden}.ghost- button{background:transparent;border:none;color:var(- - on- surface- variant);font- weight:600}.ghost- button.is- disabled{opacity:0.45;cursor:not- allowed}.primary- button{background:linear- gradient(135deg,var(- - primary),var(- - primary- container));color:var(- - on- primary);border:none;padding:18px 46px;border- radius:10px;font- weight:800;font- size:1.1rem;cursor:pointer;box- shadow:0 18px 40px rgba(0,74,198,0.2);transition:transform 0.2s ease,box- shadow 0.2s ease}.primary- button.small{padding:12px 22px;font- size:0.95rem;border- radius:8px}.primary- button:hover{transform:translateY(- 1px);box- shadow:0 20px 44px rgba(0,74,198,0.25)}.primary- button.is- download{display:inline- flex;align- items:center;justify- content:center;gap:10px}.primary- button:disabled{opacity:0.6;cursor:not- allowed;box- shadow:none}.page- content{padding:32px 0 80px}.gdpr- banner{position:fixed;bottom:24px;left:24px;right:24px;z- index:60;background:rgba(255,255,255,0.92);backdrop- filter:blur(16px);border- radius:20px;box- shadow:var(- - shadow- ambient);padding:18px 20px}.gdpr- content{max- width:1100px;margin:0 auto;display:flex;flex- wrap:wrap;gap:16px;align- items:center;justify- content:space- between}.gdpr- title{margin:0 0 6px;font- weight:800}.gdpr- text{margin:0;color:var(- - on- surface- variant)}.gdpr- actions{display:flex;align- items:center;gap:12px}.gdpr- link{font- weight:600;color:var(- - primary)}.page- shell{max- width:1200px;margin:0 auto;padding:0 24px}.mobile- only{display:none}.hero- grid{display:grid;grid- template- columns:160px minmax(0,1fr)160px;gap:32px;align- items:start}.hero- grid>.hero- content{grid- column:2 / 3}.site- body.is- adblocked .hero- grid{grid- template- columns:1fr}.site- body.is- adblocked .hero- grid>.hero- content{grid- column:1 / - 1}.site- body.is- adblocked .ad- rail,.site- body.is- adblocked .ad- card,.site- body.is- adblocked .ad- banner{display:none}.ad- rail{display:flex;justify- content:center}.ad- card{width:160px;height:600px;background:var(- - surface- container- low);border- radius:20px;display:flex;align- items:center;justify- content:center;text- align:center;color:var(- - on- surface- variant);padding:16px}.hero- content{display:flex;flex- direction:column;align- items:center;text- align:center;gap:32px}.hero- copy{max- width:640px}.sponsor- card{width:100%;background:var(- - surface- container- low);border- radius:18px;padding:18px;position:relative;overflow:hidden}.sponsor- card::after{content:"";position:absolute;inset:0;background:linear- gradient(135deg,rgba(0,74,198,0.12),transparent);opacity:0.35;pointer- events:none}.sponsor- label{position:absolute;top:12px;right:16px;font- size:0.55rem;letter- spacing:0.3em;text- transform:uppercase;color:var(- - on- surface- variant)}.sponsor- content{display:flex;align- items:center;gap:14px;position:relative;z- index:1}.sponsor- icon{width:46px;height:46px;border- radius:14px;background:var(- - primary- container);display:flex;align- items:center;justify- content:center;color:var(- - on- primary)}.sponsor- title{margin:0;font- weight:700;font- size:0.95rem}.sponsor- sub{margin:2px 0 0;font- size:0.75rem;color:var(- - on- surface- variant)}.eyebrow{text- transform:uppercase;letter- spacing:0.3em;font- size:0.50rem;font- weight:700;color:var(- - on- surface- variant);margin- bottom:16px}h1{font- size:2rem;line- height:1.05;margin:0 0 16px;letter- spacing:- 0.03em}.lede{font- size:1.1rem;color:var(- - on- surface- variant);margin:0}.compressor{width:100%;max- width:760px;display:flex;flex- direction:column;gap:24px;align- items:stretch}.merge- hero{display:grid;gap:32px;align- items:center;justify- items:center}.merge- form{max- width:860px}.dropzone{background:var(- - surface- container- low);border- radius:24px;padding:56px 24px;border:2px solid rgba(195,198,215,0.2);box- shadow:var(- - shadow- ambient);position:relative;transition:background 0.2s ease,border- color 0.2s ease}.dropzone.is- dragging{background:var(- - primary- fixed);border- color:rgba(0,74,198,0.3)}.file- input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone- content{display:flex;flex- direction:column;align- items:center;gap:12px;pointer- events:none}.dropzone- content .material- symbols- outlined{font- size:3.5rem;color:var(- - primary)}.dropzone- title{font- size:1.4rem;font- weight:700;margin:0}.dropzone- sub{font- size:1rem;color:var(- - on- surface- variant);margin:4px 0 0}.upload- limit- note{position:absolute;left:50%;bottom:14px;transform:translateX(- 50%);margin:0;display:inline- flex;align- items:center;gap:8px;padding:8px 12px;border- radius:999px;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:0.82rem;font- weight:700;pointer- events:none;white- space:nowrap}.upload- limit- note .material- symbols- outlined{font- size:1.1rem}.png- grid- dropzone{min- height:250px;padding:56px 24px;cursor:pointer;overflow:hidden;transition:background 0.2s ease,border- color 0.2s ease,padding 0.2s ease,min- height 0.2s ease,max- height 0.2s ease}.png- grid- dropzone.is- dragging{border- style:dashed}.png- grid- dropzone .upload- limit- note{left:auto;right:14px;bottom:14px;transform:none;padding:6px 10px;font- size:0.74rem;transition:opacity 0.2s ease}.png- grid- dropzone.has- files{min- height:430px;max- height:430px;padding:16px;cursor:default}.png- grid- dropzone.has- files .upload- limit- note{opacity:0}.png- file- input{display:none}.png- dropzone- prompt{position:absolute;inset:0;z- index:1;justify- content:center;transition:opacity 0.2s ease,transform 0.2s ease}.png- grid- dropzone.has- files .png- dropzone- prompt{opacity:0;transform:scale(0.985);pointer- events:none}.png- grid- panel{position:relative;z- index:2;display:flex;flex- direction:column;gap:10px;width:100%;height:100%;opacity:0;transform:translateY(8px);transition:opacity 0.2s ease,transform 0.2s ease;pointer- events:none}.png- grid- dropzone.has- files .png- grid- panel{opacity:1;transform:translateY(0);pointer- events:auto}.png- grid- toolbar{display:flex;align- items:center;justify- content:space- between;gap:10px}.png- grid- hint{margin:0;color:var(- - on- surface- variant);font- size:0.78rem;font- weight:600}.png- file- count- badge{display:inline- flex;align- items:center;border- radius:999px;padding:5px 10px;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:0.74rem;font- weight:700;white- space:nowrap}.png- grid- scroll{position:relative;flex:1 1 auto;min- height:0;max- height:360px;overflow- y:auto;padding- right:2px}.png- grid- scroll::- webkit- scrollbar{width:8px}.png- grid- scroll::- webkit- scrollbar- thumb{border- radius:999px;background:rgba(67,70,85,0.25)}.png- grid- scroll.is- overflowing::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;background:linear- gradient(to bottom,rgba(243,243,254,0),rgba(243,243,254,0.95));pointer- events:none}.png- file- grid{display:grid;grid- template- columns:repeat(4,minmax(0,1fr));gap:12px;align- content:start}.png- file- card,.png- add- more- card{border- radius:14px;min- height:148px}.png- file- card{position:relative;border:1px solid rgba(195,198,215,0.82);background:var(- - surface- container- lowest);box- shadow:0 6px 16px rgba(25,27,35,0.05);padding:6px;display:grid;grid- template- rows:auto auto auto;gap:6px;transition:transform 0.18s ease,box- shadow 0.18s ease,border- color 0.18s ease}.png- file- card:hover{transform:translateY(- 1px);border- color:rgba(0,74,198,0.28);box- shadow:0 10px 22px rgba(25,27,35,0.12)}.png- file- card.is- dragging{opacity:0.55}.png- file- card.is- drop- target{border- color:rgba(0,74,198,0.56);box- shadow:0 0 0 2px rgba(0,74,198,0.22)}.png- thumb- shell{position:relative;aspect- ratio:4 / 3;border- radius:10px;overflow:hidden;background:var(- - surface- container)}.png- thumb- shell img{width:100%;height:100%;object- fit:contain;display:block;transition:transform 0.2s ease}.png- thumb- spinner{position:absolute;top:50%;left:50%;width:20px;height:20px;margin- top:- 10px;margin- left:- 10px;border- radius:999px;border:2px solid rgba(0,74,198,0.2);border- top- color:rgba(0,74,198,0.75);animation:png- thumb- spin 0.7s linear infinite}.png- thumb- shell:not(.is- loading).png- thumb- spinner{display:none}.png- card- name{margin:0;font- size:0.82rem;font- weight:700;overflow:hidden;text- overflow:ellipsis;white- space:nowrap}.png- card- size{margin:0;font- size:0.75rem;color:var(- - on- surface- variant)}.png- card- move- left,.png- card- move- right,.png- card- handle,.png- card- remove{position:absolute;z- index:3;top:8px;width:28px;height:28px;border:none;border- radius:8px;background:rgba(15,23,42,0.62);color:#ffffff;display:inline- flex;align- items:center;justify- content:center;cursor:pointer;opacity:1;transition:opacity 0.15s ease}.png- card- move- left{right:104px}.png- card- move- right{right:72px}.png- card- handle{left:auto;right:40px;cursor:pointer}.png- card- handle:active{cursor:pointer}.png- card- remove{right:8px}.png- card- move- left:disabled,.png- card- move- right:disabled{opacity:0.38;cursor:not- allowed}.png- card- move- left:disabled .material- symbols- outlined,.png- card- move- right:disabled .material- symbols- outlined{opacity:0.8}.png- card- move- left .material- symbols- outlined,.png- card- move- right .material- symbols- outlined,.png- card- handle .material- symbols- outlined,.png- card- remove .material- symbols- outlined{font- size:1rem}.png- file- card:hover .png- card- move- left,.png- file- card:hover .png- card- move- right,.png- file- card:hover .png- card- handle,.png- file- card:hover .png- card- remove{opacity:1}.png- add- more- card{border:1.5px dashed rgba(0,74,198,0.45);background:rgba(0,74,198,0.04);color:var(- - primary);font- weight:700;font- size:0.9rem;display:grid;place- content:center;gap:6px;cursor:pointer}.png- add- more- card .material- symbols- outlined{font- size:1.4rem;margin:0 auto}.png- dropzone- toast{min- height:1.1rem;margin- top:- 10px;font- size:0.85rem;color:var(- - tertiary);opacity:0;transform:translateY(- 6px);transition:opacity 0.2s ease,transform 0.2s ease}.png- dropzone- toast.is- visible{opacity:1;transform:translateY(0)}@keyframes png- thumb- spin{to{transform:rotate(360deg)}}@media(max- width:1024px){.png- file- grid{grid- template- columns:repeat(3,minmax(0,1fr))}}@media(max- width:768px){.png- file- grid{grid- template- columns:repeat(2,minmax(0,1fr))}.png- card- handle,.png- card- remove{opacity:1}.png- grid- dropzone.has- files{min- height:400px;max- height:400px}}.validation{color:var(- - tertiary);font- weight:600}.validation- summary- errors{background:rgba(148,55,0,0.08);padding:12px 16px;border- radius:12px}.validation ul{list- style:none;padding:0;margin:0}.merge- list- header{display:flex;flex- wrap:wrap;justify- content:space- between;gap:8px;color:var(- - on- surface- variant);font- size:0.9rem}.merge- list{display:grid;gap:12px}.merge- item{display:grid;grid- template- columns:auto 1fr auto;gap:16px;align- items:center;padding:14px 18px;border- radius:16px;background:var(- - surface- container- low)}.split- item{grid- template- columns:auto auto 1fr auto;align- items:start}.split- thumb{width:70px;height:96px;border- radius:12px;background:var(- - surface- container- high);display:flex;align- items:center;justify- content:center;overflow:hidden;box- shadow:inset 0 0 0 1px rgba(195,198,215,0.4)}.split- thumb img{width:100%;height:100%;object- fit:cover}.split- meta{display:flex;gap:10px;align- items:center;font- size:0.75rem;color:var(- - on- surface- variant)}.merge- item.is- dragging{opacity:0.6}.merge- handle{width:38px;height:38px;border- radius:12px;background:var(- - surface- container- high);display:flex;align- items:center;justify- content:center;color:var(- - primary);cursor:grab}.merge- file- name{font- weight:700;margin:0 0 4px;font- size:0.75rem}.merge- file- meta{margin:0;color:var(- - on- surface- variant);font- size:0.85rem}.merge- actions{display:flex;gap:8px}.merge- actions button{width:36px;height:36px;border- radius:12px;border:none;background:var(- - surface- container- high);color:var(- - on- surface- variant);cursor:pointer}.merge- empty{margin:0;color:var(- - on- surface- variant);font- size:0.9rem}.merge- message{font- size:0.85rem;color:var(- - on- surface- variant)}.split- preview- hint{display:flex;align- items:center;gap:12px;padding:16px 18px;border- radius:16px;background:var(- - surface- container- low);color:var(- - on- surface- variant)}.split- preview- hint .ghost- button{margin- left:auto;padding:8px 12px;border- radius:12px;background:var(- - surface- container- lowest);border:1px solid var(- - outline- variant)}.split- preview- hint .material- symbols- outlined{font- size:1.6rem;color:var(- - primary)}.split- hint- title{margin:0;font- weight:700;color:var(- - on- surface)}.split- hint- sub{margin:4px 0 0;font- size:0.85rem}.split- result{margin- top:4px}.split- result- card{background:var(- - surface- container- lowest);border- radius:18px;padding:24px;text- align:center;box- shadow:var(- - shadow- ambient)}.split- result- title{margin:0;font- size:1.2rem;font- weight:800}.split- result- sub{margin:8px 0 18px;color:var(- - on- surface- variant)}.split- modal[hidden]{display:none}.split- modal{position:fixed;inset:0;z- index:80;display:flex;align- items:center;justify- content:center;padding:24px}.split- modal- backdrop{position:absolute;inset:0;background:rgba(15,23,42,0.55)}.split- modal- panel{position:relative;background:#ffffff;border- radius:28px;width:min(1200px,95vw);max- height:92vh;display:flex;flex- direction:column;box- shadow:0 30px 80px rgba(15,23,42,0.28);overflow:hidden}.split- modal- header{padding:24px 28px 16px;display:flex;align- items:center;justify- content:space- between;gap:24px;border- bottom:1px solid var(- - surface- container- high)}.split- modal- eyebrow{text- transform:uppercase;letter- spacing:0.3em;font- size:0.7rem;margin:0 0 8px;color:var(- - on- surface- variant);font- weight:700}.split- modal- header h2{margin:0;font- size:1.6rem}@media(max- width:720px){.split- modal- header{padding:18px 20px 12px;gap:16px;flex- wrap:wrap}.split- modal- header h2{font- size:1rem}.split- modal- actions{width:100%;justify- content:flex- start}}.split- modal- sub{margin:8px 0 0;color:var(- - on- surface- variant)}.split- modal- actions{display:flex;align- items:center;gap:12px}.rotate- modal- panel{width:min(1080px,94vw)}.rotate- modal- toolbar{justify- content:space- between}.rotate- modal- options{flex- wrap:wrap}.rotate- option- chip{border:1px solid var(- - outline- variant);background:var(- - surface- container- lowest);color:var(- - on- surface);border- radius:999px;padding:10px 16px;font- size:0.92rem;font- weight:700;transition:border- color 0.2s ease,background 0.2s ease,color 0.2s ease,box- shadow 0.2s ease}.rotate- option- chip.is- active{border- color:rgba(11,77,210,0.32);background:rgba(11,77,210,0.1);color:var(- - primary);box- shadow:inset 0 0 0 1px rgba(11,77,210,0.12)}.rotate- modal- canvas{padding:28px;display:grid;gap:18px;background:radial- gradient(circle at top right,rgba(11,77,210,0.08),transparent 34%),linear- gradient(180deg,rgba(244,246,255,0.9),rgba(255,255,255,1))}.rotate- modal- stage{min- height:64vh;border- radius:24px;background:rgba(236,240,255,0.72);box- shadow:inset 0 0 0 1px rgba(196,202,229,0.6);display:grid;place- items:center;padding:28px;overflow:auto}.rotate- modal- stage img{grid- area:1 / 1;max- width:min(100%,700px);max- height:calc(64vh - 56px);width:auto;height:auto;border- radius:18px;box- shadow:0 24px 50px rgba(15,23,42,0.16);transition:transform 0.25s ease;transform- origin:center center;background:#ffffff}.rotate- modal- empty{grid- area:1 / 1;display:grid;justify- items:center;gap:12px;color:var(- - on- surface- variant);text- align:center}.rotate- modal- empty .material- symbols- outlined{font- size:3rem;color:var(- - primary)}.rotate- modal- empty p{margin:0;font- weight:600}.rotate- modal- meta{margin:0;text- align:center;color:var(- - on- surface- variant);font- size:0.95rem}.watermark- modal- panel{width:min(1120px,94vw)}.watermark- modal .split- modal- header{padding:16px 22px;gap:12px}.watermark- modal .split- modal- actions{gap:8px}.watermark- modal- toolbar{align- items:flex- start;padding:10px 22px}.watermark- toolbar- settings{display:grid;gap:10px;min- width:min(100%,680px)}.watermark- toolbar- field{display:grid;gap:8px}.watermark- toolbar- field label,.watermark- toolbar- label{margin:0;font- size:0.74rem;font- weight:700;color:var(- - on- surface- variant);text- transform:uppercase;letter- spacing:0.16em}.watermark- toolbar- field input{border:1px solid var(- - outline- variant);border- radius:12px;background:var(- - surface- container- lowest);color:var(- - on- surface);padding:10px 14px;font- size:0.95rem}.watermark- toolbar- field input:focus- visible{outline:2px solid rgba(11,77,210,0.25);outline- offset:2px}.watermark- placement- options{display:flex;flex- wrap:wrap;gap:8px}.watermark- placement- chip{display:inline- flex;align- items:center;justify- content:center;border:1px solid var(- - outline- variant);background:var(- - surface- container- lowest);color:var(- - on- surface);border- radius:999px;padding:8px 14px;font- size:0.85rem;font- weight:700;transition:border- color 0.2s ease,background 0.2s ease,color 0.2s ease,box- shadow 0.2s ease}.watermark- placement- chip.is- active{border- color:rgba(11,77,210,0.32);background:rgba(11,77,210,0.1);color:var(- - primary);box- shadow:inset 0 0 0 1px rgba(11,77,210,0.12)}.watermark- modal- canvas{padding:28px;display:grid;gap:18px;background:radial- gradient(circle at top right,rgba(0,118,255,0.08),transparent 34%),linear- gradient(180deg,rgba(244,246,255,0.9),rgba(255,255,255,1))}.watermark- modal- stage{min- height:64vh;border- radius:24px;background:rgba(236,240,255,0.72);box- shadow:inset 0 0 0 1px rgba(196,202,229,0.6);display:grid;place- items:center;padding:28px;overflow:auto;position:relative}.watermark- modal- stage img{grid- area:1 / 1;max- width:min(100%,700px);max- height:calc(64vh - 56px);width:auto;height:auto;border- radius:18px;box- shadow:0 24px 50px rgba(15,23,42,0.16);background:#ffffff}.watermark- modal- empty{grid- area:1 / 1;display:grid;justify- items:center;gap:12px;color:var(- - on- surface- variant);text- align:center}.watermark- modal- empty .material- symbols- outlined{font- size:3rem;color:var(- - primary)}.watermark- modal- empty p{margin:0;font- weight:600}.watermark- preview- overlay{grid- area:1 / 1;pointer- events:none;z- index:2;color:rgba(12,31,78,0.26);font- weight:900;font- size:clamp(1.05rem,2.6vw,2.25rem);letter- spacing:0.18em;text- transform:uppercase;text- align:center;text- shadow:0 2px 8px rgba(255,255,255,0.75);max- width:min(80%,620px);padding:12px 18px}.watermark- preview- overlay.is- diagonal{transform:rotate(- 27deg);align- self:center;justify- self:center}.watermark- preview- overlay.is- center{transform:none;align- self:center;justify- self:center}.watermark- preview- overlay.is- footer{transform:none;align- self:end;justify- self:center;margin- bottom:28px;font- size:clamp(0.85rem,1.8vw,1.2rem);letter- spacing:0.14em}.watermark- modal- meta{margin:0;text- align:center;color:var(- - on- surface- variant);font- size:0.95rem}.split- toolbar{padding:12px 28px;display:flex;justify- content:space- between;align- items:center;background:var(- - surface- container- low);border- bottom:1px solid var(- - surface- container- high);gap:16px;flex- wrap:wrap}.split- toolbar- left,.split- toolbar- right{display:flex;align- items:center;gap:12px}.split- toolbar- label{font- weight:700;color:var(- - on- surface- variant);text- transform:uppercase;letter- spacing:0.2em;font- size:0.7rem}.split- toolbar- button{display:inline- flex;align- items:center;gap:8px;border- radius:12px;border:1px solid var(- - outline- variant);background:var(- - surface- container- lowest);padding:8px 12px;font- weight:600;cursor:pointer}.split- toolbar- button .material- symbols- outlined{font- size:1.2rem}.split- toolbar- pill{display:inline- flex;align- items:center;gap:8px;border- radius:999px;border:1px solid var(- - outline- variant);background:var(- - surface- container- lowest);padding:6px 12px;font- weight:700}.split- toolbar- pill .material- symbols- outlined{font- size:1.1rem}.split- toolbar- count{font- weight:600;color:var(- - on- surface- variant)}.split- menu- wrap{position:relative}.split- menu{position:absolute;top:calc(100% + 8px);left:0;background:#ffffff;border- radius:14px;padding:8px;box- shadow:var(- - shadow- ambient);border:1px solid var(- - surface- container- high);display:grid;gap:4px;min- width:180px;z- index:10}.split- menu- item{border:none;background:transparent;text- align:left;display:flex;align- items:center;gap:10px;padding:8px 10px;border- radius:10px;font- weight:600;cursor:pointer;color:var(- - on- surface)}.split- menu- item.is- active{background:var(- - surface- container);color:var(- - primary)}.split- canvas{padding:20px 28px 28px;overflow:auto}.split- page- grid{display:grid;gap:16px;grid- template- columns:repeat(auto- fit,minmax(260px,1fr))}.split- page- grid .merge- item{align- items:flex- start}.split- thumb.is- empty{color:var(- - primary);font- size:1.8rem}.split- thumb .split- thumb- icon{font- size:1.8rem;color:var(- - primary)}.split- actions button{width:28px;height:28px;border- radius:10px}.split- actions .material- symbols- outlined{font- size:0.95rem}.split- page- grid .merge- item{align- items:start}.split- page- grid .split- actions{align- self:start}.split- page- grid .merge- actions{flex- direction:column;gap:6px}.edit- toolbar{align- items:flex- start}.edit- toolbar- actions{display:flex;flex- wrap:wrap;gap:8px;flex:1;justify- content:center}.edit- toolbar- actions .split- toolbar- button.is- active{background:rgba(11,77,210,0.12);border- color:rgba(11,77,210,0.35);color:var(- - primary)}.edit- workspace{display:grid;grid- template- columns:minmax(300px,1.2fr)minmax(0,2fr);gap:18px;align- items:start}.edit- sidebar{display:grid;gap:12px}.edit- sidebar h3{margin:0;font- size:1rem}.edit- sidebar- sub{margin:0;font- size:0.86rem;color:var(- - on- surface- variant)}.edit- stage- shell{background:var(- - surface- container- lowest);border:1px solid var(- - outline- variant);border- radius:20px;padding:16px;display:grid;gap:12px;min- height:520px}.edit- stage- toolbar{display:flex;align- items:center;justify- content:space- between;gap:10px}.edit- stage- wrap{border:1px dashed rgba(11,77,210,0.25);border- radius:16px;background:var(- - surface- container);min- height:430px;display:grid;place- items:center;padding:14px}.edit- stage- empty{margin:0;color:var(- - on- surface- variant);font- size:0.9rem;text- align:center;max- width:320px}.edit- stage- canvas{position:relative;width:100%;max- width:680px;margin:0 auto;border- radius:14px;overflow:hidden;box- shadow:0 10px 22px rgba(11,20,45,0.08);background:#f8f9ff}.edit- stage- canvas>img{display:block;width:100%;height:auto}.edit- stage- overlays{position:absolute;inset:0}.edit- stage- block{position:absolute;border- radius:8px;border:1px solid rgba(11,77,210,0.4);background:rgba(255,255,255,0.86);color:var(- - on- surface);padding:6px 8px;font- size:0.82rem;line- height:1.2;cursor:move;user- select:none;box- shadow:0 6px 14px rgba(11,20,45,0.12);display:grid;align- content:start;overflow:hidden}.edit- stage- block.is- whiteout{background:#ffffff;border:1px solid rgba(170,182,205,0.8)}.edit- stage- block.is- selected{border- color:rgba(11,77,210,0.95);box- shadow:0 0 0 2px rgba(11,77,210,0.2)}.edit- stage- block- label{font- size:0.74rem;font- weight:700;color:var(- - on- surface- variant);letter- spacing:0.05em;text- transform:uppercase;margin- bottom:4px}.edit- stage- block- text{white- space:pre- wrap;word- break:break- word}.edit- stage- help{margin:0;font- size:0.84rem;color:var(- - on- surface- variant)}.edit- page- grid .edit- item{border:1px solid transparent;transition:border- color 0.2s ease,background 0.2s ease,box- shadow 0.2s ease}.edit- page- grid .edit- item.is- selected{border- color:rgba(11,77,210,0.35);background:rgba(11,77,210,0.08);box- shadow:0 0 0 1px rgba(11,77,210,0.1)}.edit- page- grid .edit- item.is- active- page{box- shadow:0 0 0 2px rgba(11,77,210,0.25)}.edit- meta- stack{display:grid;gap:8px}.edit- meta- copy{display:grid;gap:4px}.edit- meta- copy .merge- file- name{cursor:pointer}.edit- rotation- chip{display:inline- flex;align- items:center;justify- content:center;border- radius:999px;background:var(- - surface- container- lowest);border:1px solid var(- - outline- variant);color:var(- - on- surface- variant);padding:4px 10px;width:fit- content;font- size:0.74rem;font- weight:700;letter- spacing:0.08em;text- transform:uppercase}.edit- actions{display:grid;gap:6px}.edit- actions button,.edit- select- toggle{width:30px;height:30px;border- radius:10px}.edit- select- toggle.is- selected{border- color:rgba(11,77,210,0.4);background:rgba(11,77,210,0.12);color:var(- - primary)}.sync- edit- modal .split- modal- panel.sync- edit- panel{width:min(1480px,calc(100vw - 48px));max- height:calc(100vh - 36px)}.sync- edit- viewer- shell{position:relative;border- radius:16px;border:1px solid var(- - outline- variant);background:var(- - surface- container- lowest);overflow:hidden}.sync- pdf- viewer{width:100%;height:min(76vh,980px)}.sync- edit- loading{position:absolute;inset:12px;z- index:2;border- radius:12px;background:rgba(243,244,251,0.9);display:grid;align- content:center;gap:10px;padding:0 18%}.sync- edit- loading[hidden]{display:none !important}.sync- edit- loading p{margin:0;text- align:center;font- size:0.86rem;color:var(- - on- surface- variant);font- weight:600}.site- body.is- modal- open{overflow:hidden}.progress- stack{display:grid;gap:12px}.progress- block{background:var(- - surface- container- lowest);border- radius:14px;padding:12px 16px}.progress- label{display:flex;justify- content:space- between;font- size:0.8rem;color:var(- - on- surface- variant);margin- bottom:8px;font- weight:600}.progress- bar{height:8px;background:var(- - surface- container- highest);border- radius:999px;overflow:hidden}.progress- bar span{display:block;height:100%;background:linear- gradient(135deg,var(- - primary),var(- - primary- container));transition:width 0.2s ease}.progress- bar.is- indeterminate span{width:40%;animation:indeterminate- slide 1.2s infinite ease- in- out}.progress- block.is- processing- estimate .progress- bar.is- indeterminate span{width:var(- - processing- progress,14%);transform:none;animation:processing- pulse 1.25s infinite ease- in- out}@keyframes indeterminate- slide{0%{transform:translateX(- 100%)}50%{transform:translateX(60%)}100%{transform:translateX(200%)}}@keyframes processing- pulse{0%{opacity:0.72;filter:saturate(1)}50%{opacity:1;filter:saturate(1.14)}100%{opacity:0.84;filter:saturate(1.04)}}@keyframes processing- spin{to{transform:rotate(360deg)}}.processing- estimate{margin- top:10px;display:flex;flex- wrap:wrap;align- items:center;gap:10px;font- size:0.78rem;color:var(- - on- surface- variant)}.processing- spinner{width:14px;height:14px;border- radius:999px;border:2px solid rgba(0,74,198,0.16);border- top- color:var(- - primary);animation:processing- spin 0.8s linear infinite;flex:0 0 auto}.processing- estimate- text{font- weight:700;color:var(- - on- surface)}.processing- elapsed{margin- left:auto}.progress- message{font- size:0.85rem;color:var(- - on- surface- variant)}.compression- levels{background:var(- - surface- container);padding:24px;border- radius:20px}.section- label{text- transform:uppercase;font- size:0.75rem;letter- spacing:0.25em;font- weight:700;color:var(- - on- surface- variant);margin:0 0 16px}.level- grid{display:grid;gap:16px;grid- template- columns:repeat(3,minmax(0,1fr))}.level- grid.is- two{grid- template- columns:repeat(2,minmax(0,1fr))}.level- input{position:absolute;opacity:0;pointer- events:none;width:1px;height:1px;margin:- 1px}.level- card{background:var(- - surface- container- lowest);border- radius:18px;padding:20px;text- align:left;display:flex;gap:16px;align- items:flex- start;position:relative;border:2px solid transparent;transition:border- color 0.2s ease,background 0.2s ease;cursor:pointer}.level- card:hover{background:var(- - surface- bright)}.level- input:checked + .level- card{border- color:rgba(0,74,198,0.5);background:rgba(0,74,198,0.05)}.level- icon{width:44px;height:44px;border- radius:14px;background:var(- - surface- container- high);display:flex;align- items:center;justify- content:center;color:var(- - primary);font- size:1.4rem}.level- title{font- weight:700;margin:0 0 6px}.level- desc{margin:0;font- size:0.9rem;color:var(- - on- surface- variant)}.level- chip{display:inline- flex;align- items:center;margin- top:10px;padding:4px 10px;border- radius:999px;background:rgba(0,74,198,0.1);color:var(- - primary);font- size:0.7rem;font- weight:700;letter- spacing:0.06em;text- transform:uppercase}.level- card.is- recommended .level- badge{position:absolute;top:10px;right:10px;background:var(- - primary);color:var(- - on- primary);font- size:0.55rem;font- weight:700;letter- spacing:0.12em;padding:4px 8px;border- radius:999px;text- transform:uppercase}.ad- banner{height:90px;background:var(- - surface- container- low);border- radius:16px;display:flex;align- items:center;justify- content:center;color:var(- - on- surface- variant)}.ad- slot{width:100%;height:100%}.ad- slot- body{width:100%;height:100%;display:flex;align- items:center;justify- content:center;text- align:center}.ad- slot- body ins,.ad- slot- body iframe{max- width:100%;max- height:100%}.ad- placeholder{font- size:0.7rem;text- transform:uppercase;letter- spacing:0.3em;color:var(- - on- surface- variant)}.ad- banner .ad- placeholder{font- size:0.65rem;letter- spacing:0.25em}.ad- slot- desktop{display:none}.ad- slot- mobile{display:block}@media(min- width:900px){.ad- slot- desktop{display:block}.ad- slot- mobile{display:none}}.estimate- note{margin:16px 0 0;font- size:0.85rem;color:var(- - on- surface- variant)}.how- it- works{margin- top:80px;background:var(- - surface- container);border- radius:28px;padding:48px 32px}.how- header{text- align:center;margin- bottom:32px}.how- header h2{font- size:2rem;margin:0 0 12px}.how- header p{margin:0;color:var(- - on- surface- variant);font- size:1rem}.steps- grid{display:grid;grid- template- columns:repeat(3,minmax(0,1fr));gap:20px}.step- card{background:var(- - surface- container- lowest);border- radius:20px;padding:24px;text- align:left}.step- number{display:inline- flex;align- items:center;justify- content:center;width:38px;height:38px;border- radius:12px;background:rgba(0,74,198,0.12);color:var(- - primary);font- weight:800;margin- bottom:16px}.step- card h3{margin:0 0 8px}.step- card p{margin:0;color:var(- - on- surface- variant)}.trust{margin- top:96px;background:var(- - surface- container- low);border- radius:32px;padding:64px 24px}.trust- header{text- align:center;margin- bottom:40px}.trust- header h2{font- size:2rem;margin:0}.trust- underline{width:52px;height:4px;background:var(- - primary);display:inline- block;margin- top:12px;border- radius:999px}.trust- grid{display:grid;gap:24px;grid- template- columns:repeat(4,minmax(0,1fr));text- align:center}.related- tools{margin- top:64px;padding:0 6px}.related- header{text- align:center;margin- bottom:28px}.related- header h2{margin:0 0 12px;font- size:clamp(1.8rem,1.5rem + 1vw,2.4rem)}.related- header p{margin:0;color:var(- - on- surface- variant);font- weight:600}.related- grid{display:grid;gap:18px;grid- template- columns:repeat(3,minmax(0,1fr))}.related- card{display:flex;align- items:flex- start;gap:16px;padding:22px 24px;border- radius:24px;background:rgba(255,255,255,0.92);border:1px solid rgba(195,198,215,0.7);box- shadow:0 18px 40px rgba(25,27,35,0.06);transition:transform 0.2s ease,box- shadow 0.2s ease,border- color 0.2s ease}.related- card:hover{transform:translateY(- 3px);border- color:rgba(0,74,198,0.3);box- shadow:0 24px 52px rgba(0,74,198,0.12)}.related- card .material- symbols- outlined{width:52px;height:52px;border- radius:16px;display:flex;align- items:center;justify- content:center;background:rgba(0,74,198,0.12);color:var(- - primary);font- size:1.6rem;flex:0 0 auto}.related- card h3{margin:0 0 8px;font- size:1.1rem}.related- card p{margin:0;color:var(- - on- surface- variant);font- size:0.95rem;line- height:1.5}.trust- card{background:var(- - surface- container- lowest);border- radius:20px;padding:24px 18px}.trust- card .material- symbols- outlined{font- size:2.2rem;color:var(- - primary)}.trust- card h3{margin:16px 0 8px}.trust- card p{margin:0;color:var(- - on- surface- variant);font- size:0.95rem}.site- footer{margin- top:80px;padding:64px 24px;background:var(- - surface- container- low)}.footer- grid{max- width:1200px;margin:0 auto;display:grid;grid- template- columns:repeat(3,minmax(0,1fr));gap:32px}.footer- brand p{color:var(- - on- surface- variant);margin:12px 0 0}.footer- brand .brand- title{display:block;font- size:1.9rem;font- weight:900;letter- spacing:- 0.03em;color:var(- - on- surface)}.footer- brand p{font- size:0.95rem;line- height:1.6;font- weight:500;max- width:320px}.footer- links h4{text- transform:uppercase;font- size:0.8rem;letter- spacing:0.2em;margin:0 0 16px}.footer- links a{display:block;margin- bottom:10px;color:var(- - on- surface- variant);font- weight:600}.footer- meta{display:flex;flex- direction:column;justify- content:space- between}.footer- actions{display:flex;gap:12px}.icon- button{display:inline- flex;align- items:center;justify- content:center;width:40px;height:40px;border- radius:50%;border:none;background:var(- - surface- container- high);color:var(- - on- surface- variant);text- decoration:none}.footer- meta p{margin- top:24px;color:var(- - on- surface- variant);font- size:0.9rem}.bottom- nav{display:none}.legal- page{padding- top:48px}.legal- card{background:var(- - surface- container- lowest);border- radius:24px;padding:48px;box- shadow:var(- - shadow- ambient)}.faq- card{background:var(- - surface- container- lowest);border- radius:24px;padding:48px;box- shadow:var(- - shadow- ambient);display:grid;gap:24px}.faq- grid{display:grid;gap:20px}.faq- item{display:grid;grid- template- columns:auto 1fr;gap:16px;padding:18px;border- radius:18px;background:var(- - surface- container- low)}.faq- icon{width:44px;height:44px;border- radius:14px;background:var(- - surface- container- high);display:flex;align- items:center;justify- content:center;color:var(- - primary)}.faq- item h3{margin:0 0 6px}.faq- item p{margin:0;color:var(- - on- surface- variant)}.contact- card{background:var(- - surface- container- lowest);border- radius:24px;padding:48px;box- shadow:var(- - shadow- ambient);display:grid;gap:20px}.contact- form{display:grid;gap:18px;margin- top:8px}.admin- tabs{display:flex;gap:12px;margin:24px 0 18px;flex- wrap:wrap}.admin- tab{padding:10px 18px;border- radius:999px;background:var(- - surface- container- low);color:var(- - on- surface);text- decoration:none;font- weight:600;font- size:0.95rem;border:1px solid transparent}.admin- tab.is- active{background:var(- - primary);color:var(- - on- primary);border- color:var(- - primary)}.admin- guide{display:grid;gap:18px;margin- top:18px}.admin- guide- card{padding:20px 22px;border- radius:18px;background:var(- - surface- container- low);color:var(- - on- surface)}.admin- guide- card h2{margin- bottom:8px}.code- block{margin- top:12px;background:#0f172a;color:#e2e8f0;padding:16px;border- radius:12px;overflow- x:auto;font- size:0.9rem;line- height:1.5}.form- field{display:grid;gap:8px}.form- field label{font- weight:700;color:var(- - on- surface)}.form- field input,.form- field textarea{border:none;border- radius:14px;padding:14px 16px;font- size:1rem;background:var(- - surface- container- low);color:var(- - on- surface);outline:none;transition:background 0.2s ease,box- shadow 0.2s ease}.field- hint{margin- top:6px;font- size:0.85rem;color:var(- - on- surface- variant)}.form- field input:focus,.form- field textarea:focus{background:var(- - surface- container- highest);box- shadow:inset 0 - 2px 0 var(- - primary)}.security- fields{display:grid;gap:16px;grid- template- columns:repeat(2,minmax(0,1fr))}.security- fields.is- single{grid- template- columns:minmax(0,1fr);justify- items:center}.security- fields.is- single .form- field{width:min(420px,100%)}.field- error{color:var(- - tertiary);font- size:0.85rem;font- weight:600}.success- banner{background:rgba(0,74,198,0.08);color:var(- - primary);padding:12px 16px;border- radius:14px;font- weight:600}.share- status{font- size:0.8rem;color:var(- - on- surface- variant);min- height:1.2em}.legal- card h1{font- size:2.6rem}.legal- section{margin- top:32px}.legal- section h2{font- size:1.2rem}@media(max- width:1100px){.tools- mega- grid{grid- template- columns:repeat(2,minmax(0,1fr))}.tool- section{border- right:none;padding- right:0}.hero- grid{grid- template- columns:1fr}.hero- grid>.hero- content{grid- column:1 / - 1}.ad- rail{display:none}.trust- grid{grid- template- columns:repeat(2,minmax(0,1fr))}.related- grid{grid- template- columns:repeat(2,minmax(0,1fr))}.edit- workspace{grid- template- columns:1fr}.edit- stage- shell{min- height:460px}.sync- edit- modal .split- modal- panel.sync- edit- panel{width:calc(100vw - 28px)}}@media(max- width:860px){.nav- links{display:none}.menu- button{display:inline- flex}.mobile- tools- panel{width:100vw}.mobile- only{display:block}h1{font- size:3rem}.page- content{padding- bottom:120px}.bottom- nav{position:fixed;bottom:0;left:0;right:0;background:#ffffff;display:flex;justify- content:space- around;padding:10px 16px calc(10px + env(safe- area- inset- bottom));border- top- left- radius:18px;border- top- right- radius:18px;box- shadow:0 - 6px 18px rgba(25,27,35,0.08);z- index:40}.bottom- item{display:flex;flex- direction:column;align- items:center;gap:4px;border:none;background:transparent;font- size:0.65rem;color:var(- - on- surface- variant);padding:6px 10px;border- radius:12px;cursor:pointer}.bottom- item.is- current{background:rgba(0,74,198,0.08);color:var(- - primary)}}@media(max- width:720px){.level- grid{grid- template- columns:1fr}.rotate- modal- canvas{padding:18px}.rotate- modal- stage{min- height:52vh;padding:18px}.rotate- modal- stage img{max- height:calc(52vh - 36px)}.rotate- option- chip{width:100%;justify- content:center}.edit- toolbar- actions{width:100%;justify- content:flex- start}.edit- toolbar- actions .split- toolbar- button{width:100%;justify- content:center}.edit- stage- toolbar{flex- direction:column;align- items:flex- start}.edit- stage- wrap{min- height:360px;padding:10px}.edit- stage- shell{padding:12px;min- height:420px}.sync- pdf- viewer{height:min(70vh,760px)}.sync- edit- loading{padding:0 10%}.watermark- modal- canvas{padding:12px;gap:10px}.watermark- modal- stage{min- height:44vh;padding:12px;border- radius:14px}.watermark- modal- stage img{max- height:calc(44vh - 24px);border- radius:12px}.watermark- placement- chip{padding:7px 12px;font- size:0.8rem}.watermark- modal .split- modal- header{padding:12px 14px}.watermark- modal .split- modal- sub{margin- top:2px}.watermark- modal- toolbar{padding:10px 14px;gap:10px}.watermark- toolbar- field label,.watermark- toolbar- label{font- size:0.66rem;letter- spacing:0.12em}.watermark- toolbar- field input{padding:8px 10px;font- size:0.9rem}.watermark- preview- overlay{max- width:min(88%,540px);padding:8px 10px;letter- spacing:0.12em}.watermark- preview- overlay.is- footer{margin- bottom:14px;font- size:clamp(0.78rem,3.1vw,0.98rem)}.watermark- modal- meta{font- size:0.86rem}}@media(max- width:520px){.watermark- placement- options{display:grid;grid- template- columns:repeat(3,minmax(0,1fr));justify- content:center;width:100%}.watermark- placement- chip{width:100%;padding:7px 8px;font- size:0.76rem}.watermark- modal- stage{min- height:40vh}.watermark- modal- stage img{max- height:calc(40vh - 24px)}.steps- grid{grid- template- columns:1fr}.merge- item{grid- template- columns:auto 1fr}.merge- actions{grid- column:1 / - 1;justify- content:flex- end}.security- fields{grid- template- columns:1fr}.split- thumb{width:56px;height:76px}.split- page- grid{grid- template- columns:1fr}.trust- grid{grid- template- columns:1fr}.footer- grid{grid- template- columns:1fr}.nav- actions{display:none}.gdpr- banner{left:16px;right:16px;bottom:16px}.gdpr- actions{width:100%;justify- content:flex- start;flex- wrap:wrap}}@media(max- width:520px){.nav- shell{padding:14px 18px}.brand{font- size:1.3rem}.brand- logo{height:1.45rem;max- width:min(165px,50vw)}.dropzone{padding:40px 20px}.primary- button{width:100%}.legal- card{padding:32px 24px}.tools- mega{width:calc(100vw - 24px)}.mobile- tools- header h2{font- size:1.55rem}.mobile- tools- content,.mobile- tools- footer{padding- left:16px;padding- right:16px}}.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}.tools- mega- footer- links{display:inline- flex;flex- wrap:wrap;align- items:center;gap:16px}.mobile- tools- footer{flex- wrap:wrap}.mobile- tools- footer a{flex:1 1 140px}.tools- page{padding- bottom:88px}.tools- hero,.tools- directory{max- width:1200px;margin:0 auto;padding- left:24px;padding- right:24px}.tools- hero{padding- top:28px}.tools- hero- card{position:relative;overflow:hidden;padding:44px;border- radius:40px;background:radial- gradient(circle at top right,rgba(37,99,235,0.18),transparent 32%),radial- gradient(circle at bottom left,rgba(0,74,198,0.14),transparent 30%),linear- gradient(145deg,rgba(255,255,255,0.96),rgba(238,241,255,0.94));border:1px solid rgba(195,198,215,0.7);box- shadow:0 28px 80px rgba(25,27,35,0.08)}.tools- hero- card::before,.tools- hero- card::after{content:"";position:absolute;border- radius:999px;border:1px solid rgba(0,74,198,0.08)}.tools- hero- card::before{width:460px;height:460px;right:- 120px;top:- 220px}.tools- hero- card::after{width:320px;height:320px;left:- 160px;bottom:- 180px}.tools- hero- card>*{position:relative;z- index:1}.tools- hero- card h1{max- width:760px;margin:0}.tools- hero- card .lede{max- width:760px;margin- top:18px}.tools- hero- stats{display:grid;grid- template- columns:repeat(3,minmax(0,1fr));gap:16px;margin- top:30px}.tools- stat- card{display:grid;gap:6px;padding:18px 20px;border- radius:24px;background:rgba(255,255,255,0.76);border:1px solid rgba(195,198,215,0.68);backdrop- filter:blur(12px)}.tools- stat- card strong{font- size:1.8rem;line- height:1;letter- spacing:- 0.04em}.tools- stat- card span{color:var(- - on- surface- variant);font- weight:600}.tools- search- shell{display:flex;align- items:center;gap:14px;margin- top:28px;padding:16px 18px;border- radius:22px;background:rgba(255,255,255,0.92);border:1px solid rgba(195,198,215,0.72);box- shadow:0 16px 36px rgba(25,27,35,0.05)}.tools- search- icon{color:var(- - primary);font- size:1.35rem}.tools- search- input{width:100%;border:none;background:transparent;color:var(- - on- surface);font- size:1rem;font- weight:600;outline:none}.tools- search- input::placeholder{color:rgba(67,70,85,0.82);font- weight:500}.tools- search- clear{border:none;background:rgba(0,74,198,0.08);color:var(- - primary);border- radius:999px;padding:10px 16px;font- weight:800;cursor:pointer}.tools- chip- row{display:flex;flex- wrap:wrap;gap:12px;margin- top:22px}.tools- chip{display:inline- flex;align- items:center;gap:10px;border:1px solid rgba(195,198,215,0.76);background:rgba(255,255,255,0.84);color:var(- - on- surface);padding:11px 16px;border- radius:999px;font- weight:800;cursor:pointer;transition:transform 0.18s ease,box- shadow 0.18s ease,background 0.18s ease,color 0.18s ease}.tools- chip:hover{transform:translateY(- 1px);box- shadow:0 10px 24px rgba(25,27,35,0.08)}.tools- chip.is- active{color:var(- - on- primary);border- color:transparent;background:linear- gradient(135deg,var(- - primary),var(- - primary- container));box- shadow:0 16px 32px rgba(0,74,198,0.18)}.tools- chip span{display:inline- flex;align- items:center;justify- content:center;min- width:28px;height:28px;padding:0 9px;border- radius:999px;background:rgba(25,27,35,0.06);font- size:0.82rem;font- weight:900}.tools- chip.is- active span{background:rgba(255,255,255,0.18)}.tools- directory{padding- top:34px;scroll- margin- top:120px}.tools- directory- head{display:flex;align- items:end;justify- content:space- between;gap:18px;padding- bottom:12px}.tools- directory- head h2{margin:6px 0 0;font- size:clamp(1.9rem,1.6rem + 1vw,2.5rem);line- height:1.05}.tools- directory- summary{max- width:420px;margin:0;color:var(- - on- surface- variant);font- weight:600;text- align:right}.tools- empty- state{display:grid;justify- items:center;gap:12px;margin- top:28px;padding:42px 24px;border- radius:32px;border:1px dashed rgba(0,74,198,0.26);background:rgba(255,255,255,0.78);text- align:center;scroll- margin- top:120px}.tools- empty- state[hidden]{display:none !important}.tools- empty- state .material- symbols- outlined{font- size:2.4rem;color:var(- - primary)}.tools- empty- state h3{margin:0;font- size:1.5rem}.tools- empty- state p{margin:0;color:var(- - on- surface- variant);max- width:540px}.tools- section- stack{display:grid;gap:28px;margin- top:22px}.tools- directory- section{display:grid;gap:18px;scroll- margin- top:120px}.tools- directory- section[hidden]{display:none !important}.tools- directory.is- searching .tools- section- stack{gap:18px}.tools- directory.is- searching .tools- section- head{display:none}.tools- directory.is- searching .tools- directory- section{gap:0}.tools- section- head{display:flex;align- items:end;justify- content:space- between;gap:18px}.tools- section- head h3{margin:8px 0 0;font- size:1.75rem;letter- spacing:- 0.03em}.tools- section- head p{margin:0;max- width:460px;color:var(- - on- surface- variant);font- weight:600;text- align:right}.tools- section- chip{display:inline- flex;align- items:center;padding:7px 12px;border- radius:999px;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:0.76rem;font- weight:900;letter- spacing:0.08em;text- transform:uppercase}.tools- card- grid{display:grid;grid- template- columns:repeat(3,minmax(0,1fr));gap:18px}.tools- directory- card{display:flex;flex- direction:column;gap:20px;min- height:244px;padding:24px;border- radius:30px;background:rgba(255,255,255,0.94);border:1px solid rgba(195,198,215,0.72);box- shadow:0 20px 50px rgba(25,27,35,0.06);transition:transform 0.2s ease,box- shadow 0.2s ease,border- color 0.2s ease}.tools- directory- card[hidden]{display:none !important}.tools- directory- card:hover{transform:translateY(- 4px);border- color:rgba(0,74,198,0.24);box- shadow:0 26px 60px rgba(0,74,198,0.12)}.tools- directory- card.is- disabled{background:rgba(246,246,254,0.9);box- shadow:inset 0 0 0 1px rgba(195,198,215,0.32)}.tools- directory- card.is- disabled:hover{transform:none;border- color:rgba(195,198,215,0.72);box- shadow:inset 0 0 0 1px rgba(195,198,215,0.32)}.tools- card- top{display:flex;align- items:flex- start;justify- content:space- between;gap:16px}.tools- card- icon{width:56px;height:56px;border- radius:18px;display:flex;align- items:center;justify- content:center;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:1.5rem}.tools- card- meta{display:grid;justify- items:end;gap:8px}.tools- card- group{display:inline- flex;align- items:center;padding:6px 10px;border- radius:999px;background:rgba(0,74,198,0.08);color:var(- - primary);font- size:0.72rem;font- weight:800;letter- spacing:0.05em;text- transform:uppercase}.tools- card- badge{display:inline- flex;align- items:center;justify- content:center;padding:7px 11px;border- radius:999px;background:rgba(148,55,0,0.08);color:var(- - tertiary);font- size:0.72rem;font- weight:900;letter- spacing:0.08em;text- transform:uppercase}.tools- card- badge.is- live{background:rgba(0,74,198,0.08);color:var(- - primary)}.tools- card- copy h4{margin:0;font- size:1.2rem;line- height:1.15;letter- spacing:- 0.02em}.tools- card- copy p{margin:10px 0 0;color:var(- - on- surface- variant);line- height:1.6}.tools- card- action{margin- top:auto;display:inline- flex;align- items:center;justify- content:space- between;gap:12px;color:var(- - primary);font- weight:800}.tools- directory- card.is- disabled .tools- card- action{color:var(- - on- surface- variant)}.blog- page{padding- bottom:96px}.blog- hero{margin:10px auto 36px;text- align:center;max- width:860px}.blog- hero h1{margin:0 0 16px}.blog- index- grid{display:grid;gap:20px;grid- template- columns:repeat(3,minmax(0,1fr))}.blog- card{background:rgba(255,255,255,0.94);border:1px solid rgba(195,198,215,0.7);border- radius:26px;padding:24px;display:grid;gap:14px;box- shadow:0 18px 40px rgba(25,27,35,0.06)}.blog- card h2{margin:0;font- size:1.3rem;line- height:1.25}.blog- card p{margin:0;color:var(- - on- surface- variant)}.blog- card- meta{display:flex;justify- content:space- between;color:var(- - on- surface- variant);font- size:0.85rem;font- weight:600}.blog- card- link{display:inline- flex;align- items:center;gap:8px;font- weight:800;color:var(- - primary)}.blog- card- link .material- symbols- outlined{font- size:1.1rem}.blog- ad{margin:36px 0;display:flex;justify- content:center}.blog- tools{margin- top:36px;background:var(- - surface- container- low);border- radius:28px;padding:36px 28px}.blog- tools- header{text- align:center;margin- bottom:24px}.blog- tools- header p{margin:0;color:var(- - on- surface- variant)}.blog- tools- grid{display:grid;gap:22px;grid- template- columns:repeat(2,minmax(0,1fr))}.blog- tools- section{background:rgba(255,255,255,0.92);border- radius:20px;padding:20px;border:1px solid rgba(195,198,215,0.65)}.blog- tools- title{margin:0 0 12px;font- size:0.8rem;letter- spacing:0.12em;text- transform:uppercase;color:var(- - on- surface- variant);font- weight:800}.blog- tools- list{display:grid;gap:10px}.blog- tool- link{display:inline- flex;align- items:center;gap:10px;font- weight:700;color:var(- - on- surface)}.blog- tool- link .material- symbols- outlined{font- size:1.1rem;color:var(- - primary)}.blog- tool- link.is- disabled{opacity:0.5}.blog- post- hero{text- align:center;max- width:860px;margin:10px auto 36px}.blog- post- meta{display:inline- flex;gap:16px;justify- content:center;color:var(- - on- surface- variant);font- weight:600;font- size:0.9rem;margin- bottom:12px}.blog- tool- cta{margin:24px auto 0;max- width:860px;background:rgba(255,255,255,0.94);border:1px solid rgba(195,198,215,0.7);border- radius:24px;padding:18px 20px;display:grid;grid- template- columns:auto minmax(0,1fr)auto;gap:14px;align- items:center;box- shadow:0 18px 40px rgba(25,27,35,0.06)}.blog- tool- cta .material- symbols- outlined{font- size:1.6rem;color:var(- - primary)}.blog- tool- cta- label{margin:0 0 4px;font- size:0.82rem;letter- spacing:0.12em;text- transform:uppercase;color:var(- - on- surface- variant);font- weight:800}.blog- tool- cta- copy{margin:0;color:var(- - on- surface- variant)}.blog- post- layout{display:grid;grid- template- columns:minmax(0,2.2fr)minmax(0,1fr);gap:28px}.blog- post{background:rgba(255,255,255,0.94);border- radius:28px;padding:32px;border:1px solid rgba(195,198,215,0.7);box- shadow:0 20px 50px rgba(25,27,35,0.06)}.blog- section + .blog- section{margin- top:24px}.blog- section h2{margin- bottom:12px}.blog- section p{color:var(- - on- surface- variant);line- height:1.7}.blog- section ul{margin:12px 0 0;padding- left:20px;color:var(- - on- surface- variant);line- height:1.6}.blog- inline- ad{margin:28px 0;display:flex;justify- content:center}.blog- sidebar{display:grid;gap:18px}.blog- sidebar- card{background:rgba(255,255,255,0.94);border- radius:24px;padding:22px;border:1px solid rgba(195,198,215,0.7);box- shadow:0 18px 40px rgba(25,27,35,0.06)}.blog- sidebar- card h3{margin- top:0}.blog- sidebar- tools{display:grid;gap:14px}@media(max- width:1100px){.blog- index- grid{grid- template- columns:repeat(2,minmax(0,1fr))}.blog- post- layout{grid- template- columns:1fr}}@media(max- width:860px){.blog- tools- grid{grid- template- columns:1fr}.blog- index- grid{grid- template- columns:1fr}.blog- tool- cta{grid- template- columns:1fr;text- align:left}}@media(max- width:1100px){.tools- card- grid{grid- template- columns:repeat(2,minmax(0,1fr))}}@media(max- width:860px){.tools- hero,.tools- directory{padding- left:18px;padding- right:18px}.tools- hero- card{padding:32px 24px;border- radius:30px}.tools- hero- stats,.tools- card- grid{grid- template- columns:1fr}.tools- section- head{align- items:start;flex- direction:column}.tools- section- head p{max- width:none;text- align:left}.related- grid{grid- template- columns:1fr}}@media(max- width:640px){.tools- search- shell{flex- wrap:wrap}.tools- search- clear{width:100%}.tools- chip{width:100%;justify- content:space- between}.tools- directory- card{min- height:0;padding:22px 20px;border- radius:24px}}