:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d1d1d;background:#f5f5f5;--ink:#1d1d1d;--muted:#6e6e6e;--line:#e5e5e5;--surface:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}header{background:var(--surface);border-bottom:1px solid var(--line)}.container{max-width:1060px;padding:0 32px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}.brand{font-weight:650;font-size:23px;letter-spacing:-1px}.navlinks{display:flex;gap:24px;font-size:13px;color:var(--muted)}.hero{padding:64px 0 32px;max-width:720px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted);font-weight:500;display:block;margin-bottom:16px}.hero h1{font-size:clamp(42px,6vw,64px);font-weight:600;letter-spacing:-2.5px;line-height:1.05;margin:0}.hero h1 em{font-style:normal}.hero p,.lead{font-size:17px;color:var(--muted);line-height:1.6}.catalog h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:32px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.card,.info,.panel{background:var(--surface);border:1px solid transparent;border-radius:20px;padding:24px}.card{display:flex;flex-direction:column;gap:10px;min-height:174px;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-2px);border-color:#c8c8c8}.glyph{color:var(--muted);margin-bottom:10px;display:block}.glyph svg{width:24px;height:24px;display:block}.card strong{font-size:16px;font-weight:550;letter-spacing:-.25px}.card small{font-size:13px;color:var(--muted);line-height:1.5}.arrow{display:none}.note{color:var(--muted);font-size:12px;line-height:1.6;margin:32px 0}.toolpage{max-width:844px;padding-top:38px}.toolpage h1{font-size:clamp(30px,5vw,46px);font-weight:600;letter-spacing:-1.5px;margin:0}.back{display:block;margin-bottom:28px;color:var(--muted);font-size:13px}.back:hover{color:var(--ink)}.panel{margin-top:28px;max-width:780px;padding:28px}.panel h2{font-size:20px;font-weight:550;margin-top:0;letter-spacing:-.5px}.formrow{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.field{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:140px;font-size:13px;font-weight:500;margin-bottom:16px}.field input,.field select{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:var(--surface);color:var(--ink);max-width:100%;min-width:0}.field input[type=range]{padding:0;accent-color:var(--ink)}input[type=file]{width:100%;padding:18px;background:#f5f5f5;border:1px dashed #c8c8c8;border-radius:12px}.btn{background:var(--ink);border:0;color:#fff;padding:13px 22px;border-radius:99px;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:background .15s}.btn:hover{background:#424242}.btn:disabled{opacity:.4;cursor:default}.message{color:var(--muted);white-space:pre-wrap;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.download{color:var(--ink);font-weight:500;display:inline-block;margin-top:15px}.info{margin:28px 0 40px;max-width:780px;color:var(--muted);font-size:14px;line-height:1.7;padding:24px}.info h2,.info h3{color:var(--ink);font-weight:550}.info a{text-decoration:underline;text-underline-offset:4px}.info a,.info li{overflow-wrap:anywhere}.info .btn{text-decoration:none;color:#fff}footer{border-top:1px solid var(--line);padding-top:26px!important;padding-bottom:30px!important;color:var(--muted);font-size:12px}.dropzone{border:1px dashed #c8c8c8;border-radius:16px;padding:42px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;background:#f8f8f8;text-align:center;transition:background .15s,border-color .15s}.dropzone.dragging,.dropzone:hover{border-color:var(--ink);background:#eeeeee}.dropzone strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.dropzone small,.dropzone span{color:var(--muted);font-size:13px}.dropzone .dropicon{font-size:30px;color:var(--muted);margin-bottom:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}.filelist{margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.fileitem,.filelisthead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.filelisthead{font-size:13px}.filelisthead strong{font-weight:500}.fileitem{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.filename{overflow-wrap:anywhere;color:var(--ink)}.subtlebtn{border:0;background:transparent;color:var(--ink);cursor:pointer;font-weight:500;font-size:13px;min-height:36px;padding:8px}.subtlebtn:hover{text-decoration:underline;text-underline-offset:4px}.subtlebtn:disabled{opacity:.35;cursor:default}.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:10px;gap:10px;margin-top:18px}.preview{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f5f5f5}.preview img{width:100%;height:100%;object-fit:contain}.progresswrap{height:6px;border-radius:99px;overflow:hidden;background:#e5e5e5;margin-top:20px}.progressbar{height:100%;background:var(--ink);transition:width .2s}.searchfield{max-width:none;margin-bottom:0}.searchfield input{padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}.filterbtn{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:99px;padding:10px 16px;cursor:pointer;font-size:13px;min-height:40px}.filterbtn:hover{background:#e9e9e9}.filterbtn.active{background:var(--ink);color:#fff}.filedetails{display:flex;flex-direction:column;gap:6px;min-width:0}.fileactions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex-shrink:0}.pdfpreview{margin-top:20px;background:#f5f5f5;border:1px solid var(--line);border-radius:12px;padding:16px}.pdfpreview canvas{display:block;max-width:100%;height:auto;margin:12px auto;background:white}.pdfpreview canvas[hidden]{display:none}.previewnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:13px}.dropzone[aria-disabled=true]{opacity:.6;cursor:wait}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.resultimage{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:20px 0;background:white}details{padding:12px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500;color:var(--ink)}.batchsettings{padding:0;border:0;margin:20px 0}.batchsettings>summary{padding:8px 0;color:var(--muted)}.batchsettings[open]>summary{margin-bottom:16px}.panel>.info{padding:20px 0;border-top:1px solid var(--line);border-radius:0;margin-bottom:20px}@media(max-width:740px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:42px}.navlinks{gap:12px}.container{padding-left:20px;padding-right:20px}.card{padding:20px}.panel{padding:22px}.hero h1{letter-spacing:-1.8px}}@media(max-width:540px){.fileitem{align-items:flex-start;flex-direction:column}.fileactions{width:100%;justify-content:flex-end}.filelisthead,.previewnav{font-size:12px}.navlinks span{display:none}.formrow>.btn{width:100%}.filterbtn,.subtlebtn{min-height:44px}.card{min-height:180px}.panel{padding:20px}.toolpage h1{letter-spacing:-1px}.info{padding:20px}.field{min-width:0}}@media(max-width:370px){.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.dropzone.compact{padding:15px 18px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px}.dropzone.compact .dropicon{font-size:20px;margin:0}.dropzone.compact strong{font-size:14px}.dropzone.compact>span:not(.dropicon){display:none}.dropzone.compact small{margin-left:auto;font-size:12px}.resultcard{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:16px;padding:24px;margin-bottom:28px}.resultheading{display:flex;align-items:center;justify-content:space-between;gap:16px}.resultheading h2{font-size:28px;margin:0 0 8px}.resultheading p{font-size:13px;color:var(--muted);overflow-wrap:anywhere;margin:0}.resultmark{font-size:28px}.resultactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.resultactions .btn{max-width:100%;overflow-wrap:anywhere}.historysection{margin-top:24px;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:13px}.historysection details{border:0}.historysection h3{font-size:15px;font-weight:500}.historysection ul{padding-left:20px;line-height:1.8;overflow-wrap:anywhere}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:#f0f0f0}.mainaction .btn{min-width:220px}@media(max-width:540px){.resultcard{padding:18px}.resultactions{flex-direction:column}.dropzone.compact small{width:100%;margin-left:0}.resultactions .btn{width:100%}}.filestart{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;margin:0 0 36px}.startdrop,.startsummary{display:flex;justify-content:space-between;align-items:center;gap:24px}.startdrop.dragging{outline:2px dashed var(--ink);outline-offset:12px}.filestart h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0 0 8px}.filestart p{color:var(--muted);font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.filestart small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.startchoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:22px}.startchoice{background:#f5f5f5;border:1px solid transparent;border-radius:12px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:var(--ink);font-size:14px;cursor:pointer}.startchoice:hover{border-color:#c8c8c8}.filestart .startnote{font-size:12px;margin-top:18px}.startsummary>div{min-width:0}@media(max-width:600px){.filestart{padding:20px}.startdrop{flex-direction:column;align-items:stretch;gap:20px}.startchoices{grid-template-columns:1fr}.startsummary{gap:12px;align-items:flex-start}.startdrop .btn{width:100%}}.pdfselection{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.selectiontoolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.selectiontoolbar>div{display:flex;gap:8px}.pagechoices{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));grid-gap:8px;gap:8px;margin:14px 0}.pagechoice{border:1px solid #d5d5d5;background:#fff;color:var(--ink);min-height:44px;border-radius:9px;font-size:14px;cursor:pointer}.pagechoice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.pagechoice:disabled{opacity:.5;cursor:default}.selectionsummary{border-left:2px solid var(--ink);padding:10px 14px;background:#f5f5f5;color:var(--ink);font-size:13px;line-height:1.6;border-radius:0 8px 8px 0}.pagegroups{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.imageoutputs{margin-top:20px}.imageoutputs h3{font-size:15px;font-weight:550;margin:16px 0}.imagestats{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted);margin:14px 0}.imagestats strong{color:var(--ink);font-weight:500}.comparecontrol{display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px;cursor:pointer}.comparecontrol input{accent-color:var(--ink);width:16px;height:16px}.comparegrid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.comparegrid.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.comparegrid figure{margin:0;min-width:0}.comparegrid figcaption{font-size:12px;color:var(--muted);margin:8px 0}.comparegrid img{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.individualdownload{display:inline-block;color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:12px 0;overflow-wrap:anywhere}.outputitem summary{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.outputitem summary:before{content:"+";flex-shrink:0}.outputitem[open] summary:before{content:"−"}.outputitem summary span{color:var(--muted);font-weight:400;flex-shrink:0;font-size:12px}@media(max-width:540px){.comparegrid.comparing{grid-template-columns:1fr}.imagestats{flex-direction:column}.outputitem summary{font-size:13px}}.field textarea{padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px;background:var(--surface);color:var(--ink);max-width:100%;width:100%;resize:vertical;min-height:100px}.codepanel .coderesult{margin-top:24px;margin-bottom:20px}.coderesult .resultimage{margin:0 auto 18px;max-width:100%;max-height:320px}.codemeta{color:var(--muted);font-size:12px;text-align:center}.codeinput .message{min-height:22px}.card{position:relative;padding:0;display:block}.cardlink{display:flex;flex-direction:column;gap:10px;min-height:174px;padding:24px;height:100%}.card:focus-within{border-color:#999}.favoritebutton{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:transparent;color:var(--muted);border:0;border-radius:50%;cursor:pointer}.card>.favoritebutton{position:absolute;right:8px;top:8px}.favoritebutton svg{width:19px;height:19px}.favoritebutton:hover{background:#eeeeee;color:var(--ink)}.favoritebutton[aria-pressed=true]{color:var(--ink)}.quickaccess{margin:0 0 30px}.quickaccess h2{font-size:15px;margin:0 0 12px;letter-spacing:0}.quickaccess>div+div{margin-top:20px}.quicklinks{display:flex;flex-wrap:wrap;gap:9px}.quicklinks a{display:inline-flex;align-items:center;gap:14px;padding:12px 16px;min-height:44px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:13px}.quicklinks a:hover{border-color:#999}.quicklinks span{color:var(--muted)}.searchcaption{display:flex;align-items:center;justify-content:space-between}.searchcaption kbd{font:inherit;font-size:12px;min-width:24px;text-align:center;border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--muted);background:#fff}.tooltitle{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.tooltitle h1{min-width:0}.tooltitle .favoritebutton{margin-top:4px}@media(max-width:740px){.cardlink{padding:20px}}@media(max-width:540px){.searchcaption kbd{display:none}.quicklinks a{max-width:100%;overflow-wrap:anywhere}.cardlink{min-height:180px}}.queuehandle{flex:0 0 44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:24px;cursor:-webkit-grab;cursor:grab}.queuehandle:hover{background:#eee;color:var(--ink)}.queuehandle:active{cursor:-webkit-grabbing;cursor:grabbing}.queuehandle:disabled{opacity:.35;cursor:default}.queuehandle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.queuecontrols{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filelisthead{flex-wrap:wrap}.queuecontrols .subtlebtn{min-height:44px}.transformsettings{margin-top:24px}.transformtoggles{display:flex;flex-wrap:wrap;gap:8px}.transformtoggles .filterbtn{border-color:var(--line);min-height:44px}.transformtoggles .filterbtn[aria-pressed=true]{background:var(--ink);color:#fff}.transformpreview{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f5f5f5}.transformpreviewheading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.transformpreview p,.transformpreviewheading span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.transformpreview canvas{display:block;max-width:100%;max-height:360px;width:auto;height:auto;margin:18px auto;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50% /16px 16px;border-radius:4px}.transformpreview canvas[hidden]{display:none}.continueresult{margin:20px 0;border-bottom:0}.continueresult p{color:var(--muted);font-size:13px;line-height:1.6}.continuechoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.continuechoices .btn{border-radius:12px;justify-content:space-between;gap:12px;text-align:left;font-size:13px}.continuechoices span{color:var(--muted)}@media(max-width:540px){.continuechoices{grid-template-columns:1fr}}.utilitypanel textarea{width:100%;min-height:220px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;resize:vertical}.utilityresult{margin:24px 0;padding:24px;background:#f5f5f5;border-radius:16px;overflow-wrap:anywhere}.utilityresult>p,.utilityresult>span{font-size:13px;color:var(--muted)}.utilityresult output{display:block;font-size:clamp(32px,5vw,48px);letter-spacing:-1px;margin:12px 0}.copyutility{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.copyutility span{font-size:13px;color:var(--muted)}.textstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:20px 0}.textstats>div{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f5f5f5;border-radius:12px}.textstats strong{font-size:28px;font-weight:550}.textstats span{font-size:12px;color:var(--muted)}.textactions{display:flex;gap:8px;flex-wrap:wrap}.textactions .btn{font-size:13px}.utilitypanel .field{min-width:0}@media(max-width:540px){.textstats{grid-template-columns:repeat(2,minmax(0,1fr))}.utilitypanel .formrow{flex-direction:column}.utilityresult{padding:18px}}.printpresets{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.printpresets .filterbtn{border-color:var(--line)}.pricemetrics{margin:0}.pricemetrics>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.pricemetrics dt{color:var(--muted);font-size:13px}.pricemetrics dd{margin:0;font-size:20px;overflow-wrap:anywhere}.skiplink{position:fixed;left:20px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;transform:translateY(-160%)}.skiplink:focus{transform:translateY(0)}.back,.brand,.navlinks a{display:inline-flex;align-items:center;min-height:44px}.back{margin-bottom:18px}summary{min-height:44px;align-content:center}button:disabled{cursor:default}.subtlebtn{min-height:44px}@media(max-width:540px){.printpanel .printfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.printfields .field:nth-child(-n+2){grid-column:1/-1}.printpanel .transformtoggles .filterbtn{padding:8px 10px;font-size:12px}.printpanel .transformtoggles{gap:6px}.printpanel .transformtoggles .subtlebtn{width:100%;text-align:left}.searchfield input{min-height:44px}}.sharecalculation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.sharecalculation span{font-size:12px;color:var(--muted)}.fileselect{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.fileselect input{width:18px;height:18px;accent-color:#171717;cursor:pointer}.fileitem .filedetails{flex:1 1}@media(max-width:540px){.fileitem{position:relative}.fileitem:has(.fileselect) .filedetails{padding-left:44px;min-height:44px;justify-content:center}.fileitem .fileselect{position:absolute;left:10px;top:12px}}.cropeditor{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f5f5f5}.cropeditor p{font-size:12px;line-height:1.6;color:var(--muted)}.cropsurface{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:20px auto;overflow:hidden}.cropsurface[hidden]{display:none}.cropsurface canvas{display:block;max-width:100%;height:auto;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/16px 16px}.cropselection{position:absolute;border:2px solid white;box-shadow:0 0 0 1px #171717,0 0 0 1000px #0008}.cropmove{inset:0;width:100%;height:100%;cursor:move}.crophandle,.cropmove{position:absolute;background:transparent;border:0;touch-action:none}.crophandle{width:28px;height:28px;padding:0}.crophandle:after{content:"";position:absolute;width:12px;height:12px;inset:8px;background:white;border:1px solid #171717;border-radius:2px}.crophandle.nw{left:-10px;top:-10px;cursor:nwse-resize}.crophandle.ne{right:-10px;top:-10px;cursor:nesw-resize}.crophandle.sw{left:-10px;bottom:-10px;cursor:nesw-resize}.crophandle.se{right:-10px;bottom:-10px;cursor:nwse-resize}.crophandle:disabled,.cropmove:disabled{cursor:wait}.relatedtools{padding:24px 0}.relatedtools h2{font-size:16px;font-weight:500}.relatedtools>div{display:flex;flex-wrap:wrap;gap:8px 24px}.relatedtools a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--muted)}.relatedtools a:hover{color:var(--ink);text-decoration:underline}.cropfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.cropfields .field{min-width:0}.cropfields input{width:100%}.navlinks{align-items:center}.navlinks .navitem{display:inline-flex;align-items:center;gap:7px;min-height:44px;line-height:1.3;white-space:nowrap}.navitem svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.navlinks .navitem span{display:inline}.privacy-page{max-width:800px;padding-top:48px;padding-bottom:64px}.privacy-page h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.4px;line-height:1.15}.privacy-page section{margin-top:32px}.privacy-page h2{font-size:21px;font-weight:600}.privacy-page p{line-height:1.7;color:var(--muted)}@media(max-width:520px){.nav{gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.navlinks{gap:16px;flex-wrap:wrap;font-size:12px}.privacy-page{padding-top:28px}}.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px;font-size:12px}.cookie-settings{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.consent-panel{position:fixed;bottom:16px;left:16px;right:16px;max-width:720px;margin:auto;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 32px #0001;z-index:50;color:var(--text);font-size:14px}.consent-panel p{margin:0 0 16px;line-height:1.6}.consent-panel div{display:flex;gap:12px;flex-wrap:wrap}.consent-panel button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.consent-panel a{text-decoration:underline}.table-scroll{max-width:100%;overflow:auto;margin-top:16px}.calctable{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.calctable td,.calctable th{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line)}.calctable th{font-weight:550}.calctable th:first-child{text-align:left}.textpreview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font:inherit;font-size:13px;line-height:1.6}.audio-track{padding:16px 0;border-bottom:1px solid #e5e5e5}.audio-track>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.audio-track strong{overflow-wrap:anywhere;min-width:0}.audio-result audio,.audio-track audio{display:block;width:100%;margin-top:12px}.audio-actions,.audio-order{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.audio-actions{margin:20px 0}.watermark-preview{margin:20px 0;background:#eee;border-radius:12px;padding:12px}.watermark-preview canvas{display:block;width:auto;max-width:100%;height:auto;max-height:600px;margin:auto}.utilitypanel input[type=range]{accent-color:#222}.random-options{display:flex;flex-wrap:wrap;gap:12px 24px;margin:16px 0}.random-result{font-family:monospace;overflow-wrap:anywhere;word-break:break-all}.clock-display{display:block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(26px,7vw,64px);letter-spacing:-.03em;margin:24px 0;overflow-wrap:anywhere}.clock-laps{list-style:none;padding:0;max-height:360px;overflow:auto}.clock-laps li{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #eee;justify-content:space-between;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.timer-presets button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}.ad-slot{margin:32px 0;min-width:0}.ad-direct{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);overflow:hidden}.ad-label{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:12px;overflow-wrap:anywhere}.ad-direct a,.ad-label span{display:block}.ad-direct a{color:inherit;text-decoration:none}.ad-direct strong{font-size:18px}.ad-direct p{font-size:14px;line-height:1.6}.ad-direct img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;margin-bottom:16px}.ad-rsya{padding:16px;background:#f1f1f1;min-height:180px;border-radius:8px}.admin-ads .panel{margin:24px 0}.admin-ads .field{margin:14px 0;min-width:0}.admin-ads input,.admin-ads select{width:100%;min-width:0}.admin-ads .fileselect input{width:auto}.admin-save{position:-webkit-sticky;position:sticky;bottom:12px;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px;z-index:10}.admin-save p{margin:8px 0 0}.admin-ads .formrow{align-items:start}.ad-targets{border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.ad-targets legend{font-size:14px;padding:0 8px}.ad-example-stage{margin:28px auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);max-width:100%;min-width:0}.ad-example-mobile{width:390px;padding:16px}.ad-example-header{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.ad-example-header strong{font-size:24px;letter-spacing:-1px}.ad-example-header span{font-size:11px;color:var(--muted)}.ad-example-workspace{padding:32px 20px;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:12px;gap:12px}.ad-example-workspace strong{font-size:28px}.ad-example-workspace span{font-size:13px;color:var(--muted)}.ad-example-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ad-example-catalog>div{padding:20px;border:1px solid var(--line);border-radius:12px}.ad-example-network{display:flex;gap:20px;align-items:center;padding:24px 0}.ad-example-network>div{min-width:0}.ad-example-network-art{font-size:64px;color:#666;padding:16px}.ad-example-network span{font-size:12px;color:var(--muted)}.ad-example-after{border-top:1px solid var(--line);padding-top:16px}.ad-example-material{padding:16px 0;border-bottom:1px solid var(--line)}.ad-example-material img{width:100%;height:auto;display:block;margin-top:16px}.ad-example-material summary{cursor:pointer}.ad-example-mobile .ad-example-catalog{grid-template-columns:1fr}@media(max-width:480px){.ad-example-stage{padding:12px}.ad-example-catalog,.ad-targets{grid-template-columns:1fr}.ad-example-network{gap:8px;padding:12px 0}.ad-example-network-art{font-size:36px;padding:4px}}.privacy-page.ad-examples-page{max-width:1200px}.ad-live-frame{display:block;width:100%;height:850px;border:1px solid var(--line);border-radius:12px;background:white;margin:24px auto}.ad-live-frame-mobile{width:390px;max-width:100%}.ad-placement-preview{scroll-margin:32px}.ad-live-preview{min-width:0}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.content-card{display:block;border:1px solid var(--line,#ddd);border-radius:16px;padding:24px;color:inherit;text-decoration:none;transition:background .15s}.content-card:hover{background:#f4f4f4}.content-card h2,.content-card h3{font-size:20px;margin:0 0 12px}.content-card p{color:#666;margin:0;font-size:16px;line-height:1.6}.content-action{display:inline-block;background:#202020;color:#fff;border-radius:12px;padding:14px 20px;text-decoration:none}.reading-page{max-width:900px}.reading-page .info p{line-height:1.8}@media(max-width:640px){.content-grid{grid-template-columns:1fr}.content-card{padding:20px}}.guide-demo figure{margin:0}.demo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:20px 0}.demo-pair img{width:100%;height:auto;border-radius:12px}.guide-demo figcaption{font-size:14px;line-height:1.6;margin:12px 0}.guide-demo a{text-decoration:underline;text-underline-offset:4px}.qr-demo{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.qr-demo img{max-width:100%;height:auto;background:white}.dpi-demo{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;font-size:14px}.a4-demo{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;border:1px solid #aaa;background:white;width:180px;aspect-ratio:210/297;padding:16px}.a4-demo strong{font-size:36px}.pdf-demo{list-style:none;display:flex;gap:16px;padding:0!important}.pdf-demo li{flex:1 1;border:1px solid #ddd;border-radius:8px;padding:20px 8px;text-align:center;display:flex;flex-direction:column;gap:12px}.pdf-demo li>span{font-size:36px}.pdf-demo small{font-size:12px}.demo-output{text-align:center;font-weight:600}.margin-demo{display:flex;gap:24px;flex-wrap:wrap}.margin-demo dt{font-size:13px;color:#666}.margin-demo dd{margin:8px 0;font-size:24px;font-weight:600}@media(max-width:540px){.demo-pair{grid-template-columns:1fr}.pdf-demo{gap:8px}.pdf-demo strong{font-size:12px}.dpi-demo{flex-direction:column}}.pagechoices{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;align-items:start}.pagechoice{padding:7px;overflow:hidden;text-align:left;transition:border-color .15s,box-shadow .15s}.pagechoice[aria-pressed=true]{background:#f2f2f2;color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pagechoice:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pdfthumb{display:flex;align-items:center;justify-content:center;box-sizing:content-box;width:calc(100% - 2px);background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}.pdfpreview .pdfthumb canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}.pdfpreview .pdfthumb canvas[hidden]{display:none}.pdfthumbplaceholder{font-size:12px;color:var(--muted)}.pagenumber{display:flex;align-items:center;justify-content:space-between;padding:7px 3px 1px;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pagecheck{width:16px;height:16px;text-align:center}@media(max-width:480px){.pagechoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pagechoice{padding:5px}}html{scroll-padding-top:88px}.siteheader-space{height:72px}.siteheader{position:fixed;inset:0 0 auto;z-index:50}.siteheader .nav{min-height:72px;transition:min-height .2s ease}.siteheader .brand{transition:font-size .2s ease}.siteheader.compact .nav{min-height:52px}.siteheader.compact .brand{font-size:20px}@media(prefers-reduced-motion:reduce){.siteheader .brand,.siteheader .nav{transition:none}}.siteheader .nav{flex-wrap:nowrap;padding-top:0;padding-bottom:0}.siteheader .navlinks{flex-wrap:nowrap}@media(max-width:360px){.siteheader .container{padding-left:16px;padding-right:16px}.siteheader .navitem{gap:6px}}.guide-toc{margin:24px 0}.guide-toc ol{line-height:1.8;padding-left:24px}.guide-toc a{text-decoration:underline;text-underline-offset:3px}.guide-table{overflow-x:auto}.guide-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.guide-table td,.guide-table th{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.reading-page time{white-space:nowrap}.reading-page .info{scroll-margin-top:88px}@media(max-width:540px){.guide-table td,.guide-table th{padding:8px;font-size:13px}}.mascot-helper{position:relative;flex:none}.mascot-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.mascot-trigger:hover,.mascot-trigger[aria-expanded=true]{background:#f1f1f1}.pixel-mascot{display:block;width:40px;height:40px;image-rendering:pixelated}.mascot-trigger:hover .mascot-hand{transform-origin:40px 26px;animation:mascot-wave .7s steps(2) 2}.mascot-eyes{transform-origin:24px 23px;animation:mascot-blink 8s step-end infinite}.mascot-panel{position:absolute;right:0;top:calc(100% + 10px);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px #00000012;font-size:14px;color:var(--ink);line-height:1.6;z-index:60}.mascot-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mascot-panel-heading h2{font-size:18px;font-weight:600;margin:0}.mascot-panel-heading button{font-size:24px;line-height:1;min-width:36px}.mascot-panel p{margin:12px 0}.mascot-panel h3{font-size:14px;margin:16px 0 8px}.mascot-panel ol{padding-left:20px;margin:8px 0}.mascot-panel li{margin:8px 0}.mascot-example{padding:12px;background:#f5f5f5;border-radius:10px}.mascot-panel .mascot-help-link,.mascot-panel nav a{display:block;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;margin-top:12px}.mascot-panel .mascot-help-link{font-size:13px;color:var(--muted)}@keyframes mascot-blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.25)}}@keyframes mascot-wave{0%,to{transform:rotate(0deg)}50%{transform:rotate(-18deg)}}@media(max-width:420px){.siteheader .navitem span{display:none}.siteheader .navlinks{gap:8px}.mascot-panel{padding:16px}}@media(prefers-reduced-motion:reduce){.mascot-eyes,.mascot-trigger:hover .mascot-hand{animation:none}}.mascot-heading-identity{display:flex;align-items:center;gap:12px;min-width:0}.mascot-portrait{flex:none}.mascot-portrait .pixel-mascot{width:64px;height:64px}.siteheader .navlinks span.mascot-portrait{display:block}.mascot-character{transform-origin:24px 43px;animation:mascot-idle 14s steps(3) infinite}.pixel-mascot-happy .mascot-character{animation:mascot-cheer .65s steps(4) 2}.pixel-mascot-gentle .mascot-character{animation:mascot-nod .9s steps(3) 2}.mascot-portrait .pixel-mascot-idle .mascot-hand,.mascot-trigger:focus-visible .mascot-hand{transform-origin:40px 26px;animation:mascot-wave .7s steps(2) 2}.pixel-mascot-happy .mascot-hand{transform-origin:40px 26px;animation:mascot-wave .45s steps(2) 3}@keyframes mascot-idle{0%,90%,to{transform:translateY(0) rotate(0)}93%{transform:translateY(-1px) rotate(-2deg)}96%{transform:translateY(0) rotate(2deg)}}@keyframes mascot-cheer{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(1px) scale(1.03,.97)}50%{transform:translateY(-3px) rotate(-3deg)}75%{transform:translateY(-1px) rotate(3deg)}}@keyframes mascot-nod{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg) translateY(1px)}70%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.mascot-helper .mascot-character,.mascot-helper .mascot-eyes,.mascot-helper .mascot-hand{animation:none}}.mascot-tip{position:absolute;right:0;top:calc(100% + 10px);width:250px;max-width:calc(100vw - 32px);display:flex;align-items:flex-start;gap:8px;padding:12px 8px 12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);box-shadow:0 6px 20px #0000000a;font-size:13px;line-height:1.5;overflow:auto;animation:mascot-tip-in .35s ease-out both}.mascot-tip p{margin:0}.mascot-tip button{flex:none;width:36px;min-height:36px;padding:0;font-size:22px;color:var(--muted)}.pdfcompression-result{margin:20px 0 0}.pdfcompression-result h2{margin-top:0}.pdfcompressor>.dropzone{width:100%;overflow-wrap:anywhere;color:var(--ink);margin-bottom:20px}@keyframes mascot-tip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mascot-tip{animation:none}}.mascot-tip-arrow{position:absolute;right:14px;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;animation:mascot-arrow-point 1.4s ease-in-out 4}@keyframes mascot-arrow-point{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.mascot-tip-arrow{animation:none}}.currency-board{margin:24px 0 28px}.currency-board h2{font-size:18px;margin-bottom:8px}.currency-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0}.currency-rate{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.currency-rate:hover{background:#f5f5f5}.currency-rate[aria-pressed=true]{border-color:var(--ink)}.currency-rate:disabled{cursor:default;color:var(--muted)}.currency-rate-code{font-size:12px;font-weight:600;color:var(--muted)}.currency-rate-name{font-size:13px;line-height:1.3;min-height:1.3em;overflow-wrap:anywhere}.currency-rate strong{font-size:clamp(15px,2vw,21px);font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.currency-rate:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:540px){.currency-rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.currency-rate{padding:12px}.currency-rate-name{min-height:2.6em}}.currency-converter .field{min-width:0;max-width:100%}.currency-converter .field input,.currency-converter .field select{width:100%}