:root{--ink:#16242a;--muted:#607078;--teal:#0f766e;--teal-dark:#0b5f59;--teal-soft:#eef9f7;--surface:#f6f8f9;--line:#dbe3e6;--white:#fff;--site-header-height:66px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button,input,select{font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}main{min-width:0;min-height:100vh;overflow:hidden}.page-shell{width:min(1080px,100% - 40px);margin-inline:auto}.topbar{height:var(--site-header-height);border-bottom:1px solid var(--line);background:#fffffff5}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{color:var(--ink);letter-spacing:-.8px;font-size:20px;font-weight:900;text-decoration:none}.brand span,.site-footer strong span{color:var(--teal)}.header-note{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.header-note i{background:var(--teal);border-radius:50%;width:7px;height:7px}.header-note-short{display:none}.header-navigation{margin-left:auto;position:relative}.tools-menu-button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.tools-menu-button:hover,.tools-menu-button[aria-expanded=true]{border-color:var(--line);background:var(--surface)}.tools-menu-button svg{fill:currentColor;width:19px;height:19px}.tools-menu-button:focus-visible,.popular-tool-card:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.tool-nav-icon{width:34px;height:34px;color:var(--teal);background:var(--white);border:1px solid #b8d7d3;border-radius:7px;flex:none;place-items:center;display:grid}.tool-nav-icon svg{fill:currentColor;width:19px;height:19px}.header-navigation+.header-note{margin-left:14px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-shell-body{flex:1 0 auto;min-width:0}.site-shell-main{min-width:0}.site-shell-main>main{min-height:0}.site-drawer-backdrop{z-index:49;visibility:hidden;opacity:0;cursor:pointer;background:#16242a61;border:0;transition:opacity .2s,visibility 0s linear .2s;position:fixed;inset:0}.site-drawer-backdrop.open{visibility:visible;opacity:1;transition-delay:0s}.site-sidebar{z-index:50;visibility:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;border-right:1px solid var(--line);background:var(--white);width:min(320px,88vw);height:100dvh;transition:transform .2s,visibility 0s linear .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 24px #19363f1f}.site-sidebar.drawer-open{visibility:visible;transition-delay:0s;transform:translate(0)}.site-drawer-header{z-index:2;border-bottom:1px solid var(--line);background:#fffffffa;justify-content:space-between;align-items:center;min-height:62px;padding:8px 16px;display:flex;position:sticky;top:0}.site-drawer-header strong{font-size:15px}.site-drawer-header button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:27px;line-height:1;display:grid}.site-drawer-header button:hover{background:var(--surface)}.site-drawer-header button:focus-visible,.site-sidebar-category>button:focus-visible,.site-sidebar-tools a:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.site-sidebar-nav{padding:10px 16px 30px}.site-sidebar-title{display:none}.site-sidebar-category{padding:5px 0}.site-sidebar-category+.site-sidebar-category{border-top:1px solid var(--line)}.site-sidebar-category>button{width:100%;min-height:44px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:8px 9px;display:grid}.site-sidebar-category>button:hover{background:var(--surface)}.site-sidebar-category>button strong{font-size:12px;line-height:1.45}.site-sidebar-category-icon,.site-sidebar-tool-icon{color:var(--teal);place-items:center;display:grid}.site-sidebar-category-icon svg{fill:currentColor;width:18px;height:18px}.site-sidebar-chevron{color:var(--muted);text-align:center;font-size:13px;transition:transform .16s}.site-sidebar-category>button[aria-expanded=true] .site-sidebar-chevron{transform:rotate(180deg)}.site-sidebar-tools{padding:2px 0 7px 8px}.site-sidebar-tools[hidden]{display:none}.site-sidebar-tools a{min-height:44px;color:var(--ink);border-radius:6px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;margin:2px 0;padding:7px 8px 7px 11px;text-decoration:none;display:grid;position:relative}.site-sidebar-tools a:hover{background:var(--surface)}.site-sidebar-tools a[aria-current=page]{color:var(--teal-dark);background:var(--teal-soft);font-weight:800}.site-sidebar-tools a[aria-current=page]:before{content:"";background:var(--teal);border-radius:3px;width:3px;position:absolute;inset:5px auto 5px 0}.site-sidebar-tool-icon svg{fill:currentColor;width:16px;height:16px}.site-sidebar-tools a>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.hero{text-align:center;padding-block:56px 48px}.hero-copy{margin-bottom:28px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,52px);line-height:1.2}.hero-copy p{color:var(--muted);letter-spacing:.04em;margin:16px 0 0;padding-inline:12px;font-size:clamp(15px,1.8vw,17px);font-weight:700;line-height:1.7}.converter-card{background:var(--white);text-align:left;border:1px solid #c8d8da;border-radius:12px;width:min(720px,100%);margin:0 auto;padding:12px;box-shadow:0 10px 28px #19363f17}.dropzone{cursor:pointer;background:#fbfdfd;border:2px dashed #8eafad;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;transition:border-color .18s,background-color .18s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.upload-icon{width:54px;height:54px;color:var(--white);background:var(--teal);border-radius:50%;place-items:center;font-size:27px;font-weight:700;display:grid}.upload-icon svg{fill:currentColor;width:27px;height:27px}.dropzone h2{margin:20px 0 6px;font-size:19px}.dropzone p{color:var(--muted);margin:0 0 23px;font-size:14px}.dropzone u{color:var(--teal);text-underline-offset:3px;font-weight:700}.dropzone>span{color:#7b8b92;letter-spacing:.7px;font-size:11px;font-weight:700}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:12px;display:flex}.privacy-note svg{fill:none;width:15px;height:15px;stroke:var(--teal);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.format-view,.result-view{min-height:300px;padding:27px}.file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:13px;padding:15px;display:flex}.file-icon{width:42px;height:48px;color:var(--teal);background:var(--white);border:1px solid #b9c8cd;border-radius:5px;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.file-row div:nth-child(2){flex:1;min-width:0}.file-row strong,.file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row strong{font-size:14px}.file-row span{color:var(--muted);margin-top:4px;font-size:11px}.file-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px}.file-row button:disabled{cursor:wait;opacity:.5}.batch-view{min-height:300px}.batch-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.batch-heading>div:first-child{align-items:baseline;gap:9px;min-width:0;display:flex}.batch-heading strong{font-size:14px}.batch-heading span{color:var(--muted);font-size:11px}.batch-actions{gap:7px;display:flex}.batch-actions button{border:1px solid var(--line);color:var(--muted);background:var(--white);cursor:pointer;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:700}.batch-actions button:disabled{cursor:wait;opacity:.5}.file-list{overscroll-behavior:contain;gap:8px;max-height:350px;margin-top:12px;display:grid;overflow-y:auto}.file-list .file-row{padding:10px 12px}.file-list .file-icon{width:36px;height:40px}.file-status{background:#e9eef0;border-radius:999px;flex:none;padding:4px 7px;font-weight:800;color:var(--muted)!important;margin:0!important;font-size:10px!important}.file-status.converting{background:#fff5d8;color:#8a5a00!important}.file-status.success{background:var(--teal-soft);color:var(--teal-dark)!important}.file-status.error{background:#fff2f0;color:#9a3128!important}.file-row .row-error{color:#9a3128;white-space:normal}.intersection-error{color:#9a3128;text-align:center;background:#fff8f7;border:1px solid #efd3ce;border-radius:6px;margin:0;padding:13px;font-size:12px}.batch-progress{color:var(--teal);text-align:center;margin:16px 0 0;font-size:12px;font-weight:800}.batch-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:18px;padding:16px}.batch-result strong,.batch-result>span{display:block}.batch-result strong{color:var(--teal-dark);font-size:14px}.batch-result>span{color:var(--muted);margin-top:5px;font-size:11px}.batch-result .primary{margin-top:13px}.reset-button{width:100%}.format-view>label{text-transform:uppercase;letter-spacing:.9px;margin:24px 0 10px;font-size:11px;font-weight:800;display:block}.format-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.format-grid button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.format-grid button:hover{border-color:#8ab7b3}.format-grid button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.primary{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);text-align:center;cursor:pointer;border-radius:7px;margin-top:22px;padding:15px;font-weight:800;text-decoration:none;transition:background-color .18s;display:block}.primary:hover{background:var(--teal-dark)}.primary:disabled{opacity:.65;cursor:wait}.result-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.success{width:52px;height:52px;color:var(--white);background:var(--teal);border-radius:50%;place-items:center;font-size:23px;font-weight:900;display:grid}.result-view .status{color:var(--teal);margin:14px 0 6px;font-size:12px;font-weight:900}.result-view h2{text-overflow:ellipsis;max-width:100%;margin:0;font-size:20px;overflow:hidden}.result-view>span{color:var(--muted);margin-top:5px;font-size:11px}.result-view .primary{max-width:340px}.text-button{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:13px;font-size:12px;text-decoration:underline}.error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 8px 0;padding:10px;font-size:12px}.content-section{padding-block:72px}.feature-section{background:var(--surface);border-block:1px solid #edf1f2}.feature-section.content-section{padding-block:64px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.feature-item{align-items:flex-start;gap:17px;display:flex}.feature-icon{width:42px;height:42px;color:var(--teal);background:var(--white);border:1px solid #b8d7d3;border-radius:8px;flex:none;place-items:center;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.feature-item h2{margin:1px 0 8px;font-size:17px}.feature-item p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.section-heading{text-align:center;margin-bottom:36px}.section-label{color:var(--teal);letter-spacing:1.4px;margin:0 0 10px;font-size:11px;font-weight:800}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,4vw,34px)}.section-heading>p:last-child:not(.section-label){color:var(--muted);margin:13px 0 0;font-size:14px}.steps-grid{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps-grid li{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:0 22px;display:flex;position:relative}.step-number{min-height:27px;color:var(--teal);letter-spacing:.5px;align-items:center;font-size:13px;font-weight:800;line-height:1;display:flex}.step-icon{width:76px;height:76px;color:var(--teal);background:var(--teal-soft);border-radius:50%;place-items:center;margin:14px 0 17px;display:grid}.step-icon svg{fill:currentColor;width:32px;height:32px}.steps-grid strong{font-size:16px}.steps-grid p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.75}.step-arrow{color:#91a0a5;font-size:15px;font-weight:400;position:absolute;top:58px;right:-7px}.supported-section{background:var(--surface)}.conversion-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.conversion-item{border:1px solid var(--line);min-height:64px;color:var(--ink);background:var(--white);border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:18px 22px;text-decoration:none;display:flex}.conversion-grid a.conversion-item:hover{background:var(--teal-soft);border-color:#8ab7b3}.conversion-grid a.conversion-item:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.conversion-item strong{text-align:center;min-width:52px;font-size:14px}.conversion-item span{color:#8a999f;font-size:14px}.site-footer{border-top:1px solid var(--line);background:var(--white);padding-block:32px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer strong{letter-spacing:-.5px;font-size:17px}.site-footer p{color:var(--muted);margin:7px 0 0;font-size:12px}.site-footer small{color:var(--muted);font-size:11px}.footer-meta{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.footer-links a{color:var(--muted);font-size:11px;text-decoration:none}.footer-links a:hover{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.related-tools-section{border-top:1px solid var(--line)}.related-tools-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.related-tools-inner h2{margin:0;font-size:25px}.related-tools-inner>div>p:last-child{color:var(--muted);margin:10px 0 0;font-size:13px}.related-tools-actions{flex:0 470px;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.related-tools-actions>a{border:1px solid var(--teal);min-height:58px;color:var(--teal-dark);background:var(--teal-soft);border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:11px 15px;text-decoration:none;display:flex}.related-tools-actions>a:hover{background:#e0f3f0}.related-tools-actions strong{font-size:12px}.related-tools-actions span{color:var(--muted);font-size:10px}.popular-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.popular-tool-card{border:1px solid var(--line);min-width:0;min-height:82px;color:var(--ink);background:var(--white);border-radius:8px;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:14px 15px;text-decoration:none;display:grid}.popular-tool-card:hover{background:var(--teal-soft);border-color:#8ab7b3}.popular-tool-card .tool-nav-icon{width:40px;height:40px}.popular-tool-card .tool-nav-icon svg{width:21px;height:21px}.popular-tool-card>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.popular-tool-card strong{font-size:13px;line-height:1.4}.popular-tool-card small{color:var(--muted);font-size:10px;line-height:1.5}.tool-link-arrow{color:#8a999f;margin-left:auto;font-size:13px}@media (min-width:1200px){.site-shell>.topbar{z-index:30;position:sticky;top:0}.site-shell>.topbar .header-inner{width:calc(100% - 40px)}.site-shell>.topbar .header-navigation{display:none}.site-shell-body.has-sidebar{grid-template-columns:248px minmax(0,1fr);align-items:start;width:100%;margin:0;display:grid}.site-shell-body:not(.has-sidebar) .site-sidebar,.site-drawer-backdrop,.site-drawer-header{display:none}.site-sidebar{width:auto;height:calc(100dvh - var(--site-header-height));z-index:auto;inset:auto;top:var(--site-header-height);visibility:visible;box-shadow:none;align-self:start;transition:none;position:sticky;overflow-y:auto;transform:none}.site-sidebar-nav{padding:22px 16px 30px}.site-sidebar-title{color:var(--muted);letter-spacing:.12em;margin:0 10px 13px;font-size:10px;font-weight:900;display:block}.site-shell-main{min-width:0}.site-shell-main>.legal-page{width:100%}}@media (max-width:1199px){.popular-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.utility-page{padding-block:24px 80px}.utility-hero{text-align:center;width:min(780px,100%);margin-inline:auto;padding:44px 0 22px}.utility-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,5vw,50px);line-height:1.2}.utility-hero>p:last-child{color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.9}.utility-section{width:min(880px,100%);margin-inline:auto;padding-top:72px}.utility-heading{text-align:center;margin-bottom:22px}.utility-heading>p{color:var(--teal);letter-spacing:1.4px;margin:0 0 9px;font-size:11px;font-weight:800}.utility-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(25px,4vw,32px)}.utility-heading>span{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7;display:block}.utility-card{background:var(--white);border:1px solid #c8d8da;border-radius:12px;padding:28px;box-shadow:0 8px 24px #19363f12}.utility-card fieldset{border:0;min-width:0;margin:0;padding:0}.utility-card legend{margin-bottom:10px;font-size:12px;font-weight:800}.crop-page-hero{padding-bottom:28px}.crop-how-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.crop-how-grid li{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:20px 18px}.crop-how-grid li>span{color:var(--teal);letter-spacing:1px;font-size:11px;font-weight:800}.crop-how-grid strong{margin-top:10px;font-size:14px;display:block}.crop-how-grid p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.7}.crop-shortcut-note{color:var(--muted);text-align:center;margin:15px 0 0;font-size:10px;line-height:1.7}.crop-feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.crop-feature-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px 20px}.crop-feature-grid strong{font-size:14px}.crop-feature-grid p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.75}.tool-how-grid{margin-top:4px}.tool-feature-grid{grid-template-columns:repeat(3,1fr);gap:44px;display:grid}.tool-feature-grid article{text-align:center;min-width:0}.tool-feature-icon{width:54px;height:54px;color:var(--teal);background:var(--teal-soft);border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.tool-feature-icon svg{fill:currentColor;width:25px;height:25px}.tool-feature-grid strong{font-size:14px}.tool-feature-grid p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.75}.conversion-faq .tool-faq-list{display:block}.conversion-faq .tool-faq-list>div{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:20px 0}.conversion-faq .tool-faq-list>div:first-child{padding-top:0}.conversion-faq .tool-faq-list>div:last-child{border-bottom:0;padding-bottom:0}.compress-tool{gap:18px;width:min(920px,100%);margin-inline:auto;display:grid}.compress-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.compress-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.compress-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.compress-panel-heading h2{margin:0;font-size:18px}.compress-panel-heading small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}.compress-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:210px;padding:18px;transition:border-color .18s,background-color .18s;display:flex}.compress-dropzone.dragging,.compress-dropzone.input-focused{border-color:var(--teal);background:var(--teal-soft)}.compress-dropzone label{border:1px solid var(--teal);min-width:220px;min-height:76px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.compress-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.compress-dropzone label small,.compress-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.compress-dropzone>p{margin:0}.compress-file-section{margin-top:18px}.compress-file-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.compress-file-heading strong{font-size:12px}.compress-file-heading button,.compress-file-remove,.compress-reset{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:800}.compress-file-list{overscroll-behavior:contain;gap:7px;max-height:390px;margin-top:10px;display:grid;overflow-y:auto}.compress-file-row{grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;gap:7px;min-width:0;display:grid}.compress-file-row.selected .compress-file-select{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.compress-file-select{border:1px solid var(--line);min-width:0;min-height:58px;color:var(--ink);background:var(--surface);cursor:pointer;text-align:left;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.compress-file-format{width:42px;height:42px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.compress-file-details{min-width:0}.compress-file-details strong,.compress-file-details small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compress-file-details strong{font-size:12px}.compress-file-details small{color:var(--muted);margin-top:4px;font-size:9px}.compress-file-details .compress-file-metrics{color:var(--teal-dark);font-size:10px;font-weight:800}.compress-row-status{color:var(--muted);white-space:nowrap;background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.compress-row-status.compressing{color:#8a5a00;background:#fff5d8}.compress-row-status.success{color:var(--teal-dark);background:var(--teal-soft)}.compress-row-status.not_smaller{color:#725200;background:#fff8df}.compress-row-status.error{color:#9a3128;background:#fff2f0}.compress-file-remove{width:40px;padding:0;font-size:18px}.compress-empty{color:var(--muted);margin:0;font-size:11px}.compress-quality{border:0;min-width:0;margin:0;padding:0}.compress-quality-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.compress-quality-heading legend{padding:0;font-size:12px;font-weight:800}.compress-quality-heading strong{color:var(--teal-dark);font-size:17px}.compress-quality input[type=range]{width:100%;accent-color:var(--teal);margin:18px 0 5px}.compress-quality-scale{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.compress-quality-presets{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.compress-quality-presets button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:7px;font-size:11px;font-weight:800}.compress-quality-presets button small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.compress-quality-presets button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.compress-quality>p{color:var(--muted);margin:9px 0 0;font-size:10px}.compress-preview-layout{grid-template-columns:minmax(220px,1fr) minmax(0,380px);align-items:center;gap:22px;min-width:0;margin-top:20px;display:grid}.compress-preview-frame{aspect-ratio:16/10;border:1px solid var(--line);border-radius:8px;justify-self:end;place-items:center;width:min(100%,380px);min-width:0;display:grid;overflow:hidden}.compress-preview-frame,.checkerboard{background-color:#f4f7f7;background-image:linear-gradient(45deg,#e5ebeb 25%,#0000 25%),linear-gradient(-45deg,#e5ebeb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5ebeb 75%),linear-gradient(-45deg,#0000 75%,#e5ebeb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.compress-preview-frame img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.compress-preview-details{min-width:0}.compress-preview-details>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.compress-size-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;display:grid}.compress-size-comparison span{min-width:0;color:var(--teal-dark);font-size:20px;font-weight:900;line-height:1.2}.compress-size-comparison span:last-child{color:var(--ink)}.compress-size-comparison small{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.compress-size-comparison b{color:#94a3a8;font-size:11px}.compress-savings{margin-top:11px}.compress-savings strong,.compress-savings span{display:block}.compress-savings strong{color:var(--teal-dark);font-size:16px}.compress-savings span{color:var(--muted);margin-top:3px;font-size:9px}.compress-not-smaller{color:#725200;margin:11px 0 0;font-size:10px;line-height:1.6}.compress-preview-status{min-height:17px;color:var(--teal-dark);margin:8px 0 0;font-size:9px;font-weight:800}.compress-submit,.compress-download{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);text-align:center;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:15px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.compress-submit:hover,.compress-download:hover{background:var(--teal-dark)}.compress-submit:disabled{cursor:not-allowed;opacity:.58}.compress-status{min-height:18px;color:var(--teal-dark);text-align:center;margin:13px 0 0;font-size:11px;font-weight:800}.compress-batch-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:12px;padding:16px}.compress-batch-result>strong,.compress-batch-result>span{display:block}.compress-batch-result>strong{color:var(--teal-dark);font-size:13px}.compress-batch-result>span{color:var(--muted);margin-top:5px;font-size:10px}.compress-batch-result .compress-size-comparison{width:min(440px,100%);margin-inline:auto}.compress-download{margin-top:14px}.compress-reset{width:100%;margin-top:10px}.compress-metadata-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:10px;line-height:1.7}.compress-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:11px}.compress-panel button:focus-visible,.compress-panel input:focus-visible,.compress-download:focus-visible,.compress-dropzone label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}.compress-panel button:disabled,.compress-file-heading button:disabled,.compress-file-remove:disabled,.compress-reset:disabled{cursor:not-allowed;opacity:.58}.compress-page-hero{padding-bottom:28px}.compress-level-guide{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.compress-level-guide>div{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:18px}.compress-level-guide strong{font-size:14px}.compress-level-guide p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.75}.compress-page .conversion-faq dd a{color:var(--teal-dark);text-underline-offset:3px;font-weight:700}.compress-page .related-conversions a{flex-direction:column;justify-content:center;gap:4px;display:flex}.compress-page .related-conversions a span{color:var(--muted);font-size:10px;font-weight:500}.ppi-presets{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.ppi-presets button,.segmented-control button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:9px 8px;font-size:12px;font-weight:800}.ppi-presets button:hover,.segmented-control button:hover{border-color:#8ab7b3}.ppi-presets button.selected,.segmented-control button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.ppi-presets label{grid-column:span 2;align-items:center;gap:8px;min-width:0;display:flex}.ppi-presets label span{color:var(--muted);flex:none;font-size:11px;font-weight:700}.ppi-presets input,.dimension-fieldset input,.standalone-input input{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border-radius:6px;padding:10px 12px}.ppi-presets input:focus,.dimension-fieldset input:focus,.standalone-input input:focus{border-color:var(--teal);outline:3px solid #d5efec}.field-help{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.6}.unit-fieldset{margin-top:24px!important}.segmented-control{gap:7px;display:flex}.segmented-control button{flex:1}.dimension-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;display:grid}.dimension-fieldset{background:var(--surface);border:1px solid var(--line)!important;border-radius:8px!important;padding:20px!important}.dimension-fieldset legend{padding-inline:5px;font-size:14px}.dimension-fieldset label{display:block}.dimension-fieldset label+label{margin-top:15px}.dimension-fieldset label>span,.standalone-input>span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.dimension-fieldset label>div,.standalone-input>div{position:relative}.dimension-fieldset input,.standalone-input input{background:var(--white);padding-right:55px}.dimension-fieldset b,.standalone-input b{color:var(--muted);font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.utility-error{color:#9a3128;background:#fff2f0;border-radius:6px;margin:16px 0 0;padding:10px;font-size:12px}.image-checker-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;justify-content:center;align-items:center;min-height:210px;padding:18px;transition:border-color .18s,background-color .18s;display:flex}.image-checker-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.image-checker-dropzone.has-image{border-style:solid;min-height:0}.image-checker-dropzone .image-select-button{border:1px solid var(--teal);min-width:220px;min-height:84px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.image-checker-dropzone .image-select-button[aria-disabled=true]{cursor:wait;opacity:.65;pointer-events:none}.image-checker-dropzone .image-select-button small{color:var(--muted);font-size:10px;font-weight:500}.image-checker-selected{text-align:left;grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:24px;width:100%;display:grid}.image-checker-preview{border:1px solid #d2dfe0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:230px;display:flex;overflow:hidden}.image-checker-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-checker-summary{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.image-checker-summary>strong{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.image-checker-summary>span{color:var(--teal-dark);font-size:18px;font-weight:800}.image-checker-summary>div{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.image-checker-summary button{cursor:pointer;min-height:44px;font:inherit;border-radius:7px;padding:0 16px;font-size:12px;font-weight:800}.image-checker-summary .secondary-button{border:1px solid var(--teal);color:var(--teal-dark);background:var(--white)}.image-checker-summary .text-button{color:var(--muted);background:var(--white);border:1px solid #c8d8da}.image-checker-help{text-align:center;margin-top:10px}.image-checker-dropzone:focus-within,.image-checker-summary button:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.favicon-editor{gap:20px;width:min(100%,980px);margin:0 auto;display:grid}.favicon-step{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:24px}.favicon-step-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.favicon-step-heading span{min-width:32px;color:var(--teal);letter-spacing:.1em;font-size:12px;font-weight:900}.favicon-step-heading h2{color:var(--ink);margin:0;font-size:20px}.favicon-dropzone{min-height:210px;color:var(--teal-dark);text-align:center;cursor:pointer;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.favicon-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.favicon-dropzone strong{font-size:16px}.favicon-dropzone span{font-size:13px;font-weight:700}.favicon-dropzone small{color:var(--muted);font-size:11px}.favicon-dropzone:focus-visible{outline-offset:3px;outline:3px solid #9fd3ce}.favicon-source-card{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;display:grid}.favicon-source-preview{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:220px;height:160px;display:flex;overflow:hidden}.favicon-source-preview img{object-fit:contain;max-width:100%;max-height:100%}.favicon-source-info{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.favicon-source-info>strong{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.favicon-source-info>span{color:var(--teal-dark);font-size:15px;font-weight:800}.favicon-source-info>div{flex-wrap:wrap;gap:8px;display:flex}.favicon-source-info button{cursor:pointer;min-height:44px;font:inherit;border-radius:7px;padding:0 16px;font-size:12px;font-weight:800}.favicon-source-info .secondary-button{border:1px solid var(--teal);color:var(--teal-dark);background:var(--white)}.favicon-source-info .text-button{color:var(--muted);background:var(--white);border:1px solid #c8d8da}.favicon-background-options{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:0;display:flex}.favicon-background-options legend{width:100%;color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:800}.favicon-background-options>button{min-width:72px;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border:1px solid #c8d8da;border-radius:7px;padding:0 14px;font-size:12px;font-weight:800}.favicon-background-options>button[aria-pressed=true]{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.favicon-background-options .color-card-swatch-control{width:44px;min-width:44px;padding:7px}.favicon-preview-layout{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:36px;display:grid}.favicon-preview-layout>div>strong,.favicon-size-panel>strong{color:var(--ink);margin-bottom:12px;font-size:13px;display:block}.favicon-main-preview{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;width:min(100%,320px);display:flex;overflow:hidden}.favicon-main-preview canvas{width:100%;height:100%;display:block}.favicon-main-preview span{color:var(--muted);text-align:center;padding:20px;font-size:12px}.favicon-size-panel{min-width:0}.favicon-actual-sizes{align-items:flex-start;gap:34px;min-height:88px;display:flex}.favicon-actual-sizes figure{flex-direction:column;align-items:center;gap:8px;min-width:48px;margin:0;display:flex}.favicon-actual-sizes figure>div{flex:none;overflow:hidden}.favicon-actual-sizes canvas{width:100%;height:100%;display:block}.favicon-actual-sizes figcaption{color:var(--muted);font-size:11px}.favicon-output-summary{border-top:1px solid var(--line);flex-direction:column;gap:5px;margin-top:20px;padding-top:18px;display:flex}.favicon-output-summary strong{color:var(--ink);font-size:13px}.favicon-output-summary span{color:var(--muted);font-size:12px;line-height:1.6}.favicon-generate-button,.favicon-result a{border:1px solid var(--teal);width:100%;min-height:48px;color:var(--white);background:var(--teal);cursor:pointer;font:inherit;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:900;text-decoration:none;display:flex}.favicon-generate-button:disabled{cursor:not-allowed;opacity:.5}.favicon-result{text-align:center;margin-top:14px}.favicon-result p{color:var(--muted);margin:0 0 10px;font-size:12px}.favicon-reset-button{min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;margin:12px auto 0;font-size:12px;font-weight:800;display:block}.favicon-status,.favicon-error{text-align:center;min-height:20px;margin:0;font-size:12px}.favicon-status{color:var(--teal-dark)}.favicon-error{color:#a23a3a}.favicon-editor button:focus-visible,.favicon-result a:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.preset-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.preset-toolbar p{color:var(--muted);margin:0;font-size:12px}.icon-text-button{border:1px solid var(--line);min-height:44px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.icon-text-button svg,.image-select-button svg{fill:currentColor;width:20px;height:20px}.paper-preset-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.paper-preset-grid button{border:1px solid var(--line);min-width:0;min-height:68px;color:var(--ink);background:var(--surface);cursor:pointer;text-align:left;border-radius:7px;padding:12px}.paper-preset-grid button:hover{background:var(--teal-soft);border-color:#8ab7b3}.paper-preset-grid strong,.paper-preset-grid span,.paper-preset-grid small{display:block}.paper-preset-grid strong{font-size:13px}.paper-preset-grid span{color:var(--muted);margin-top:5px;font-size:11px}.paper-preset-grid small{color:var(--teal-dark);margin-top:4px;font-size:9px}.compact-card{width:min(720px,100%);margin-inline:auto}.bleed-options{grid-template-columns:repeat(4,1fr);display:grid}.standalone-input{max-width:260px;margin-top:18px;display:block}.result-panel{background:var(--teal-soft);border-radius:7px;grid-template-columns:1fr auto;gap:8px 18px;margin-top:22px;padding:18px;display:grid}.result-panel span{color:var(--muted);font-size:12px}.result-panel strong{color:var(--teal-dark);text-align:right;font-size:13px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-select-button{width:100%;min-height:100px;color:var(--teal-dark);cursor:pointer;background:#fbfdfd;border:2px dashed #8eafad;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.image-select-button svg{width:28px;height:28px}.image-select-button:hover{border-color:var(--teal);background:var(--teal-soft)}.image-select-button:disabled{cursor:wait;opacity:.65}.image-status{color:#9a3128;margin:13px 0 0;font-size:12px}.success-text{color:var(--teal-dark)!important}.image-results{margin-top:18px}.image-pixel-result{background:var(--teal-soft);text-align:center;border-radius:7px;padding:17px}.image-pixel-result span,.image-pixel-result strong{display:block}.image-pixel-result span{color:var(--muted);font-size:11px}.image-pixel-result strong{color:var(--teal-dark);margin-top:6px;font-size:19px}.reference-size-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px;display:grid}.reference-size-grid>div{border:1px solid var(--line);text-align:center;border-radius:6px;padding:10px 7px}.reference-size-grid span,.reference-size-grid strong{display:block}.reference-size-grid span{color:var(--muted);font-size:10px}.reference-size-grid strong{margin-top:5px;font-size:10px;line-height:1.5}.effective-results{grid-template-columns:1fr 1fr;gap:10px;display:grid}.effective-results>div{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;padding:20px}.effective-results span,.effective-results strong{display:block}.effective-results span{color:var(--muted);font-size:11px}.effective-results strong{color:var(--teal-dark);margin-top:6px;font-size:20px}.effective-results p{color:#805800;background:#fff8e5;border-radius:6px;grid-column:1/-1;margin:2px 0 0;padding:12px;font-size:12px;line-height:1.7}.empty-result{color:var(--muted);text-align:center;margin:0;font-size:13px}.paper-reference-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.paper-reference-table table{border-collapse:collapse;table-layout:fixed;width:100%}.paper-reference-table th,.paper-reference-table td{border-bottom:1px solid var(--line);text-align:left;padding:14px 17px;font-size:12px}.paper-reference-table thead th{color:var(--muted);background:var(--surface);font-size:11px}.paper-reference-table tbody tr:last-child th,.paper-reference-table tbody tr:last-child td{border-bottom:0}.paper-reference-table tbody th{font-size:13px}.paper-reference-table small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.paper-reference-table td:last-child{color:var(--teal-dark);font-weight:800}.guide-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.guide-grid article{border:1px solid var(--line);background:var(--surface);border-radius:7px;flex-direction:column;justify-content:center;min-height:90px;padding:18px;display:flex}.guide-grid strong{color:var(--teal-dark);font-size:18px}.guide-grid span{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5}.guide-note{border-left:3px solid var(--teal);color:var(--muted);background:var(--teal-soft);margin:15px 0 0;padding:15px;font-size:12px;line-height:1.8}.formula-card{width:min(620px,100%);margin-inline:auto}.formula-card p{border-bottom:1px solid var(--line);text-align:center;margin:0;padding:10px 0}.formula-card span{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.8;display:block}.utility-page .conversion-faq,.utility-page .related-conversions{width:min(820px,100%);padding-top:72px}.utility-page .related-conversions>div{grid-template-columns:repeat(3,1fr)}.utility-card button:focus-visible,.paper-preset-grid button:focus-visible,.related-tools-inner>a:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.conversion-page{padding-block:24px 80px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:7px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:#9aa7ac;margin-right:7px}.breadcrumbs a{color:var(--teal-dark);text-underline-offset:3px}.conversion-hero{padding-top:44px}.conversion-copy{text-align:center;width:min(760px,100%);margin:0 auto 30px}.conversion-copy h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(34px,5vw,48px);line-height:1.2}.conversion-copy p{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.9}.conversion-info,.conversion-faq,.related-conversions{width:min(820px,100%);margin-inline:auto;padding-top:72px}.conversion-info h2,.conversion-faq h2,.related-conversions h2{letter-spacing:-.025em;margin:0 0 22px;font-size:26px}.conversion-info p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.9}.conversion-faq dl{gap:10px;margin:0;display:grid}.conversion-faq dl>div{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:20px 22px}.conversion-faq dt{font-size:14px;font-weight:800}.conversion-faq dd{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.8}.related-conversions>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.related-conversions a{border:1px solid var(--line);min-height:54px;color:var(--teal-dark);background:var(--white);text-align:center;border-radius:7px;justify-content:center;align-items:center;padding:14px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.related-conversions a:hover{background:var(--teal-soft);border-color:#8ab7b3}.related-conversions a:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.legal-content{max-width:760px;padding-block:64px 80px}.legal-content h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,44px)}.legal-lead{color:var(--muted);margin:16px 0 0;line-height:1.8}.legal-content section{margin-top:38px}.legal-content h2{margin:0 0 13px;font-size:20px}.legal-content p,.legal-content li{color:var(--muted);font-size:14px;line-height:1.9}.legal-content p{margin:10px 0 0}.legal-content ul{margin:10px 0 0;padding-left:1.4em}.legal-updated{margin-top:48px!important;font-size:12px!important}.legal-settings-button{border:1px solid var(--teal);color:var(--teal-dark);background:var(--teal-soft);cursor:pointer;border-radius:6px;margin-top:16px;padding:10px 14px;font-size:13px;font-weight:700}.legal-settings-button:hover{background:#e0f3f0}.consent-banner{z-index:1000;background:var(--white);border:1px solid #b8d7d3;border-radius:10px;align-items:center;gap:20px;width:min(680px,100% - 32px);padding:16px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #19363f29}.consent-copy{flex:1;min-width:0}.consent-copy strong{font-size:14px}.consent-copy p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.consent-copy a{color:var(--teal-dark);text-underline-offset:2px}.consent-actions{flex:none;gap:8px;display:flex}.consent-actions button{cursor:pointer;border-radius:6px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:800}.crop-tool{background:var(--white);border:1px solid #c8d8da;border-radius:12px;width:min(920px,100%);margin-inline:auto;padding:18px;box-shadow:0 8px 24px #19363f12}.crop-dropzone{background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;transition:border-color .18s,background-color .18s;display:flex}.crop-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.crop-dropzone button{border:1px solid var(--teal);min-width:220px;min-height:84px;color:var(--teal-dark);background:var(--white);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:16px;font-weight:800;display:flex}.crop-dropzone button:disabled{cursor:wait;opacity:.65}.crop-dropzone button small{color:var(--muted);font-size:11px;font-weight:500}.crop-dropzone>p{color:var(--muted);margin:0;font-size:11px}.crop-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.crop-toolbar>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.crop-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.crop-toolbar span{color:var(--muted);font-size:11px}.crop-toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.crop-toolbar-actions button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.crop-toolbar-actions button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.crop-toolbar-actions svg{fill:currentColor;width:17px;height:17px}.crop-editor-shell{background:#182326;border-radius:9px;justify-content:center;align-items:center;min-height:320px;padding:18px;display:flex;overflow:hidden}.crop-image-stage{max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.crop-image-stage>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:68vh;display:block}.crop-frame{z-index:1;box-sizing:border-box;outline:1px solid var(--teal);cursor:move;touch-action:none;border:2px solid #f4ffff;position:absolute;box-shadow:0 0 0 9999px #0712158a}.crop-frame:focus-visible,.crop-handle:focus-visible{outline-offset:-3px;outline:3px solid #9fe6de}.crop-handle{z-index:3;touch-action:none;background:0 0;border:0;width:min(44px,50%);height:min(44px,50%);padding:0;position:absolute}.crop-handle:before,.crop-handle:after{content:"";background:#fff;display:block;position:absolute;box-shadow:0 0 0 1px #136f69d9}.crop-handle-nw{cursor:nwse-resize;top:0;left:0}.crop-handle-ne{cursor:nesw-resize;top:0;right:0}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0}.crop-handle-sw{cursor:nesw-resize;bottom:0;left:0}.crop-handle-nw:before,.crop-handle-sw:before,.crop-handle-ne:before,.crop-handle-se:before{width:14px;height:3px;top:5px}.crop-handle-nw:after,.crop-handle-sw:after,.crop-handle-ne:after,.crop-handle-se:after{width:3px;height:14px;top:5px}.crop-handle-nw:before,.crop-handle-sw:before{left:5px}.crop-handle-ne:before,.crop-handle-se:before{right:5px}.crop-handle-nw:after,.crop-handle-sw:after{left:5px}.crop-handle-ne:after,.crop-handle-se:after{right:5px}.crop-handle-sw:before,.crop-handle-se:before,.crop-handle-sw:after,.crop-handle-se:after{top:auto;bottom:5px}.crop-handle-n,.crop-handle-s{z-index:2;cursor:ns-resize;width:clamp(14px,100% - 88px,44px);height:28px;left:50%;transform:translate(-50%)}.crop-handle-n{top:0}.crop-handle-s{bottom:0}.crop-handle-e,.crop-handle-w{z-index:2;cursor:ew-resize;width:28px;height:clamp(14px,100% - 88px,44px);top:50%;transform:translateY(-50%)}.crop-handle-e{right:0}.crop-handle-w{left:0}.crop-handle-n:before,.crop-handle-s:before{width:16px;height:3px;top:5px;left:50%;transform:translate(-50%)}.crop-handle-s:before{top:auto;bottom:5px}.crop-handle-n:after,.crop-handle-s:after,.crop-handle-e:after,.crop-handle-w:after{display:none}.crop-handle-e:before,.crop-handle-w:before{width:3px;height:16px;top:50%;transform:translateY(-50%)}.crop-handle-e:before{right:5px}.crop-handle-w:before{left:5px}.crop-source-status{color:var(--teal-dark);text-align:center;margin:14px 0 0;font-size:12px;font-weight:800}.crop-help{color:var(--muted);text-align:center;margin:8px 0 0;font-size:11px;line-height:1.7}.crop-output-panel{border:1px solid var(--line);background:var(--surface);border-radius:9px;max-width:680px;margin:24px auto 0;padding:20px}.crop-output-panel fieldset{border:0;min-width:0;margin:0;padding:0}.crop-output-panel legend{color:var(--ink);margin-bottom:10px;font-size:12px;font-weight:800}.crop-output-size-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;display:grid}.crop-output-size-fields>label{min-width:0;color:var(--muted);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.crop-output-size-fields>span{color:var(--muted);padding-bottom:12px;font-size:12px}.crop-output-input{background:var(--white);border:1px solid #b8cacc;border-radius:6px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;min-width:0;display:grid;overflow:hidden}.crop-output-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1b8b8221}.crop-output-input input{width:100%;min-width:0;height:44px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 10px;font-size:14px}.crop-output-input>span{color:var(--muted);font-size:11px}.crop-output-size>p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.6}.crop-output-format{margin-top:18px!important}.crop-output-format>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.crop-output-format button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border-radius:6px;font-size:12px;font-weight:800}.crop-output-format button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.crop-output-summary{color:var(--teal-dark);text-align:center;margin:14px 0 0;font-size:12px;font-weight:800}.crop-output-warning{color:#765615;background:#fff8e4;border-radius:6px;margin:10px 0 0;padding:9px 10px;font-size:11px;line-height:1.6}.crop-download-button{border:1px solid var(--teal);width:100%;min-height:50px;color:var(--white);background:var(--teal);cursor:pointer;font:inherit;border-radius:7px;margin-top:16px;font-size:13px;font-weight:800}.crop-download-button:hover{background:var(--teal-dark)}.crop-download-button:disabled,.crop-output-panel button:disabled,.crop-toolbar-actions button:disabled{cursor:not-allowed;opacity:.58}.crop-output-result{color:var(--teal-dark);text-align:center;margin:10px 0 0;font-size:11px;font-weight:700}.crop-status,.crop-error{text-align:center;margin:12px 0 0;font-size:12px}.crop-status{min-height:18px;color:var(--teal-dark)}.crop-error{color:#9a3128;background:#fff2f0;border-radius:6px;padding:10px}.circle-tool{background:var(--white);border:1px solid #c8d8da;border-radius:12px;width:min(920px,100%);margin-inline:auto;padding:18px;box-shadow:0 8px 24px #19363f12}.circle-tool.dragging{border-color:var(--teal);box-shadow:0 0 0 4px #1b8b821f}.circle-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex}.circle-tool.dragging .circle-dropzone{border-color:var(--teal);background:var(--teal-soft)}.circle-dropzone button{border:1px solid var(--teal);min-width:220px;min-height:84px;color:var(--teal-dark);background:var(--white);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:16px;font-weight:800;display:flex}.circle-dropzone button:disabled{cursor:wait;opacity:.65}.circle-dropzone button small{color:var(--muted);font-size:11px;font-weight:500}.circle-dropzone>p{color:var(--muted);margin:0;font-size:11px}.circle-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.circle-toolbar>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.circle-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.circle-toolbar span{color:var(--muted);font-size:11px}.circle-toolbar-actions{flex:none;gap:8px;display:flex}.circle-toolbar-actions button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:800}.circle-toolbar-actions button:disabled{cursor:not-allowed;opacity:.58}.circle-editor-shell{background:#182326;border-radius:9px;justify-content:center;padding:18px;display:flex;overflow:hidden}.circle-stage{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#10191b;width:min(100%,520px);position:relative;overflow:hidden}.circle-stage:active{cursor:grabbing}.circle-stage:focus-visible{outline-offset:3px;outline:3px solid #9fe6de}.circle-viewport{border-radius:50%;position:absolute;inset:0;overflow:hidden}.circle-viewport img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.circle-guide{box-shadow:0 0 0 999px #0712159e,inset 0 0 0 1px var(--teal);pointer-events:none;border:2px solid #f4ffff;border-radius:50%;position:absolute;inset:0}.circle-help{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px;line-height:1.7}.circle-controls{border:1px solid var(--line);background:var(--surface);border-radius:9px;max-width:680px;margin:22px auto 0;padding:20px}.circle-zoom{color:var(--ink);gap:9px;font-size:12px;font-weight:800;display:grid}.circle-zoom>span{justify-content:space-between;gap:12px;display:flex}.circle-zoom strong{color:var(--teal-dark)}.circle-zoom input{width:100%;accent-color:var(--teal)}.circle-output-size{border:0;min-width:0;margin:20px 0 0;padding:0}.circle-output-size legend{color:var(--ink);margin-bottom:10px;font-size:12px;font-weight:800}.circle-size-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.circle-size-presets button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border-radius:6px;font-size:12px;font-weight:800}.circle-size-presets button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.circle-size-presets button:focus-visible,.circle-toolbar-actions button:focus-visible,.circle-create-button:focus-visible,.circle-download-link:focus-visible,.circle-dropzone button:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.circle-custom-size{color:var(--muted);grid-template-columns:auto minmax(0,180px);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;font-weight:700;display:grid}.circle-size-input{background:var(--white);border:1px solid #b8cacc;border-radius:6px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-width:0;display:grid;overflow:hidden}.circle-size-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1b8b8221}.circle-size-input input{width:100%;min-width:0;height:44px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 10px;font-size:14px}.circle-size-input>span{color:var(--muted);font-size:11px}.circle-size-error{color:#9a3128;margin:8px 0 0;font-size:11px}.circle-create-button,.circle-download-link{border:1px solid var(--teal);width:100%;min-height:50px;font:inherit;border-radius:7px;justify-content:center;align-items:center;margin-top:16px;font-size:13px;font-weight:800;display:flex}.circle-create-button{color:var(--white);background:var(--teal);cursor:pointer}.circle-create-button:hover,.circle-download-link:hover{background:var(--teal-dark)}.circle-create-button:disabled{cursor:not-allowed;opacity:.58}.circle-download-link{color:var(--white);background:var(--teal);text-align:center;text-decoration:none}.circle-messages{min-height:18px}.circle-status,.circle-error{text-align:center;margin:12px 0 0;font-size:12px}.circle-status{color:var(--teal-dark)}.circle-error{color:#9a3128;background:#fff2f0;border-radius:6px;padding:10px}.circle-uses p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.consent-decline{border:1px solid var(--line);color:var(--muted);background:var(--white)}.consent-accept{border:1px solid var(--teal);color:var(--white);background:var(--teal)}.consent-accept:hover{background:var(--teal-dark)}.consent-actions button:focus-visible,.legal-settings-button:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.color-card-tool{gap:18px;width:min(920px,100%);margin-inline:auto;display:grid}.color-card-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.color-card-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.color-card-panel-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.color-card-panel-heading span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.color-card-panel-heading h2{margin:0;font-size:18px}.color-card-panel-heading small{color:var(--muted);font-size:11px;font-weight:800}.color-card-panel fieldset{border:0;min-width:0;margin:0;padding:0}.color-card-panel legend,.color-card-add-fields label>span{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.color-card-mode{grid-template-columns:1fr 1fr;gap:7px;width:min(360px,100%);display:grid}.color-card-mode button,.color-card-add-color,.color-card-row-actions button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:800}.color-card-mode button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.color-card-add-fields{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px;margin-top:20px;display:grid}.color-card-add-fields input,.color-card-edit-fields input{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border-radius:6px;padding:10px 12px}.color-card-add-fields input:focus,.color-card-edit-fields input:focus{border-color:var(--teal);outline:3px solid #d5efec}.color-card-add-fields input[aria-invalid=true],.color-card-edit-fields input[aria-invalid=true]{border-color:#c96d63}.color-card-color-fields{gap:8px;display:grid}.color-card-color-field{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.color-card-color-field label{min-width:0}.color-card-color-field button.color-card-swatch-control,.color-card-edit-color-field button.color-card-swatch-control{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;text-decoration:none;display:grid}.color-card-swatch-control:hover{background:#f2f7f7}.color-card-swatch{border:1px solid var(--line);border-radius:6px;width:28px;height:28px;display:block}.color-card-color-field button{min-height:36px;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:10px;text-decoration:underline}.color-card-add-color{width:100%;color:var(--teal-dark);border-style:dashed;margin-top:9px}.color-card-primary{border:1px solid var(--teal);width:100%;min-height:48px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;margin-top:20px;font-size:13px;font-weight:800}.color-card-primary:hover,.color-card-download-link:hover{background:var(--teal-dark)}.color-card-panel button:disabled{cursor:not-allowed;opacity:.5}.color-card-panel button:focus-visible,.color-card-panel input:focus-visible,.color-card-download-link:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.color-card-limit{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px}.color-card-added-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.color-card-added-section h3{margin:0 0 16px;font-size:15px}.color-card-empty{color:var(--muted);background:var(--surface);text-align:center;border:1px dashed #b8cacc;border-radius:8px;margin:0;padding:34px 18px;font-size:12px;line-height:1.7}.color-card-edit-list{gap:9px;display:grid}.color-card-edit-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.color-card-edit-row[draggable=true]{cursor:grab}.color-card-edit-row[draggable=true]:active{cursor:grabbing}.color-card-drag-handle{color:var(--muted);writing-mode:vertical-rl;font-size:9px;font-weight:800}.color-card-row-swatch{border:1px solid #c8d8da;border-radius:7px;width:42px;height:42px}.color-card-edit-fields{gap:7px;min-width:0;display:grid}.color-card-edit-fields>div{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.color-card-edit-color-field{flex:150px;align-items:center;gap:6px;min-width:126px;display:flex!important}.color-card-edit-color-field label{flex:1;min-width:0}.color-card-edit-color-field .color-card-swatch-control{flex:0 0 44px;min-width:44px}.color-card-edit-fields input{height:36px;padding:7px 9px;font-size:11px}.color-card-edit-fields>small{color:#9a3128;font-size:10px;line-height:1.5}.color-card-row-actions{grid-template-columns:repeat(2,auto);gap:5px;display:grid}.color-card-row-actions button{min-height:32px;padding:5px 8px;font-size:9px}.color-card-row-actions button:last-child{color:#9a3128;grid-column:1/-1}.color-card-preview-options{justify-content:flex-end;margin:-8px 0 18px;display:flex}.color-card-preview-options label{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.color-card-preview-options input{width:20px;height:20px;accent-color:var(--teal);flex:none}.color-card-preview-options label:has(input:disabled){cursor:not-allowed;opacity:.5}.color-card-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.color-card-preview{min-width:0;color:var(--ink);background:var(--white);cursor:pointer;text-align:left;aspect-ratio:4/3;border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a14}.color-card-preview.selected{border-color:var(--teal);box-shadow:0 0 0 2px #cceae6,0 6px 18px #0f172a14}.color-card-preview-card{background:var(--white);border-radius:3.75%/5%;width:100%;height:100%;display:block;overflow:hidden}.color-card-preview.transparent-background{aspect-ratio:auto;box-shadow:none;background-color:#fff;background-image:linear-gradient(45deg,#edf1f2 25%,#0000 25%),linear-gradient(-45deg,#edf1f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f2 75%),linear-gradient(-45deg,#0000 75%,#edf1f2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;padding:14px}.color-card-preview.transparent-background.selected{box-shadow:0 0 0 2px #cceae6}.color-card-preview.transparent-background .color-card-preview-card{aspect-ratio:4/3;height:auto;box-shadow:0 6px 18px #0f172a1f}.color-card-preview-paint{height:66.666%;display:block}.color-card-preview-info{background:var(--white);flex-direction:column;justify-content:center;gap:5px;min-width:0;height:33.334%;padding:10px 12px;display:flex}.color-card-preview-info strong,.color-card-preview-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-card-preview-info strong{font-size:clamp(10px,1.6vw,13px)}.color-card-preview-info small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(7px,1.2vw,10px)}.color-card-selected-label{color:var(--teal-dark);background:#ffffffeb;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;position:absolute;top:7px;right:7px}.color-card-download-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.color-card-download-actions button{border:1px solid var(--teal);min-height:50px;color:var(--teal-dark);background:var(--teal-soft);cursor:pointer;border-radius:7px;padding:10px;font-size:11px;font-weight:800}.color-card-download-actions button:hover{background:#e0f3f0}.color-card-live{min-height:18px}.color-card-live>p{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:11px}.color-card-error{background:#fff2f0;border-radius:6px;margin:12px 0 0;padding:10px;font-size:11px;line-height:1.6;color:#9a3128!important}.color-card-download-link{min-height:50px;color:var(--white);background:var(--teal);text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:14px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.color-card-download-link span{color:#d9f5f2;font-size:9px;font-weight:500}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.qr-code-tool{gap:18px;width:min(920px,100%);margin-inline:auto;display:grid}.qr-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.qr-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.qr-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.qr-panel-heading h2{margin:0;font-size:18px}.qr-panel-heading small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}.qr-edit-list{gap:12px;display:grid}.qr-edit-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-width:0;padding:16px}.qr-item-heading{margin-bottom:13px}.qr-item-heading strong{color:var(--teal-dark);font-size:12px}.qr-input-grid{grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);gap:10px;display:grid}.qr-input-grid label,.qr-color-field>span{min-width:0;color:var(--muted);font-size:10px;font-weight:800}.qr-input-grid label>span{margin-bottom:7px;display:block}.qr-input-grid input,.qr-input-grid textarea,.qr-color-field input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--white);font:inherit;border-radius:6px;padding:9px 11px;font-size:12px}.qr-input-grid input,.qr-color-field input{height:42px}.qr-input-grid textarea{resize:vertical;min-height:84px;line-height:1.55}.qr-input-grid label>small{color:var(--muted);text-align:right;margin-top:5px;font-size:9px;font-weight:500;display:block}.qr-input-grid input:focus,.qr-input-grid textarea:focus,.qr-color-field input:focus{border-color:var(--teal);outline:3px solid #d5efec}.qr-input-grid input[aria-invalid=true],.qr-input-grid textarea[aria-invalid=true],.qr-color-field input[aria-invalid=true]{border-color:#c96d63}.qr-color-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.qr-color-field{grid-template-columns:auto 44px minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.qr-color-field .color-card-swatch-control{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}.qr-color-field.disabled{opacity:.55}.qr-color-field.disabled input,.qr-color-field.disabled button{cursor:not-allowed}.qr-transparent-toggle{width:max-content;max-width:100%;min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:9px;margin-top:8px;font-size:11px;font-weight:800;display:flex}.qr-transparent-toggle input{width:18px;height:18px;accent-color:var(--teal);margin:0}.qr-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:13px;display:grid}.qr-edit-actions button,.qr-add-button,.qr-download-actions button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:800}.qr-edit-actions button:first-child{color:var(--teal-dark);background:var(--teal-soft);border-color:#b8d8d4}.qr-edit-actions button:last-child{color:#9a3128}.qr-panel button:disabled{cursor:not-allowed;opacity:.5}.qr-panel button:focus-visible,.qr-panel input:focus-visible,.qr-panel textarea:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.qr-error,.qr-warning{border-radius:6px;margin:10px 0 0;padding:9px 10px;font-size:10px;line-height:1.6}.qr-error{color:#9a3128;background:#fff2f0}.qr-warning{color:#725200;background:#fff8df}.qr-add-button{width:100%;color:var(--teal-dark);border-style:dashed;margin-top:14px}.qr-limit{color:var(--muted);text-align:center;margin:9px 0 0;font-size:10px}.qr-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.qr-preview-card{border:2px solid var(--line);min-width:0;color:var(--ink);background:var(--white);cursor:pointer;text-align:center;border-radius:9px;flex-direction:column;align-items:center;padding:14px;display:flex;position:relative}.qr-preview-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #cceae6}.qr-preview-svg,.qr-preview-empty{aspect-ratio:1;width:min(100%,210px);display:block}.qr-preview-svg.transparent{background-color:#fff;background-image:linear-gradient(45deg,#edf1f2 25%,#0000 25%),linear-gradient(-45deg,#edf1f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f2 75%),linear-gradient(-45deg,#0000 75%,#edf1f2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-preview-empty{color:var(--muted);background:var(--surface);border:1px dashed #b8cacc;place-items:center;font-size:10px;line-height:1.6;display:grid}.qr-preview-card>strong{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:12px;font-size:12px;overflow:hidden}.qr-preview-card>small{width:100%;min-height:3em;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.qr-selected-label{z-index:1;color:var(--teal-dark);background:#fffffff0;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;position:absolute;top:8px;right:8px}.qr-choice{border:0;min-width:0;margin:0 0 18px;padding:0}.qr-choice legend{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800}.qr-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.qr-choice label{cursor:pointer}.qr-choice input{opacity:0;pointer-events:none;position:absolute}.qr-choice label>span{border:1px solid var(--line);background:var(--white);border-radius:6px;place-items:center;min-height:42px;font-size:11px;font-weight:800;display:grid}.qr-choice input:checked+span{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.qr-choice input:focus-visible+span{outline-offset:2px;outline:3px solid #9fd3ce}.qr-choice:disabled{opacity:.5}.qr-output-note{color:var(--muted);margin:-8px 0 18px;font-size:10px}.qr-download-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.qr-download-actions button{min-height:50px;color:var(--teal-dark);border-color:var(--teal);background:var(--teal-soft);font-size:11px}.qr-download-actions button:only-child{grid-column:1/-1}.qr-download-actions button:hover,.qr-add-button:hover{background:#e0f3f0}.qr-live{min-height:18px}.qr-live:empty{display:none}.color-picker-popover{z-index:120;border:1px solid var(--line);background:var(--white);border-radius:10px;width:min(304px,100vw - 32px);padding:16px;position:fixed;box-shadow:0 8px 24px #0f172a1f}.color-picker-sv{border:1px solid var(--line);background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue);cursor:crosshair;touch-action:none;border-radius:8px;height:180px;position:relative;overflow:hidden}.color-picker-sv>span,.color-picker-hue>span{border:2px solid var(--white);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a8c}.color-picker-hue{border:1px solid var(--line);cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:24px;margin-top:14px;position:relative}.color-picker-hue>span{top:50%}.color-picker-current{align-items:center;gap:10px;margin-top:14px;display:flex}.color-picker-current>span{border:1px solid var(--line);border-radius:7px;flex:0 0 34px;width:34px;height:34px}.color-picker-current div{gap:2px;min-width:0;display:grid}.color-picker-current small{color:var(--muted);font-size:10px;font-weight:700}.color-picker-current strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.color-picker-eyedropper{border:1px solid var(--line);width:40px;height:40px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:7px;flex:0 0 40px;place-items:center;margin-left:auto;padding:8px;display:grid}.color-picker-eyedropper:hover{border-color:var(--teal);background:var(--teal-soft)}.color-picker-eyedropper:disabled{cursor:wait;opacity:.55}.color-picker-eyedropper svg{fill:currentColor;width:20px;height:20px}.color-picker-popover .color-picker-confirm{width:100%;margin-top:14px}.color-picker-popover:focus-visible,.color-picker-sv:focus-visible,.color-picker-hue:focus-visible,.color-picker-eyedropper:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.color-card-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-card-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.qr-code-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-code-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.resize-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resize-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.contact-sheet-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-sheet-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.favicon-generator-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.favicon-generator-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.pptx-asset-extractor-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pptx-asset-extractor-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.pdf-asset-extractor-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-asset-extractor-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.resize-tool{gap:18px;width:min(920px,100%);margin-inline:auto;display:grid}.resize-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.resize-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.resize-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.resize-panel-heading h2{margin:0;font-size:18px}.resize-panel-heading small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}.resize-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:210px;padding:18px;transition:border-color .18s,background-color .18s;display:flex}.resize-dropzone.dragging,.resize-dropzone.input-focused{border-color:var(--teal);background:var(--teal-soft)}.resize-dropzone label{border:1px solid var(--teal);min-width:220px;min-height:76px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.resize-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.resize-dropzone label small,.resize-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.resize-dropzone>p{margin:0}.resize-file-section{margin-top:18px}.resize-file-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.resize-file-heading strong{font-size:12px}.resize-file-heading button,.resize-file-row>button,.resize-reset{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:800}.resize-file-list{overscroll-behavior:contain;gap:7px;max-height:390px;margin-top:10px;display:grid;overflow-y:auto}.resize-file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.resize-file-icon{width:42px;height:42px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.resize-file-row>div{min-width:0}.resize-file-row strong,.resize-file-row>div>span,.resize-file-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resize-file-row strong{font-size:12px}.resize-file-row>div>span{color:var(--muted);margin-top:4px;font-size:9px}.resize-file-row small{color:var(--teal-dark);margin-top:4px;font-size:10px;font-weight:800}.resize-size-change{align-items:baseline;gap:5px;color:var(--muted)!important;font-size:11px!important;font-weight:500!important;display:flex!important}.resize-size-change>span,.resize-size-change>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resize-size-change>span:nth-child(2){color:#94a3a8;flex:none}.resize-size-change>b{color:var(--teal-dark);font-weight:800}.resize-row-status{color:var(--muted);background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.resize-row-status.processing{color:#8a5a00;background:#fff5d8}.resize-row-status.success{color:var(--teal-dark);background:var(--teal-soft)}.resize-row-status.error{color:#9a3128;background:#fff2f0}.resize-file-row>button{width:40px;padding:0;font-size:18px}.resize-choice{border:0;min-width:0;margin:18px 0 0;padding:0}.resize-choice legend{color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:800}.resize-segmented,.resize-format-grid,.resize-quality-grid,.resize-percent-presets{gap:7px;display:grid}.resize-segmented{grid-template-columns:1fr 1fr}.resize-format-grid{grid-template-columns:repeat(4,1fr)}.resize-quality-grid{grid-template-columns:repeat(3,1fr)}.resize-percent-presets{grid-template-columns:repeat(6,1fr)}.resize-choice button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:11px;font-weight:800}.resize-choice button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.resize-choice button:disabled{cursor:not-allowed;opacity:.5}.resize-dimension-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;margin-top:18px;display:grid}.resize-dimension-fields>label,.resize-percent>label{min-width:0;color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.resize-dimension-fields>span{color:var(--muted);padding-bottom:14px}.resize-dimension-fields label>div,.resize-percent label>div{background:var(--white);border:1px solid #b8cacc;border-radius:6px;min-width:0;position:relative;overflow:hidden}.resize-dimension-fields input,.resize-percent input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:44px;padding:0 42px 0 10px;font-size:13px}.resize-dimension-fields label>div>span,.resize-percent label>div>span{color:var(--muted);pointer-events:none;font-size:10px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.resize-dimension-fields label>div:focus-within,.resize-percent label>div:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1b8b8221}.resize-dimension-fields label.disabled{opacity:.52}.resize-check{cursor:pointer;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:44px;margin-top:13px;font-size:11px;font-weight:800;display:flex}.resize-check input{width:18px;height:18px;accent-color:var(--teal);margin:0}.resize-help{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.6}.resize-warning{color:#725200;background:#fff8df;border-radius:6px;margin:8px 0 0;padding:9px 10px;font-size:10px;line-height:1.6}.resize-percent-presets{margin-bottom:10px}.resize-percent>label{width:min(220px,100%)}.resize-submit{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;font-size:13px;font-weight:800}.resize-submit:hover,.resize-result a:hover{background:var(--teal-dark)}.resize-submit:disabled,.resize-reset:disabled,.resize-file-heading button:disabled,.resize-file-row>button:disabled{cursor:not-allowed;opacity:.58}.resize-progress{min-height:18px;color:var(--teal-dark);text-align:center;margin:13px 0 0;font-size:11px;font-weight:800}.resize-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:12px;padding:16px}.resize-result strong,.resize-result span{display:block}.resize-result strong{color:var(--teal-dark);font-size:13px}.resize-result span{color:var(--muted);margin-top:5px;font-size:10px}.resize-result a{min-height:48px;color:var(--white);background:var(--teal);border-radius:6px;justify-content:center;align-items:center;margin-top:12px;padding:10px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.resize-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:11px}.resize-reset{width:100%;margin-top:10px}.resize-panel button:focus-visible,.resize-panel input:focus-visible,.resize-result a:focus-visible,.resize-dropzone label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}.color-card-uses p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.contact-sheet-editor{gap:16px;width:min(760px,100%);margin-inline:auto;display:grid}.contact-sheet-panel{background:var(--white);border:1px solid #c8d8da;border-radius:10px;padding:22px;box-shadow:0 7px 22px #19363f0f}.contact-sheet-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.contact-sheet-heading>span{width:30px;height:30px;color:var(--white);background:var(--teal);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.contact-sheet-heading h2{margin:0;font-size:17px}.contact-sheet-heading small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:800}.contact-sheet-dropzone{min-height:210px;color:var(--ink);text-align:center;cursor:pointer;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.contact-sheet-dropzone:hover,.contact-sheet-dropzone:focus-visible,.contact-sheet-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.contact-sheet-dropzone:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.contact-sheet-dropzone.disabled{cursor:not-allowed;opacity:.62}.contact-sheet-dropzone svg{fill:currentColor;width:34px;height:34px;color:var(--teal);margin-bottom:3px}.contact-sheet-dropzone strong{font-size:14px}.contact-sheet-dropzone>span{color:var(--muted);font-size:11px}.contact-sheet-dropzone u{color:var(--teal-dark);text-underline-offset:3px;font-weight:800}.contact-sheet-dropzone small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.6}.contact-sheet-file-section{margin-top:18px}.contact-sheet-file-section>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-sheet-file-section>div:first-child strong{font-size:12px}.contact-sheet-file-section button,.contact-sheet-reset{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:800}.contact-sheet-file-list{overscroll-behavior:contain;gap:6px;max-height:360px;margin-top:10px;display:grid;overflow-y:auto}.contact-sheet-file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:32px minmax(0,1fr) 40px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:grid}.contact-sheet-file-row.error{background:#fff8f7;border-color:#efd3ce}.contact-sheet-file-row>b{color:var(--teal-dark);text-align:center;font-size:10px}.contact-sheet-file-row>div{min-width:0}.contact-sheet-file-row strong,.contact-sheet-file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-sheet-file-row strong{font-size:11px}.contact-sheet-file-row span{color:var(--muted);margin-top:3px;font-size:9px}.contact-sheet-file-row.error span{color:#9a3128}.contact-sheet-file-row>button{background:0 0;border:0;width:40px;height:40px;padding:0;font-size:16px}.contact-sheet-panel fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:16px 0}.contact-sheet-panel fieldset:first-of-type{border-top:0;padding-top:0}.contact-sheet-panel legend{margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.contact-sheet-segments,.contact-sheet-gap-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.contact-sheet-segments.columns{grid-template-columns:repeat(5,minmax(0,1fr))}.contact-sheet-segments.three{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-sheet-segments button,.contact-sheet-gap-presets button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:800}.contact-sheet-segments button.selected,.contact-sheet-gap-presets button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.contact-sheet-segments button strong,.contact-sheet-segments button small{display:block}.contact-sheet-segments button small{color:var(--muted);margin-top:4px;font-size:8px;font-weight:500;line-height:1.45}.contact-sheet-range{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.contact-sheet-range input{width:100%;accent-color:var(--teal)}.contact-sheet-range output{color:var(--teal-dark);text-align:right;font-size:11px;font-weight:900}.contact-sheet-gap-presets{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.contact-sheet-color{align-items:center;gap:9px;display:flex}.contact-sheet-color>input{border:1px solid var(--line);width:150px;min-height:44px;color:var(--ink);background:var(--white);text-transform:uppercase;border-radius:6px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.contact-sheet-preview-wrap{border-top:1px solid var(--line);padding-top:18px}.contact-sheet-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.contact-sheet-preview-heading strong{font-size:11px}.contact-sheet-preview-heading span{color:var(--muted);font-size:9px}.contact-sheet-preview-surface{border:1px solid var(--line);background:#edf1f2;border-radius:8px;place-items:center;min-height:220px;max-height:600px;padding:12px;display:grid;overflow:auto}.contact-sheet-preview-surface p{color:var(--muted);text-align:center;margin:0;font-size:11px}.contact-sheet-preview-grid{width:100%;padding:var(--contact-sheet-gap);grid-template-columns:repeat(var(--contact-sheet-columns),minmax(0,1fr));gap:var(--contact-sheet-gap);background:var(--contact-sheet-background);display:grid;box-shadow:0 2px 8px #0f172a0f}.contact-sheet-preview-cell{min-width:0;color:var(--ink);background:var(--contact-sheet-background);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.contact-sheet-preview-cell:active{cursor:grabbing}.contact-sheet-preview-cell.dragging{outline:2px solid var(--teal);outline-offset:-2px}.contact-sheet-preview-cell.drop-target:before{content:"";z-index:3;background:var(--teal);width:4px;box-shadow:0 0 0 1px var(--white);border-radius:4px;position:absolute;top:-2px;bottom:-2px;left:-3px}.contact-sheet-preview-image{aspect-ratio:var(--contact-sheet-aspect);background:var(--contact-sheet-background);position:relative;overflow:hidden}.contact-sheet-preview-image img{object-position:center;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.contact-sheet-preview-cell>span{min-width:0;color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;font-size:8px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.contact-sheet-reorder-controls{z-index:4;opacity:0;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.contact-sheet-preview-cell:hover .contact-sheet-reorder-controls,.contact-sheet-preview-cell:focus-within .contact-sheet-reorder-controls{opacity:1}.contact-sheet-reorder-controls button,.contact-sheet-pagination button{min-width:32px;min-height:32px;color:var(--teal-dark);cursor:pointer;background:#fffffff0;border:1px solid #aac9c6;border-radius:5px;padding:0;font-size:12px;font-weight:900}.contact-sheet-reorder-controls button:disabled,.contact-sheet-pagination button:disabled{cursor:not-allowed;opacity:.45}.contact-sheet-pagination{justify-content:center;align-items:center;gap:14px;margin:0 0 9px;display:flex}.contact-sheet-pagination strong{min-width:52px;color:var(--ink);text-align:center;font-size:11px}.contact-sheet-split-note,.contact-sheet-create-note{color:var(--teal-dark);text-align:center;margin:9px 0 0;font-size:10px;font-weight:800}.contact-sheet-single-limit{text-align:center;background:#fbfdfd;border:1px solid #c8d8da;border-radius:7px;gap:4px;margin:10px 0 2px;padding:10px 12px;display:grid}.contact-sheet-single-limit strong{color:var(--teal-dark);font-size:11px}.contact-sheet-single-limit span{color:var(--muted);font-size:10px;line-height:1.6}.contact-sheet-single-limit.over-limit{background:#fff8f7;border-color:#efd3ce}.contact-sheet-single-limit.over-limit strong,.contact-sheet-single-limit.over-limit span{color:#9a3128}.contact-sheet-submit{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;font-size:13px;font-weight:800}.contact-sheet-submit:hover,.contact-sheet-result a:hover{background:var(--teal-dark)}.contact-sheet-submit:disabled,.contact-sheet-reset:disabled,.contact-sheet-file-section button:disabled,.contact-sheet-panel fieldset:disabled{cursor:not-allowed;opacity:.58}.contact-sheet-progress{min-height:18px;color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.contact-sheet-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:10px;padding:15px}.contact-sheet-result strong,.contact-sheet-result span{display:block}.contact-sheet-result strong{color:var(--teal-dark);font-size:13px}.contact-sheet-result span{color:var(--muted);margin-top:4px;font-size:10px}.contact-sheet-result a{min-height:48px;color:var(--white);background:var(--teal);border-radius:6px;justify-content:center;align-items:center;margin-top:11px;padding:10px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.contact-sheet-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.contact-sheet-reset{width:100%;margin-top:9px}.contact-sheet-panel button:focus-visible,.contact-sheet-panel input:focus-visible,.contact-sheet-result a:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}@media (max-width:800px){.feature-grid{gap:24px}.feature-item{display:block}.feature-icon{margin-bottom:14px}.steps-grid{grid-template-columns:repeat(2,1fr);row-gap:42px}.steps-grid li:nth-child(2) .step-arrow{display:none}.conversion-grid{grid-template-columns:repeat(2,1fr)}.paper-preset-grid,.reference-size-grid{grid-template-columns:repeat(3,1fr)}}.psd-viewer-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.psd-viewer-page .tool-how-grid>li{text-align:center;align-items:center}.psd-viewer-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.psd-viewer-page .tool-how-grid strong,.psd-viewer-page .tool-how-grid p{text-align:center;width:100%}.psd-viewer-page .tool-how-grid p{max-width:240px;margin-inline:auto}.psd-viewer-page .tool-how-grid li:nth-child(2) .step-arrow{display:block}@media (max-width:600px){.header-inner{gap:8px}.header-navigation{margin-left:auto}.header-navigation+.header-note{margin-left:0}.tools-menu-button{padding-inline:9px}.page-shell{width:min(100% - 32px,1080px)}.topbar{height:60px}.header-note{font-size:11px}.hero{padding-block:44px 40px}.hero-copy{margin-bottom:26px}.hero h1{font-size:34px}.hero-copy p{margin-top:12px;font-size:14px}.converter-card{border-radius:10px;padding:8px;box-shadow:0 7px 22px #19363f12}.dropzone{min-height:260px;padding-inline:18px}.dropzone h2{font-size:17px}.format-view,.result-view{min-height:270px;padding:18px 10px}.batch-heading{align-items:flex-start}.batch-heading>div:first-child{display:block}.batch-heading span{margin-top:4px;display:block}.file-list{max-height:390px}.file-list .file-row{gap:9px;padding:10px 8px}.file-list .file-icon{width:32px;height:36px}.file-status{padding:4px 6px}.format-grid{grid-template-columns:repeat(2,1fr)}.format-grid button{min-height:50px}.primary{min-height:54px}.privacy-note{margin-top:16px}.content-section{padding-block:56px}.feature-section.content-section{padding-block:52px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-item{border-bottom:1px solid var(--line);padding-block:23px;display:flex}.feature-item:first-child{padding-top:0}.feature-item:last-child{border-bottom:0;padding-bottom:0}.feature-icon{margin-bottom:0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:27px}.steps-grid{grid-template-columns:1fr;row-gap:36px}.steps-grid li{padding:0 20px}.step-icon{width:66px;height:66px;margin:11px 0 13px}.step-icon svg{width:28px;height:28px}.steps-grid p{margin-top:7px}.step-arrow,.steps-grid li:nth-child(2) .step-arrow{font-size:13px;display:block;inset:auto auto -28px 50%;transform:translate(-50%)rotate(90deg)}.psd-viewer-page .tool-how-grid{grid-template-columns:1fr}.psd-viewer-page .tool-how-grid .step-number{width:66px}.conversion-grid{grid-template-columns:1fr 1fr;gap:8px}.conversion-item{gap:8px;min-height:58px;padding:14px 10px}.conversion-item strong{min-width:43px;font-size:12px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-meta{align-items:flex-start}.footer-links{justify-content:flex-start}.conversion-page{padding-block:20px 64px}.conversion-hero{padding-top:36px}.conversion-copy{margin-bottom:25px}.conversion-copy h1{margin-bottom:15px;font-size:32px}.conversion-copy p{font-size:14px;line-height:1.8}.conversion-info,.conversion-faq,.related-conversions{padding-top:56px}.conversion-info h2,.conversion-faq h2,.related-conversions h2{margin-bottom:18px;font-size:23px}.conversion-faq dl>div{padding:17px 16px}.related-conversions>div{grid-template-columns:1fr}.legal-content{padding-block:48px 64px}.consent-banner{flex-direction:column;align-items:stretch;gap:13px;width:calc(100% - 24px);padding:14px;bottom:12px;right:12px}.consent-actions{width:100%}.consent-actions button{flex:1}.related-tools-inner{flex-direction:column;align-items:flex-start;gap:20px}.related-tools-actions{flex-basis:auto;width:100%}.utility-page{padding-block:20px 64px}.utility-hero{padding-top:36px}.utility-hero h1{font-size:34px}.utility-hero>p:last-child{font-size:14px;line-height:1.8}.utility-section,.utility-page .conversion-faq,.utility-page .related-conversions{padding-top:56px}.utility-card{border-radius:10px;padding:18px 14px}.image-checker-dropzone{min-height:220px;padding:14px}.image-checker-selected{text-align:center;grid-template-columns:1fr;gap:16px}.image-checker-preview{width:min(100%,340px);height:220px;margin-inline:auto}.image-checker-summary{align-items:center;width:100%}.image-checker-summary>strong{width:100%}.image-checker-summary>div{justify-content:center}.ppi-presets{grid-template-columns:repeat(3,1fr)}.ppi-presets label{grid-column:1/-1}.dimension-grid{grid-template-columns:1fr;gap:12px}.dimension-fieldset{padding:16px!important}.preset-toolbar{flex-direction:column;align-items:flex-start}.icon-text-button{justify-content:center;width:100%}.paper-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bleed-options{grid-template-columns:repeat(2,1fr)}.result-panel{grid-template-columns:1fr}.result-panel strong{text-align:left;margin-bottom:7px}.reference-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effective-results{grid-template-columns:1fr}.effective-results p{grid-column:auto}.paper-reference-table{border:0;overflow:visible}.paper-reference-table table,.paper-reference-table tbody,.paper-reference-table tr{display:block}.paper-reference-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.paper-reference-table tr{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin-bottom:9px;padding:14px 16px}.paper-reference-table th,.paper-reference-table td{text-align:right;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:0;display:flex}.paper-reference-table td{color:var(--muted);margin-top:8px;font-size:11px}.paper-reference-table td:before{content:attr(data-label);color:var(--muted);flex:none;font-size:10px;font-weight:400}.guide-grid{grid-template-columns:1fr 1fr}.contact-sheet-editor{gap:12px}.contact-sheet-panel{border-radius:9px;padding:17px 13px}.contact-sheet-dropzone{min-height:190px;padding:16px 10px}.contact-sheet-file-list{max-height:390px}.contact-sheet-file-row{grid-template-columns:28px minmax(0,1fr) 40px;gap:6px;padding:8px 6px}.contact-sheet-segments.columns{gap:5px}.contact-sheet-segments.columns button{padding-inline:4px}.contact-sheet-segments button{padding-inline:6px}.contact-sheet-color>input{width:100%;min-width:0}.contact-sheet-preview-surface{min-height:180px;max-height:520px;padding:8px}.contact-sheet-preview-grid{min-width:0}.contact-sheet-preview-cell>span{padding-inline:2px;font-size:7px}.contact-sheet-reorder-controls{top:2px;right:2px}.contact-sheet-reorder-controls button{min-width:28px;min-height:28px}.utility-page .related-conversions>div{grid-template-columns:1fr}.crop-tool{border-radius:10px;padding:10px}.crop-dropzone{text-align:center;min-height:260px;padding:18px}.crop-toolbar{flex-direction:column;align-items:stretch;gap:13px}.crop-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.crop-toolbar-actions button:first-child{grid-column:1/-1}.crop-editor-shell{min-height:260px;padding:8px}.crop-image-stage>img{max-height:62vh}.crop-help{padding-inline:4px}.crop-output-panel{margin-top:20px;padding:16px 12px}.crop-output-size-fields{grid-template-columns:1fr;gap:10px}.crop-output-size-fields>span{display:none}.crop-how-grid,.crop-feature-grid,.tool-feature-grid{grid-template-columns:1fr}.tool-feature-grid{gap:0}.tool-feature-grid article{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:54px minmax(0,1fr);column-gap:15px;padding:20px 0;display:grid}.tool-feature-grid article:first-child{padding-top:0}.tool-feature-grid article:last-child{border-bottom:0;padding-bottom:0}.tool-feature-icon{grid-row:1/3;margin:0}.tool-feature-grid strong{align-self:end}.tool-feature-grid p{margin-top:5px}.crop-how-grid{gap:9px}.crop-how-grid li,.crop-feature-grid article{padding:17px 16px}.compress-tool{gap:12px}.compress-panel{border-radius:10px;padding:18px 14px}.compress-dropzone{min-height:220px;padding:16px}.compress-file-select{grid-template-columns:36px minmax(0,1fr);gap:8px}.compress-file-format{width:36px;height:36px}.compress-row-status{grid-column:2;width:max-content}.compress-preview-layout{grid-template-columns:1fr;gap:13px}.compress-preview-frame{justify-self:center;max-height:300px}.compress-preview-details{text-align:center}.compress-quality-presets{gap:5px}.compress-size-comparison{text-align:center}.compress-level-guide{grid-template-columns:1fr}.circle-tool{border-radius:10px;padding:10px}.circle-dropzone{min-height:260px;padding:18px}.circle-toolbar{flex-direction:column;align-items:stretch;gap:13px}.circle-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.circle-editor-shell{padding:8px}.circle-controls{margin-top:18px;padding:16px 12px}.circle-size-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.circle-custom-size{grid-template-columns:1fr}.circle-size-input{width:100%}.related-tools-actions,.popular-tools-grid{grid-template-columns:1fr}.color-card-panel{border-radius:10px;padding:18px 14px}.color-card-add-fields{grid-template-columns:1fr;gap:16px}.color-card-mode{width:100%}.color-card-edit-row{grid-template-columns:34px minmax(0,1fr);align-items:start}.color-card-drag-handle{display:none}.color-card-row-swatch{width:34px;height:34px}.color-card-edit-fields{min-width:0}.color-card-row-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.color-card-row-actions button:last-child{grid-column:auto}.color-card-preview-grid{grid-template-columns:1fr}.color-card-preview{width:min(100%,360px);margin-inline:auto}.color-card-preview-info strong{font-size:13px}.color-card-preview-info small{white-space:normal;overflow-wrap:anywhere;font-size:10px}.color-card-download-actions,.color-card-page .tool-how-grid{grid-template-columns:1fr}.color-card-page .tool-how-grid .step-number{width:66px}.qr-code-page .tool-how-grid{grid-template-columns:1fr}.qr-code-page .tool-how-grid .step-number{width:66px}.resize-page .tool-how-grid{grid-template-columns:1fr}.resize-page .tool-how-grid .step-number{width:66px}.contact-sheet-page .tool-how-grid{grid-template-columns:1fr}.contact-sheet-page .tool-how-grid .step-number{width:66px}.favicon-generator-page .tool-how-grid{grid-template-columns:1fr}.favicon-generator-page .tool-how-grid .step-number{width:66px}.pptx-asset-extractor-page .tool-how-grid{grid-template-columns:1fr}.pptx-asset-extractor-page .tool-how-grid .step-number{width:66px}.pdf-asset-extractor-page .tool-how-grid{grid-template-columns:1fr}.pdf-asset-extractor-page .tool-how-grid .step-number{width:66px}.qr-panel{border-radius:10px;padding:18px 14px}.qr-input-grid,.qr-color-grid,.qr-preview-grid,.qr-download-actions{grid-template-columns:1fr}.qr-color-field{grid-template-columns:74px 44px minmax(0,1fr)}.qr-edit-actions{grid-template-columns:1fr 1fr}.qr-preview-card{width:min(100%,360px);margin-inline:auto}.qr-preview-card>small{font-size:10px}.resize-panel{border-radius:10px;padding:18px 14px}.resize-dropzone{min-height:230px}.resize-file-row{grid-template-columns:36px minmax(0,1fr) 40px;gap:8px}.resize-file-icon{width:36px;height:38px}.resize-row-status{grid-column:2;width:max-content}.resize-file-row>button{grid-area:1/3/3}.resize-dimension-fields{grid-template-columns:1fr}.resize-dimension-fields>span{display:none}.resize-format-grid,.resize-quality-grid{grid-template-columns:repeat(2,1fr)}.resize-percent-presets{grid-template-columns:repeat(3,1fr)}.favicon-step{padding:18px 14px}.favicon-source-card{text-align:center;grid-template-columns:1fr;gap:15px}.favicon-source-preview{width:min(100%,300px);height:200px;margin-inline:auto}.favicon-source-info{align-items:center;width:100%}.favicon-source-info>strong{width:100%}.favicon-source-info>div{justify-content:center}.favicon-preview-layout{grid-template-columns:1fr;gap:24px}.favicon-main-preview{margin-inline:auto}.favicon-actual-sizes{justify-content:center;gap:24px}}@media (max-width:460px){.header-note-full{display:none}.header-note-short{display:inline}}@media (max-width:370px){.header-note{gap:0;font-size:0}.conversion-grid,.paper-preset-grid,.guide-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.border-tool{gap:18px;width:min(960px,100%);margin-inline:auto;display:grid}.border-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.border-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.border-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.border-panel-heading h2{margin:0;font-size:18px}.border-panel-heading small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}.border-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:210px;padding:18px;transition:border-color .18s,background-color .18s;display:flex}.border-dropzone.dragging,.border-dropzone:focus-within{border-color:var(--teal);background:var(--teal-soft)}.border-dropzone label{border:1px solid var(--teal);min-width:220px;min-height:76px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.border-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.border-dropzone label small,.border-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.border-dropzone>p{margin:0}.border-file-section{margin-top:18px}.border-file-heading{align-items:center;gap:10px;display:flex}.border-file-heading strong{font-size:12px}.border-file-heading span{color:var(--muted);font-size:9px}.border-file-heading button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}.border-file-list{overscroll-behavior:contain;gap:7px;max-height:390px;margin-top:10px;display:grid;overflow-y:auto}.border-file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.border-file-row.error{background:#fff8f7;border-color:#efd3ce}.border-file-row>span{width:42px;height:42px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.border-file-row>div{min-width:0}.border-file-row strong,.border-file-row small,.border-file-row em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.border-file-row strong{font-size:12px}.border-file-row small{color:var(--muted);margin-top:4px;font-size:9px}.border-file-row em{color:#9a3128;margin-top:4px;font-size:9px;font-style:normal}.border-file-row>b{color:var(--muted);background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:9px}.border-file-row>b.processing{color:#8a5a00;background:#fff5d8}.border-file-row>b.success{color:var(--teal-dark);background:var(--teal-soft)}.border-file-row>b.error{color:#9a3128;background:#fff2f0}.border-file-row>button{border:1px solid var(--line);width:40px;min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:0;font-size:18px}.border-fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.border-fieldset:first-of-type{border-top:0;padding-top:0}.border-fieldset legend{color:var(--ink);margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.border-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.border-segments.three{grid-template-columns:repeat(3,minmax(0,1fr))}.border-segments button,.border-comparison button,.border-detail-nav button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:11px;font-weight:800}.border-segments button.selected,.border-comparison button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.border-segments button strong,.border-segments button small{display:block}.border-segments button small{color:var(--muted);margin-top:4px;font-size:8px;font-weight:500;line-height:1.45}.border-segments.compact button{min-height:42px}.border-control-row{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:end;gap:18px;padding:17px 0;display:grid}.border-control-row-inner{border-top:0;padding:0}.border-control-row>label{min-width:0;color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.border-control-row label>div{background:var(--white);border:1px solid #b8cacc;border-radius:6px;min-width:0;position:relative;overflow:hidden}.border-control-row label input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:44px;padding:0 42px 0 10px;font-size:13px}.border-control-row label div>span{color:var(--muted);pointer-events:none;font-size:10px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.border-control-row label>div:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1b8b8221}.border-range{width:100%;height:44px;accent-color:var(--teal)}.border-help{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.6}.border-color-control{align-items:center;gap:9px;display:flex}.border-color-control>label{flex:1;min-width:0}.border-color-control>label input{border:1px solid var(--line);width:min(220px,100%);min-height:44px;color:var(--ink);background:var(--white);text-transform:uppercase;border-radius:6px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.border-position-fieldset{padding-bottom:0}.border-preview-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.border-preview-heading,.border-detail-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.border-preview-heading strong,.border-detail-heading strong{font-size:12px}.border-preview-heading span,.border-detail-heading span{color:var(--muted);font-size:9px}.border-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.border-preview-card{border:1px solid var(--line);background:var(--white);border-radius:8px;min-width:0;overflow:hidden}.border-preview-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #1b8b821f}.border-preview-card.invalid{border-color:#efd3ce}.border-preview-select{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:8px;display:block}.border-preview-canvas,.border-detail-canvas{background-color:#eef3f3;background-image:linear-gradient(45deg,#dce5e5 25%,#0000 25%),linear-gradient(-45deg,#dce5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce5e5 75%),linear-gradient(-45deg,#0000 75%,#dce5e5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;place-items:center;min-width:0;display:grid;overflow:hidden}.border-preview-canvas{aspect-ratio:4/3;padding:8px}.border-preview-canvas svg{width:100%;height:100%;display:block}.border-preview-canvas>span,.border-detail-canvas>span{color:var(--muted);text-align:center;font-size:9px}.border-preview-copy{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 7px;min-width:0;margin-top:8px;display:grid}.border-preview-copy strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;overflow:hidden}.border-preview-copy small{color:var(--muted);font-size:8px}.border-preview-copy b{color:var(--teal-dark);font-size:10px}.border-preview-card>p{border-top:1px solid var(--line);margin:0;padding:8px 9px;font-size:8px;line-height:1.5}.border-preview-card>p.notice{color:#725200;background:#fff8df}.border-preview-card>p.strong,.border-preview-card>p.error{color:#9a3128;background:#fff2f0}.border-detail{background:#fbfdfd;border:1px solid #b8d7d3;border-radius:8px;margin-top:14px;padding:15px}.border-comparison{grid-template-columns:1fr 1fr;gap:6px;width:min(300px,100%);margin:0 auto 12px;display:grid}.border-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);align-items:center;gap:16px;display:grid}.border-detail-canvas{height:clamp(320px,34vw,440px);padding:14px}.border-detail-canvas svg{width:100%;height:100%;max-height:440px;display:block}.border-detail dl{border:1px solid var(--line);background:var(--line);border-radius:7px;gap:1px;min-width:0;margin:0;display:grid;overflow:hidden}.border-detail dl>div{background:var(--white);grid-template-columns:72px minmax(0,1fr);gap:8px;min-width:0;padding:9px 10px;display:grid}.border-detail dt{color:var(--muted);font-size:9px}.border-detail dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:10px;font-weight:800}.border-clamp-note,.border-detail-warning{text-align:center;border-radius:6px;margin:10px 0 0;padding:9px 10px;font-size:9px;line-height:1.55}.border-clamp-note{color:var(--teal-dark);background:var(--teal-soft)}.border-detail-warning.notice{color:#725200;background:#fff8df}.border-detail-warning.strong{color:#9a3128;background:#fff2f0}.border-detail-nav{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.border-summary{color:var(--muted);text-align:center;margin:0 0 12px;font-size:10px}.border-submit{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;font-size:13px;font-weight:800}.border-submit:hover,.border-result a:hover{background:var(--teal-dark)}.border-progress{min-height:18px;color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.border-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:10px;padding:15px}.border-result strong,.border-result span{display:block}.border-result strong{color:var(--teal-dark);font-size:13px}.border-result span{color:var(--muted);margin-top:4px;font-size:10px}.border-result a{min-height:48px;color:var(--white);background:var(--teal);border-radius:6px;justify-content:center;align-items:center;margin-top:11px;padding:10px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.border-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.border-reset{border:1px solid var(--line);width:100%;min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;margin-top:9px;padding:7px 10px;font-size:10px;font-weight:800}.border-panel button:disabled,.border-panel fieldset:disabled,.border-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.border-panel button:focus-visible,.border-panel input:focus-visible,.border-preview-select:focus-visible,.border-result a:focus-visible,.border-dropzone label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}@media (max-width:800px){.border-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.border-detail-layout{grid-template-columns:1fr}.border-detail dl{width:100%}}@media (max-width:600px){.border-tool{gap:12px}.border-panel{border-radius:10px;padding:18px 14px}.border-dropzone{min-height:220px;padding:16px 10px}.border-file-heading{flex-wrap:wrap;align-items:flex-start}.border-file-heading button{margin-left:auto}.border-file-row{grid-template-columns:36px minmax(0,1fr) 40px;gap:8px;padding:9px 7px}.border-file-row>span{width:36px;height:38px}.border-file-row>b{grid-column:2;width:max-content}.border-file-row>button{grid-area:1/3/3}.border-segments.three{gap:5px}.border-segments.three button{padding-inline:4px}.border-control-row{grid-template-columns:1fr;gap:7px}.border-color-control>label input{width:100%}.border-preview-grid{grid-template-columns:1fr}.border-preview-card{width:min(100%,360px);margin-inline:auto}.border-preview-canvas{aspect-ratio:16/10}.border-detail{padding:12px 9px}.border-detail-canvas{height:clamp(240px,70vw,320px);padding:8px}.border-detail-canvas svg{max-height:340px}}.watermark-tool{gap:18px;width:min(920px,100%);margin-inline:auto;display:grid}.watermark-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.watermark-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.watermark-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.watermark-panel-heading h2{margin:0;font-size:18px}.watermark-panel-heading small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}.watermark-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:210px;padding:18px;transition:border-color .18s,background-color .18s;display:flex}.watermark-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.watermark-dropzone label{border:1px solid var(--teal);min-width:220px;min-height:76px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.watermark-dropzone label[aria-disabled=true],.watermark-logo-input[aria-disabled=true]{cursor:not-allowed;opacity:.58}.watermark-dropzone label small,.watermark-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.watermark-dropzone>p{margin:0}.watermark-file-section{margin-top:18px}.watermark-file-heading{align-items:center;gap:10px;display:flex}.watermark-file-heading strong{font-size:12px}.watermark-file-heading span{color:var(--muted);font-size:9px}.watermark-file-heading button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}.watermark-file-list{overscroll-behavior:contain;gap:7px;max-height:390px;margin-top:10px;display:grid;overflow-y:auto}.watermark-file-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.watermark-file-row.error{background:#fff8f7;border-color:#efd3ce}.watermark-file-row>span,.watermark-logo-file>span{width:42px;height:42px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.watermark-file-row>div,.watermark-logo-file>div{min-width:0}.watermark-file-row strong,.watermark-file-row small,.watermark-file-row em,.watermark-logo-file strong,.watermark-logo-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.watermark-file-row strong,.watermark-logo-file strong{font-size:12px}.watermark-file-row small,.watermark-logo-file small{color:var(--muted);margin-top:4px;font-size:9px}.watermark-file-row em{color:#9a3128;margin-top:4px;font-size:9px;font-style:normal}.watermark-file-row>b{color:var(--muted);background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:9px}.watermark-file-row>b.processing{color:#8a5a00;background:#fff5d8}.watermark-file-row>b.success{color:var(--teal-dark);background:var(--teal-soft)}.watermark-file-row>b.error{color:#9a3128;background:#fff2f0}.watermark-file-row>button,.watermark-logo-file>button{border:1px solid var(--line);width:40px;min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:0;font-size:18px}.watermark-fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.watermark-fieldset:first-of-type{border-top:0;padding-top:0}.watermark-fieldset legend{color:var(--ink);margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.watermark-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.watermark-segments.three{grid-template-columns:repeat(3,minmax(0,1fr))}.watermark-segments button,.watermark-detail-nav button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:11px;font-weight:800}.watermark-segments button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.watermark-text-input{min-width:0;color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.watermark-text-input input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--white);border:1px solid #b8cacc;border-radius:6px;padding:9px 11px;font-size:13px}.watermark-text-input small{color:var(--muted);text-align:right;font-size:9px;font-weight:500}.watermark-logo-dropzone{border-radius:8px}.watermark-logo-dropzone.dragging{box-shadow:0 0 0 3px #1b8b8226}.watermark-logo-input{border:1px dashed var(--teal);min-height:96px;color:var(--teal-dark);cursor:pointer;text-align:center;background:#fbfdfd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:14px;display:flex}.watermark-logo-dropzone.dragging .watermark-logo-input{background:var(--teal-soft)}.watermark-logo-input strong{font-size:12px}.watermark-logo-input small{color:var(--muted);font-size:9px;font-weight:500}.watermark-logo-file{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:9px;min-width:0;margin-top:9px;padding:9px;display:grid}.watermark-color-control{align-items:center;gap:9px;display:flex}.watermark-color-control>label{flex:1;min-width:0}.watermark-color-control>label input{border:1px solid var(--line);width:min(220px,100%);min-height:44px;color:var(--ink);background:var(--white);text-transform:uppercase;border-radius:6px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.watermark-control-row{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:end;gap:18px;padding:17px 0;display:grid}.watermark-control-row>label{min-width:0;color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.watermark-control-row label>div{background:var(--white);border:1px solid #b8cacc;border-radius:6px;min-width:0;position:relative;overflow:hidden}.watermark-control-row label input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:44px;padding:0 42px 0 10px;font-size:13px}.watermark-control-row label div>span{color:var(--muted);pointer-events:none;font-size:10px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.watermark-control-row label>div:focus-within,.watermark-text-input input:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #1b8b8221}.watermark-range{width:100%;height:44px;accent-color:var(--teal)}.watermark-preview-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.watermark-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.watermark-preview-heading strong{font-size:12px}.watermark-preview-heading span{color:var(--muted);font-size:9px}.watermark-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.watermark-preview-card{border:1px solid var(--line);background:var(--white);border-radius:8px;min-width:0;overflow:hidden}.watermark-preview-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #1b8b821f}.watermark-preview-select{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:8px;display:block}.watermark-preview-canvas,.watermark-detail-canvas{background-color:#eef3f3;background-image:linear-gradient(45deg,#dce5e5 25%,#0000 25%),linear-gradient(-45deg,#dce5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce5e5 75%),linear-gradient(-45deg,#0000 75%,#dce5e5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;place-items:center;min-width:0;display:grid;overflow:hidden}.watermark-preview-canvas{aspect-ratio:4/3;padding:8px}.watermark-preview-canvas img,.watermark-detail-canvas img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.trim-transparent-png-page .watermark-preview-canvas img{object-fit:contain;object-position:center;width:100%;height:100%}.watermark-preview-canvas>span,.watermark-detail-canvas>span{color:var(--muted);text-align:center;font-size:9px}.watermark-preview-copy{min-width:0;margin-top:8px;display:block}.watermark-preview-copy strong,.watermark-preview-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.watermark-preview-copy strong{font-size:11px}.watermark-preview-copy small{color:var(--muted);margin-top:3px;font-size:8px}.watermark-preview-card>p{border-top:1px solid var(--line);color:#9a3128;background:#fff2f0;margin:0;padding:8px 9px;font-size:8px;line-height:1.5}.watermark-detail{background:#fbfdfd;border:1px solid #b8d7d3;border-radius:8px;margin-top:14px;padding:15px}.watermark-detail.single{margin-top:0}.watermark-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);align-items:center;gap:16px;display:grid}.watermark-detail-canvas{width:min(100%,640px);height:auto;margin-inline:auto;padding:0}.watermark-detail-canvas.portrait{width:min(100%,360px)}.watermark-detail-canvas.square{width:min(100%,440px)}.watermark-detail-canvas img{width:100%;height:100%}.watermark-detail dl{border:1px solid var(--line);background:var(--line);border-radius:7px;gap:1px;min-width:0;margin:0;display:grid;overflow:hidden}.watermark-detail dl>div{background:var(--white);grid-template-columns:72px minmax(0,1fr);gap:8px;min-width:0;padding:9px 10px;display:grid}.watermark-detail dt{color:var(--muted);font-size:9px}.watermark-detail dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:10px;font-weight:800}.watermark-detail-nav{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.watermark-help{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.6}.watermark-summary{color:var(--muted);text-align:center;margin:0 0 12px;font-size:10px}.watermark-submit{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;font-size:13px;font-weight:800}.watermark-submit:hover,.watermark-result a:hover{background:var(--teal-dark)}.watermark-progress{min-height:18px;color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.watermark-result{background:var(--teal-soft);text-align:center;border:1px solid #b8d7d3;border-radius:7px;margin-top:10px;padding:15px}.watermark-result strong,.watermark-result span{display:block}.watermark-result strong{color:var(--teal-dark);font-size:13px}.watermark-result span{color:var(--muted);margin-top:4px;font-size:10px}.watermark-result a{min-height:48px;color:var(--white);background:var(--teal);border-radius:6px;justify-content:center;align-items:center;margin-top:11px;padding:10px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.watermark-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.watermark-reset{border:1px solid var(--line);width:100%;min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;margin-top:9px;padding:7px 10px;font-size:10px;font-weight:800}.watermark-panel button:disabled,.watermark-panel fieldset:disabled{cursor:not-allowed;opacity:.58}.watermark-panel button:focus-visible,.watermark-panel input:focus-visible,.watermark-preview-select:focus-visible,.watermark-result a:focus-visible,.watermark-dropzone label:focus-within,.watermark-logo-dropzone:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}@media (max-width:800px){.watermark-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watermark-detail-layout{grid-template-columns:1fr}}@media (max-width:600px){.watermark-tool{gap:12px}.watermark-panel{border-radius:10px;padding:18px 14px}.watermark-dropzone{min-height:220px;padding:16px 10px}.watermark-file-heading{flex-wrap:wrap;align-items:flex-start}.watermark-file-heading button{margin-left:auto}.watermark-file-row{grid-template-columns:36px minmax(0,1fr) 40px;gap:8px;padding:9px 7px}.watermark-file-row>span{width:36px;height:38px}.watermark-file-row>b{grid-column:2;width:max-content}.watermark-file-row>button{grid-area:1/3/3}.watermark-control-row{grid-template-columns:1fr;gap:7px}.watermark-color-control>label input{width:100%}.watermark-preview-grid{grid-template-columns:1fr}.watermark-preview-card{width:min(100%,360px);margin-inline:auto}.watermark-preview-canvas{aspect-ratio:16/10}.watermark-detail{padding:12px 9px}.watermark-detail-canvas,.watermark-detail-canvas.portrait,.watermark-detail-canvas.square{width:100%}}.composition-guide-tool{gap:18px;width:min(980px,100%);margin-inline:auto;display:grid}.composition-guide-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.composition-guide-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.composition-guide-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.composition-guide-panel-heading h2{margin:0;font-size:18px}.composition-guide-panel-heading small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:800}.composition-guide-panel fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.composition-guide-panel fieldset:first-of-type{border-top:0;padding-top:0}.composition-guide-panel legend{color:var(--ink);margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.composition-option-grid{gap:7px;display:grid}.composition-option-grid.aspect{grid-template-columns:repeat(6,minmax(0,1fr))}.composition-option-grid.resolution{grid-template-columns:repeat(4,minmax(0,1fr))}.composition-option-grid button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:10px;font-weight:800}.composition-option-grid button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.composition-dimension-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:end;gap:9px;padding-top:17px;display:grid}.composition-dimension-row label,.composition-style-grid label{min-width:0;color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.composition-dimension-row input,.composition-style-grid input:not([type=range]){width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border:1px solid #b8cacc;border-radius:6px;padding:0 10px;font-size:12px}.composition-dimension-row>button{border:1px solid var(--line);width:44px;height:44px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:6px;font-size:18px}.composition-overlay-dropzone{text-align:center;background:#fbfdfd;border:1px dashed #8eafad;border-radius:8px;margin-top:17px;padding:14px}.composition-overlay-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.composition-overlay-dropzone>label{min-height:72px;color:var(--teal-dark);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.composition-overlay-dropzone>label strong{font-size:12px}.composition-overlay-dropzone>label small,.composition-overlay-dropzone>p,.composition-overlay-file small{color:var(--muted);font-size:9px}.composition-overlay-dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.composition-overlay-dropzone>p{margin:4px 0 0}.composition-overlay-file{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:9px;display:flex}.composition-overlay-file>div{min-width:0}.composition-overlay-file strong,.composition-overlay-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.composition-overlay-file strong{font-size:11px}.composition-overlay-file button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;flex:none;padding:7px 10px;font-size:9px;font-weight:800}.composition-preset-groups{gap:20px;display:grid}.composition-preset-groups>section{min-width:0}.composition-preset-groups h3{color:var(--ink);margin:0 0 9px;font-size:11px}.composition-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.composition-preset-grid>button{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--white);cursor:pointer;border-radius:8px;padding:8px;overflow:hidden}.composition-preset-grid>button.selected{border-color:var(--teal);box-shadow:0 0 0 2px #1b8b821f}.composition-preset-grid canvas{background:#eef6f5;border-radius:5px;width:100%;height:auto;display:block}.composition-preset-grid strong{place-items:center;min-height:30px;margin-top:7px;font-size:9px;line-height:1.45;display:grid}.composition-style-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px;padding-top:17px;display:grid}.composition-color-field{min-width:0;color:var(--muted);gap:7px;font-size:9px;font-weight:800;display:grid}.composition-color-presets{grid-template-columns:repeat(6,32px);gap:6px;display:grid}.composition-color-presets button{border:2px solid var(--white);width:32px;height:32px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.composition-color-presets button.selected{box-shadow:0 0 0 2px var(--teal)}.composition-color-control{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.composition-color-control .color-card-swatch-control{width:44px;height:44px}.composition-color-control .color-card-swatch{width:28px;height:28px}.composition-range-field{min-width:0;color:var(--muted);grid-template-columns:1fr;align-content:start;gap:7px;font-size:9px;font-weight:800;display:grid}.composition-range-field>span{color:var(--muted)}.composition-range-field>input[type=range]{width:100%;min-width:0;height:28px;accent-color:var(--teal)}.composition-range-field>label{width:100%;display:block;position:relative}.composition-style-grid .composition-range-field>label>input{padding-right:52px}.composition-range-field>label>span:last-child{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.composition-preview{border:1px solid var(--line);border-radius:9px;place-items:center;width:100%;min-height:360px;padding:16px;display:grid;overflow:hidden}.composition-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:620px;display:block}.composition-preview>span{color:var(--muted);text-align:center;font-size:11px}.composition-step-3-heading{align-items:flex-start}.composition-step-3-heading .composition-transform{background:0 0;border:0;min-width:220px;margin:0 0 0 auto;padding:0}.composition-step-3-heading .composition-transform legend{margin:0 0 6px;font-size:9px}.composition-flip-options{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.composition-flip-options label{min-height:36px;color:var(--ink);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.composition-flip-options input{width:20px;height:20px;accent-color:var(--teal)}.composition-overlay-note,.composition-export-size{color:var(--muted);text-align:center;margin:10px 0 0;font-size:10px}.composition-overlay-note{color:var(--teal-dark);font-weight:800}.composition-download-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.composition-download-grid button{text-align:center;border:1px solid var(--teal);width:100%;min-height:48px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:10px;font-size:11px;font-weight:800;display:flex}.composition-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:12px 0 0;padding:10px;font-size:10px;line-height:1.6}.composition-guide-panel button:disabled,.composition-guide-panel fieldset:disabled{cursor:not-allowed;opacity:.58}.composition-guide-panel button:focus-visible,.composition-guide-panel input:focus-visible,.composition-guide-panel select:focus-visible,.composition-overlay-dropzone label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}@media (max-width:800px){.composition-option-grid.aspect{grid-template-columns:repeat(4,minmax(0,1fr))}.composition-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-style-grid{grid-template-columns:1fr}.composition-style-grid>*,.composition-range-field>input[type=range],.composition-range-field>label{width:100%}.composition-step-3-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.composition-step-3-heading .composition-transform{grid-column:1/-1;width:100%;min-width:0;margin:8px 0 0}}@media (max-width:600px){.composition-guide-tool{gap:12px}.composition-guide-panel{border-radius:10px;padding:18px 14px}.composition-guide-panel-heading{flex-wrap:wrap;align-items:flex-start}.composition-guide-panel-heading small{width:100%;margin-left:21px}.composition-option-grid.aspect{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-option-grid.resolution{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-dimension-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:6px}.composition-dimension-row>button{width:40px}.composition-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-color-presets{grid-template-columns:repeat(6,minmax(0,32px))}.composition-flip-options{align-items:flex-start}.composition-preview{min-height:240px;padding:8px}.composition-preview img{max-height:440px}.composition-download-grid{grid-template-columns:1fr}}.pptx-extractor{gap:18px;width:min(1080px,100%);margin-inline:auto;display:grid}.pptx-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.pptx-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.pptx-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.pptx-panel-heading h2{margin:0;font-size:18px}.pptx-panel-heading small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:800}.pptx-file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pptx-dropzone{min-height:230px;color:var(--teal-dark);text-align:center;cursor:pointer;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.pptx-dropzone:hover,.pptx-dropzone:focus-visible,.pptx-dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.pptx-dropzone:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.pptx-dropzone svg{fill:currentColor;width:38px;height:38px;margin-bottom:5px}.pptx-dropzone strong{font-size:15px}.pptx-dropzone span{font-size:12px;font-weight:700}.pptx-dropzone u{color:var(--teal);text-underline-offset:3px;font-weight:800}.pptx-dropzone small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.6}.pptx-source-file{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.pptx-source-file>span{width:52px;height:48px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.pptx-source-file>div{min-width:0}.pptx-source-file strong,.pptx-source-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pptx-source-file strong{font-size:12px}.pptx-source-file small{color:var(--muted);margin-top:4px;font-size:9px}.pptx-source-file button,.pptx-selection-bar button,.pptx-pagination button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;padding:8px 11px;font-size:10px;font-weight:800}.pptx-source-file button:disabled,.pptx-pagination button:disabled{cursor:not-allowed;opacity:.5}.pptx-browser-note,.pptx-download-note,.pptx-excluded{color:var(--muted);text-align:center;margin:12px 0 0;font-size:10px;line-height:1.65}.pptx-browser-note{color:var(--teal-dark);font-weight:700}.pptx-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:7px;margin:12px 0 0;padding:10px 12px;font-size:10px;line-height:1.6}.pptx-empty,.pptx-empty-state{border:1px dashed var(--line);color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;margin:0;padding:34px 18px;font-size:11px;line-height:1.7}.pptx-empty-state strong{color:var(--ink);font-size:13px}.pptx-empty-state p{margin:8px 0 0}.pptx-toolbar{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);align-items:end;gap:14px;display:grid}.pptx-category-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.pptx-category-filter button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:10px;font-weight:800}.pptx-category-filter button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.pptx-search{min-width:0;color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.pptx-search input{width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border:1px solid #b8cacc;border-radius:6px;padding:9px 11px;font-size:11px}.pptx-selection-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:16px 0 12px;padding-top:14px;display:flex}.pptx-selection-bar p{color:var(--muted);margin:0;font-size:10px}.pptx-selection-bar p strong{color:var(--teal-dark)}.pptx-selection-bar>div{gap:7px;display:flex}.pptx-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pptx-asset-card{content-visibility:auto;contain-intrinsic-size:310px;border:1px solid var(--line);background:var(--white);border-radius:9px;min-width:0;overflow:hidden}.pptx-asset-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #1b8b821f}.pptx-asset-preview{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#eef3f3;place-items:center;width:100%;display:grid;overflow:hidden}.pptx-asset-preview img,.pptx-asset-preview video{object-fit:contain;width:100%;height:100%;display:block}.pptx-asset-preview audio{width:calc(100% - 20px);max-width:100%}.pptx-preview-placeholder,.pptx-preview-icon{width:58px;height:58px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:10px;place-items:center;font-size:9px;font-weight:900;display:grid}.pptx-preview-placeholder{width:auto;height:auto;color:var(--muted);padding:9px 11px}.pptx-asset-card-body{min-width:0;padding:12px}.pptx-asset-checkbox{cursor:pointer;min-height:38px;color:var(--ink);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.pptx-asset-checkbox input{width:20px;height:20px;accent-color:var(--teal);flex:none}.pptx-asset-badges{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.pptx-asset-badges span,.pptx-asset-badges strong{color:var(--muted);background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.pptx-asset-badges strong{color:var(--teal-dark);background:var(--teal-soft)}.pptx-asset-card h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:11px;overflow:hidden}.pptx-asset-meta{color:var(--muted);flex-wrap:wrap;gap:5px 9px;margin:7px 0 0;font-size:9px;display:flex}.pptx-asset-usages{border-top:1px solid var(--line);flex-wrap:wrap;gap:5px;margin:10px 0 0;padding:9px 0 0;list-style:none;display:flex}.pptx-asset-usages li{color:var(--muted);background:var(--surface);border-radius:4px;padding:4px 6px;font-size:8px;line-height:1.4}.pptx-asset-warning{color:#7b620b;margin:8px 0 0;font-size:8px;line-height:1.5}.pptx-pagination{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.pptx-pagination span{color:var(--muted);font-size:10px;font-weight:800}.pptx-download-summary{color:var(--muted);text-align:center;margin:0 0 14px;font-size:11px}.pptx-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.pptx-download-actions button{border:1px solid var(--teal);width:100%;min-height:50px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;padding:10px;font-size:11px;font-weight:800}.pptx-download-actions button:hover{background:var(--teal-dark)}.pptx-download-actions button:disabled{cursor:not-allowed;opacity:.5}.pptx-panel button:focus-visible,.pptx-panel input:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.pptx-information-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pptx-information-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:20px}.pptx-information-grid h3{margin:0;font-size:13px}.pptx-information-grid p{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.8}.pdf-category-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-category-filter button span{color:var(--muted);font-size:9px}.pdf-asset-preview.image{background-color:#fff;background-image:linear-gradient(45deg,#edf1f2 25%,#0000 25%),linear-gradient(-45deg,#edf1f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f2 75%),linear-gradient(-45deg,#0000 75%,#edf1f2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.pdf-reconstruction-note{color:var(--teal-dark);margin:8px 0 0;font-size:8px;font-weight:800;line-height:1.5}.pptx-asset-badges .pdf-danger-badge{color:#725200;background:#fff3c4}.pdf-loading{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.pdf-unsupported-summary{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:8px;margin-top:18px;padding:14px 16px;font-size:10px;line-height:1.7}.pdf-unsupported-summary strong{color:var(--ink)}.pdf-unsupported-summary ul{flex-wrap:wrap;gap:4px 24px;margin:7px 0 0;padding-left:18px;display:flex}.pdf-download-actions{grid-template-columns:1fr}.pdf-danger-note{color:#725200;text-align:center;background:#fff8df;border-radius:7px;margin:12px 0 0;padding:10px 12px;font-size:9px;line-height:1.6}@media (max-width:900px){.pptx-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pptx-information-grid{grid-template-columns:1fr}}@media (max-width:640px){.pptx-extractor{gap:12px}.pptx-panel{border-radius:10px;padding:18px 14px}.pptx-panel-heading{flex-wrap:wrap;align-items:flex-start}.pptx-panel-heading small{margin-left:auto}.pptx-dropzone{min-height:210px;padding:16px 10px}.pptx-source-file{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;padding:9px 7px}.pptx-source-file>span{width:44px;height:44px}.pptx-source-file button:last-child{grid-area:2/3}.pptx-source-file button:nth-last-child(2){grid-area:1/3}.pptx-source-file>div{grid-row:1/3}.pptx-toolbar{grid-template-columns:1fr}.pptx-category-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.pptx-selection-bar{flex-direction:column;align-items:flex-start}.pptx-selection-bar>div{width:100%}.pptx-selection-bar button{flex:1}.pptx-asset-grid{grid-template-columns:1fr}.pptx-asset-card{width:min(100%,420px);margin-inline:auto}.pptx-download-actions{grid-template-columns:1fr}}.office-image-extractor{gap:18px;width:min(1120px,100%);margin-inline:auto;display:grid}.office-loading{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.office-summary{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.office-summary>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:7px;min-width:0;padding:12px 8px}.office-summary dt{color:var(--muted);font-size:8px;font-weight:800;line-height:1.4}.office-summary dd{color:var(--teal-dark);margin:5px 0 0;font-size:14px;font-weight:900}.office-original-note,.office-warning{text-align:center;border-radius:7px;margin:10px 0 0;padding:10px 12px;font-size:9px;line-height:1.65}.office-original-note{color:var(--teal-dark);background:var(--teal-soft);font-weight:800}.office-warning{color:#725200;background:#fff8df}.office-toolbar{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:end;gap:14px;margin-top:18px;display:grid}.office-filter{border:0;min-width:0;margin:0;padding:0}.office-filter legend{color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:800}.office-filter>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.office-filter button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px 5px;font-size:9px;font-weight:800}.office-filter button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.office-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.office-asset-card{content-visibility:auto;contain-intrinsic-size:360px;border:1px solid var(--line);background:var(--white);border-radius:9px;min-width:0;overflow:hidden}.office-asset-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #1b8b821f}.office-asset-preview{aspect-ratio:4/3;border-bottom:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#edf1f2 25%,#0000 25%),linear-gradient(-45deg,#edf1f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f2 75%),linear-gradient(-45deg,#0000 75%,#edf1f2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;width:100%;display:grid;overflow:hidden}.office-asset-preview img{object-fit:contain;width:100%;height:100%;display:block}.office-preview-placeholder{color:var(--muted);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;padding:9px 11px;font-size:8px;font-weight:800}.office-format-icon{width:76px;min-height:64px;color:var(--teal-dark);background:var(--white);text-align:center;border:1px solid #b8d7d3;border-radius:10px;place-items:center;gap:5px;padding:10px 7px;font-size:11px;font-weight:900;display:grid}.office-format-icon small{color:var(--muted);font-size:7px;line-height:1.35}.office-asset-card-body{min-width:0;padding:12px}.office-asset-checkbox{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.office-asset-checkbox input{width:20px;height:20px;accent-color:var(--teal);flex:none}.office-asset-badges{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.office-asset-badges span,.office-asset-badges strong{color:var(--muted);background:#e9eef0;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.office-asset-badges strong{color:#725200;background:#fff3c4}.office-asset-card h3{overflow-wrap:anywhere;color:var(--ink);margin:10px 0 0;font-size:11px;line-height:1.45}.office-asset-meta{color:var(--muted);flex-wrap:wrap;gap:5px 9px;margin:7px 0 0;font-size:8px;display:flex}.office-usage-count{color:var(--teal-dark);margin:9px 0 0;font-size:9px;font-weight:800}.office-duplicate-note,.office-object-info{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:8px;line-height:1.55}.office-duplicate-note{color:#725200}.office-object-info strong{color:var(--ink);font-size:7px;display:block}.office-usage-details{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.office-usage-details summary{min-height:38px;color:var(--teal-dark);cursor:pointer;align-items:center;font-size:8px;font-weight:800;display:flex}.office-usage-details ul{color:var(--muted);margin:4px 0 0;padding-left:16px;font-size:8px;line-height:1.6}.office-download-action{justify-content:center;display:flex}.office-download-action button{border:1px solid var(--teal);width:min(520px,100%);min-height:50px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;padding:10px;font-size:11px;font-weight:800}.office-download-action button:hover{background:var(--teal-dark)}.office-download-action button:disabled{cursor:not-allowed;opacity:.5}.office-completion{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800;line-height:1.6}.office-completion span{color:var(--muted);margin-left:7px;font-size:8px}.office-image-extractor button:focus-visible,.office-image-extractor input:focus-visible,.office-image-extractor summary:focus-visible{outline-offset:2px;outline:3px solid #9fd3ce}.office-image-extractor-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-image-extractor-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.office-image-extractor-page .tool-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-extractor-information>p{border:1px solid var(--line);width:min(760px,100%);color:var(--muted);background:var(--surface);text-align:center;border-radius:10px;margin:0 auto;padding:18px 20px;font-size:11px;line-height:1.9}@media (max-width:900px){.office-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.office-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-toolbar{grid-template-columns:1fr}}@media (max-width:640px){.office-image-extractor-page .tool-how-grid,.office-image-extractor-page .tool-feature-grid{grid-template-columns:1fr}.office-image-extractor-page .tool-how-grid .step-number{width:66px}.office-image-extractor{gap:12px}.office-summary,.office-filter>div{grid-template-columns:repeat(2,minmax(0,1fr))}.office-asset-grid{grid-template-columns:1fr}.office-asset-card{width:min(100%,420px);margin-inline:auto}.office-completion span{margin-left:0;display:block}}.image-split-tool{gap:18px;width:min(980px,100%);margin-inline:auto;display:grid}.image-split-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.image-split-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.image-split-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.image-split-panel-heading h2{margin:0;font-size:18px}.image-split-panel-heading small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:800}.image-split-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.image-split-dropzone.dragging,.image-split-dropzone:focus-within{border-color:var(--teal);background:var(--teal-soft)}.image-split-dropzone label{border:1px solid var(--teal);min-width:230px;min-height:78px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.image-split-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.image-split-dropzone label small,.image-split-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.image-split-dropzone>p{margin:0}.image-split-source-file{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.image-split-source-file>span{width:52px;height:48px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.image-split-source-file>div{min-width:0}.image-split-source-file strong,.image-split-source-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-split-source-file strong{font-size:12px}.image-split-source-file small{color:var(--muted);margin-top:4px;font-size:9px}.image-split-source-file label,.image-split-source-file button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.image-split-source-file label[aria-disabled=true],.image-split-source-file button:disabled{cursor:not-allowed;opacity:.5}.image-split-browser-note{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:700;line-height:1.65}.image-split-empty{border:1px dashed var(--line);color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;margin:0;padding:34px 18px;font-size:11px;line-height:1.7}.image-split-empty strong{color:var(--ink);font-size:13px}.image-split-fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.image-split-fieldset:first-of-type{border-top:0;padding-top:0}.image-split-fieldset legend{color:var(--ink);margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.image-split-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.image-split-preset-grid{gap:7px;display:grid}.image-split-preset-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.image-split-mode-grid button,.image-split-preset-grid button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:10px;font-weight:800}.image-split-mode-grid button.selected,.image-split-preset-grid button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.image-split-custom-grid{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:end;gap:8px;width:min(520px,100%);display:grid}.image-split-custom-grid label{min-width:0;color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.image-split-custom-grid input{width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border:1px solid #b8cacc;border-radius:6px;padding:0 10px;font-size:12px}.image-split-custom-grid>span{height:44px;color:var(--muted);place-items:center;font-size:12px;display:grid}.image-split-help{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.6}.image-split-preview-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;padding-top:18px;display:flex}.image-split-preview-heading strong{font-size:12px}.image-split-preview-heading label{min-height:40px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.image-split-preview-heading input{width:20px;height:20px;accent-color:var(--teal)}.image-split-preview{border:1px solid var(--line);background-color:#eef3f3;background-image:linear-gradient(45deg,#dce5e5 25%,#0000 25%),linear-gradient(-45deg,#dce5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce5e5 75%),linear-gradient(-45deg,#0000 75%,#dce5e5 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:9px;place-items:center;width:100%;height:clamp(280px,54vw,560px);padding:14px;display:grid}.image-split-preview img{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0;display:block}.image-split-preview>span{color:var(--muted);text-align:center;font-size:11px}.image-split-count{color:var(--teal-dark);text-align:center;margin:10px 0 0;font-size:11px;font-weight:800}.image-split-loading{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:8px;gap:7px;padding:30px 16px;display:grid}.image-split-loading strong{color:var(--teal-dark);font-size:12px}.image-split-loading span{color:var(--muted);font-size:9px}.image-split-thumbnail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.image-split-thumbnail-card{border:1px solid var(--line);background:var(--white);border-radius:8px;min-width:0;overflow:hidden}.image-split-thumbnail-image{aspect-ratio:4/3;border-bottom:1px solid var(--line);background-color:#eef3f3;background-image:linear-gradient(45deg,#dce5e5 25%,#0000 25%),linear-gradient(-45deg,#dce5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce5e5 75%),linear-gradient(-45deg,#0000 75%,#dce5e5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;place-items:center;width:100%;padding:8px;display:grid;overflow:hidden}.image-split-thumbnail-image img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-split-thumbnail-copy{gap:4px;min-width:0;padding:10px;display:grid}.image-split-thumbnail-copy strong{color:var(--teal-dark);font-size:11px}.image-split-thumbnail-copy span{color:var(--ink);font-size:9px;font-weight:800}.image-split-thumbnail-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.image-split-thumbnail-card>button{border:1px solid var(--teal);width:calc(100% - 16px);min-height:40px;color:var(--teal-dark);background:var(--teal-soft);cursor:pointer;border-radius:6px;margin:0 8px 8px;padding:8px;font-size:9px;font-weight:800}.image-split-zip-button{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;margin-top:18px;padding:12px;font-size:12px;font-weight:800}.image-split-zip-button:hover{background:var(--teal-dark)}.image-split-status{min-height:18px;color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.image-split-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.image-split-panel button:disabled,.image-split-panel fieldset:disabled{cursor:not-allowed;opacity:.58}.image-split-panel button:focus-visible,.image-split-panel input:focus-visible,.image-split-panel label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}.image-split-page .tool-how-grid{grid-template-columns:repeat(3,1fr)}.image-split-page .tool-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}@media (max-width:900px){.image-split-thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-split-page .tool-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.image-split-tool{gap:12px}.image-split-panel{border-radius:10px;padding:18px 14px}.image-split-dropzone{min-height:220px;padding:16px 10px}.image-split-source-file{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;padding:9px 7px}.image-split-source-file>span{width:44px;height:44px}.image-split-source-file>div{grid-row:1/3}.image-split-source-file label{grid-area:1/3}.image-split-source-file button{grid-area:2/3}.image-split-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-split-mode-grid button:last-child{grid-column:1/-1}.image-split-preview-heading{flex-direction:column;align-items:flex-start;gap:4px}.image-split-preview{height:clamp(250px,82vw,420px);padding:8px}.image-split-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-split-page .tool-how-grid,.image-split-page .tool-feature-grid{grid-template-columns:1fr}.image-split-page .tool-how-grid .step-number{width:66px}}@media (max-width:370px){.image-split-thumbnail-grid{grid-template-columns:1fr}.image-split-thumbnail-card{width:min(100%,320px);margin-inline:auto}}.image-padding-tool{gap:18px;width:min(1040px,100%);margin-inline:auto;display:grid}.image-padding-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.image-padding-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.image-padding-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.image-padding-panel-heading h2{margin:0;font-size:18px}.image-padding-panel-heading small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:800}.image-padding-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.image-padding-dropzone.dragging,.image-padding-dropzone:focus-within{border-color:var(--teal);background:var(--teal-soft)}.image-padding-dropzone label{border:1px solid var(--teal);min-width:230px;min-height:78px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.image-padding-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.image-padding-dropzone label small,.image-padding-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.image-padding-dropzone>p{margin:0}.image-padding-source-file{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.image-padding-source-file>span{width:52px;height:48px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.image-padding-source-file>div{min-width:0}.image-padding-source-file strong,.image-padding-source-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-padding-source-file strong{font-size:12px}.image-padding-source-file small{color:var(--muted);margin-top:4px;font-size:9px}.image-padding-source-file label,.image-padding-source-file button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.image-padding-source-file label[aria-disabled=true],.image-padding-source-file button:disabled{cursor:not-allowed;opacity:.5}.image-padding-browser-note{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:700;line-height:1.65}.image-padding-empty{border:1px dashed var(--line);color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;margin:0;padding:34px 18px;font-size:11px;line-height:1.7}.image-padding-empty strong{color:var(--ink);font-size:13px}.image-padding-fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.image-padding-fieldset:first-of-type{border-top:0;padding-top:0}.image-padding-fieldset legend{color:var(--ink);margin-bottom:9px;padding:0;font-size:10px;font-weight:900}.image-padding-mode-grid,.image-padding-submode-grid,.image-padding-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.image-padding-mode-grid button,.image-padding-submode-grid button,.image-padding-preset-grid button,.image-padding-ratio-grid button,.image-padding-background-grid button,.image-padding-output-grid button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:8px;font-size:10px;font-weight:800}.image-padding-mode-grid button.selected,.image-padding-submode-grid button.selected,.image-padding-ratio-grid button.selected,.image-padding-background-grid button.selected,.image-padding-output-grid button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.image-padding-config-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;min-width:0;margin-top:2px;display:grid}.image-padding-controls,.image-padding-preview-column{min-width:0}.image-padding-number-grid,.image-padding-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.image-padding-number-grid.all{grid-template-columns:1fr}.image-padding-number-grid.individual{grid-template-columns:repeat(2,minmax(0,1fr))}.image-padding-number-grid label,.image-padding-size-grid label{min-width:0;color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.image-padding-number-grid label>div,.image-padding-size-grid label>div{min-width:0;position:relative}.image-padding-number-grid input,.image-padding-size-grid input{width:100%;min-width:0;height:44px;color:var(--ink);background:var(--white);border:1px solid #b8cacc;border-radius:6px;padding:9px 42px 9px 10px;font-size:12px;font-weight:700}.image-padding-number-grid b,.image-padding-size-grid b{color:var(--muted);pointer-events:none;font-size:9px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.image-padding-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.image-padding-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.image-padding-help{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.6}.image-padding-anchor-grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:6px;width:min(210px,100%);display:grid}.image-padding-anchor-grid button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:6px;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.image-padding-anchor-grid button span{background:#b5c4c6;border-radius:50%;width:9px;height:9px}.image-padding-anchor-grid button.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal)}.image-padding-anchor-grid button.selected span{background:var(--teal-dark)}.image-padding-background-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.image-padding-color-control{align-items:center;gap:9px;margin-top:10px;display:flex}.image-padding-color-control>label{flex:1;min-width:0}.image-padding-color-control>label input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--white);text-transform:uppercase;border-radius:6px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.image-padding-color-control .color-card-swatch-control{width:44px;height:44px}.image-padding-color-control .color-card-swatch{width:28px;height:28px}.image-padding-preview-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.image-padding-preview-heading strong{font-size:12px}.image-padding-preview-heading small{color:var(--muted);font-size:9px;font-weight:800}.image-padding-preview{border:1px solid var(--line);background:#eef3f3;border-radius:9px;place-items:center;width:100%;height:clamp(340px,48vw,560px);padding:14px;display:grid}.image-padding-preview img{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0;display:block}.image-padding-preview>span{color:var(--muted);text-align:center;font-size:11px}.image-padding-preview-info{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:11px;display:grid}.image-padding-preview-info div{min-width:0}.image-padding-preview-info span,.image-padding-preview-info strong{display:block}.image-padding-preview-info span{color:var(--muted);font-size:9px;font-weight:700}.image-padding-preview-info strong{margin-top:3px;font-size:12px}.image-padding-preview-info b{color:#94a3a8;font-size:11px}.image-padding-edge-info{color:var(--muted);text-align:center;margin:8px 0 0;font-size:9px;line-height:1.6}.image-padding-download-summary{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;display:grid}.image-padding-download-summary div{min-width:0}.image-padding-download-summary span,.image-padding-download-summary strong{display:block}.image-padding-download-summary span{color:var(--muted);font-size:9px;font-weight:700}.image-padding-download-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.image-padding-download-button{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;margin-top:14px;padding:12px;font-size:12px;font-weight:800}.image-padding-download-button:hover{background:var(--teal-dark)}.image-padding-status{min-height:18px;color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:800}.image-padding-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.image-padding-panel button:disabled,.image-padding-panel fieldset:disabled{cursor:not-allowed;opacity:.58}.image-padding-panel button:focus-visible,.image-padding-panel input:focus-visible,.image-padding-panel label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}.image-padding-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-fit-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-fit-preset-grid button{place-items:center;gap:3px;display:grid}.image-fit-preset-grid button span{font-size:10px}.image-fit-preset-grid button small{color:var(--muted);font-size:8px}.image-fit-preset-grid button.selected{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.image-fit-preset-grid button.selected small{color:var(--teal-dark)}.image-fit-upscale-toggle{border:1px solid var(--line);background:var(--white);cursor:pointer;min-height:44px;color:var(--ink);border-radius:6px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;font-weight:800;display:flex}.image-fit-upscale-toggle input{width:18px;height:18px;accent-color:var(--teal);margin:0}.image-fit-preview-info,.image-fit-page .tool-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.image-padding-config-layout{grid-template-columns:1fr}.image-padding-preview{height:clamp(320px,66vw,520px)}}@media (max-width:640px){.image-padding-tool{gap:12px}.image-padding-panel{border-radius:10px;padding:18px 14px}.image-padding-dropzone{min-height:220px;padding:16px 10px}.image-padding-source-file{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;padding:9px 7px}.image-padding-source-file>span{width:44px;height:44px}.image-padding-source-file>div{grid-row:1/3}.image-padding-source-file label{grid-area:1/3}.image-padding-source-file button{grid-area:2/3}.image-padding-mode-grid{grid-template-columns:1fr}.image-padding-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-padding-background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-padding-preview{height:clamp(270px,82vw,410px);padding:8px}.image-padding-download-summary,.image-padding-page .tool-how-grid{grid-template-columns:1fr}.image-padding-page .tool-how-grid .step-number{width:66px}.image-fit-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-fit-preview-info,.image-fit-page .tool-feature-grid{grid-template-columns:1fr}}.image-metadata-tool{gap:18px;width:min(1040px,100%);margin-inline:auto;display:grid}.image-metadata-panel{background:var(--white);border:1px solid #c8d8da;border-radius:12px;min-width:0;padding:24px}.image-metadata-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.image-metadata-panel-heading>span{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:900}.image-metadata-panel-heading h2{margin:0;font-size:18px}.image-metadata-dropzone{text-align:center;background:#fbfdfd;border:2px dashed #8eafad;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;transition:border-color .18s,background-color .18s;display:flex}.image-metadata-dropzone.dragging,.image-metadata-dropzone:focus-within{border-color:var(--teal);background:var(--teal-soft)}.image-metadata-dropzone label{border:1px solid var(--teal);min-width:230px;min-height:78px;color:var(--teal-dark);background:var(--white);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:800;display:flex}.image-metadata-dropzone label[aria-disabled=true]{cursor:not-allowed;opacity:.58}.image-metadata-dropzone input,.image-metadata-source-file input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-metadata-dropzone label small,.image-metadata-dropzone>p{color:var(--muted);font-size:10px;font-weight:500}.image-metadata-dropzone>p{margin:0}.image-metadata-source-file{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.image-metadata-source-file>span{width:52px;height:48px;color:var(--teal-dark);background:var(--white);border:1px solid #b8d7d3;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.image-metadata-source-file>div{min-width:0}.image-metadata-source-file strong,.image-metadata-source-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-metadata-source-file strong{font-size:12px}.image-metadata-source-file small{color:var(--muted);margin-top:4px;font-size:9px}.image-metadata-source-file label,.image-metadata-source-file button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.image-metadata-source-file label[aria-disabled=true],.image-metadata-source-file button:disabled{cursor:not-allowed;opacity:.5}.image-metadata-browser-note{color:var(--teal-dark);text-align:center;margin:12px 0 0;font-size:10px;font-weight:700;line-height:1.65}.image-metadata-status{min-height:18px;color:var(--teal-dark);text-align:center;margin:10px 0 0;font-size:10px;font-weight:800}.image-metadata-error{color:#9a3128;text-align:center;background:#fff2f0;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.6}.image-metadata-empty{border:1px dashed var(--line);color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;margin:0;padding:34px 18px;font-size:11px;line-height:1.7}.image-metadata-empty strong{color:var(--ink);font-size:13px}.image-metadata-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.image-metadata-summary>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:13px}.image-metadata-summary span,.image-metadata-summary strong{display:block}.image-metadata-summary span{color:var(--muted);font-size:9px;font-weight:800}.image-metadata-summary strong{overflow-wrap:anywhere;color:var(--ink);margin-top:5px;font-size:13px}.image-metadata-location-note{color:var(--muted);background:var(--surface);border-radius:7px;margin:12px 0 0;padding:10px 12px;font-size:10px;font-weight:700;line-height:1.6}.image-metadata-location-note.present{color:#6d5710;background:#fff9dd}.image-metadata-inspection-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;min-width:0;margin-top:16px;display:grid}.image-metadata-preview{border:1px solid var(--line);border-radius:9px;place-items:center;width:100%;height:clamp(330px,40vw,520px);padding:14px;display:grid;overflow:hidden}.image-metadata-preview img{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0;display:block}.image-metadata-preview-fallback{max-width:360px;color:var(--muted);border:1px solid var(--line);text-align:center;background:#ffffffe6;border-radius:8px;gap:8px;padding:24px;display:grid}.image-metadata-preview-fallback strong{color:var(--ink);font-size:13px}.image-metadata-preview-fallback span,.image-metadata-preview-fallback small{font-size:10px;line-height:1.7}.image-metadata-categories{gap:8px;min-width:0;display:grid}.image-metadata-categories details{border:1px solid var(--line);background:var(--white);border-radius:8px;min-width:0}.image-metadata-categories summary{cursor:pointer;min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:11px;font-weight:900;display:flex}.image-metadata-categories summary span{color:var(--muted);font-size:9px}.image-metadata-categories dl{margin:0;padding:0 13px 11px}.image-metadata-categories dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(100px,.42fr) minmax(0,.58fr);gap:12px;min-width:0;padding:9px 0;display:grid}.image-metadata-categories dt{color:var(--muted);font-size:9px;font-weight:800}.image-metadata-categories dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-size:10px;line-height:1.6}.image-metadata-no-items{border:1px dashed var(--line);color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;margin:0;padding:20px;font-size:10px}.image-metadata-preservation-note{color:var(--teal-dark);background:#f5fbfa;border:1px solid #cce2df;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:9px;line-height:1.7}.image-metadata-preservation-note p{margin:0}.image-metadata-preservation-note p+p{margin-top:4px}.image-metadata-removal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.image-metadata-removal-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.image-metadata-removal-grid span,.image-metadata-removal-grid strong{display:block}.image-metadata-removal-grid span{color:var(--muted);font-size:9px;font-weight:800}.image-metadata-removal-grid strong{overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.6}.image-metadata-strip-note,.image-metadata-notice{color:var(--muted);text-align:center;margin:12px 0 0;font-size:10px;line-height:1.7}.image-metadata-notice{background:var(--surface);border-radius:7px;padding:10px}.image-metadata-download-button{border:1px solid var(--teal);width:100%;min-height:52px;color:var(--white);background:var(--teal);cursor:pointer;border-radius:7px;margin-top:14px;padding:12px;font-size:12px;font-weight:800}.image-metadata-download-button:hover{background:var(--teal-dark)}.image-metadata-download-button:disabled{cursor:not-allowed;opacity:.5}.image-metadata-result{color:var(--teal-dark);background:var(--teal-soft);text-align:center;border:1px solid #b9dcd7;border-radius:8px;margin-top:12px;padding:13px}.image-metadata-result strong{font-size:11px}.image-metadata-result p{margin:5px 0 0;font-size:9px;line-height:1.6}.image-metadata-panel button:focus-visible,.image-metadata-panel summary:focus-visible,.image-metadata-panel label:focus-within{outline-offset:2px;outline:3px solid #9fd3ce}.image-metadata-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-metadata-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.image-metadata-page .tool-how-grid strong,.image-metadata-page .tool-how-grid p{text-align:center;width:100%}.image-metadata-page .tool-how-grid p{max-width:240px;margin-inline:auto}.image-metadata-page .tool-feature-grid,.image-compare-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-compare-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.image-compare-page .tool-how-grid strong,.image-compare-page .tool-how-grid p{text-align:center;width:100%}.image-compare-page .tool-how-grid p{max-width:240px;margin-inline:auto}.image-compare-page .tool-how-grid li:nth-child(2) .step-arrow{display:block}.video-frame-extractor-page .tool-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-frame-extractor-page .tool-how-grid>li{text-align:center;align-items:center}.video-frame-extractor-page .tool-how-grid .step-number{text-align:center;justify-content:center;width:76px}.video-frame-extractor-page .tool-how-grid strong,.video-frame-extractor-page .tool-how-grid p{text-align:center;width:100%}.video-frame-extractor-page .tool-how-grid p{max-width:240px;margin-inline:auto}.video-frame-extractor-page .tool-how-grid li:nth-child(2) .step-arrow{display:block}.image-metadata-information-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.image-metadata-information-grid article{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:18px}.image-metadata-information-grid h3{margin:0;font-size:13px}.image-metadata-information-grid p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.8}@media (max-width:900px){.image-metadata-inspection-layout{grid-template-columns:1fr}.image-metadata-preview{height:clamp(320px,66vw,520px)}}@media (max-width:640px){.image-metadata-tool{gap:12px}.image-metadata-panel{border-radius:10px;padding:18px 14px}.image-metadata-dropzone{min-height:220px;padding:16px 10px}.image-metadata-source-file{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;padding:9px 7px}.image-metadata-source-file>span{width:44px;height:44px}.image-metadata-source-file>div{grid-row:1/3}.image-metadata-source-file label{grid-area:1/3}.image-metadata-source-file button{grid-area:2/3}.image-metadata-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.image-metadata-preview{height:clamp(270px,82vw,410px);padding:8px}.image-metadata-categories dl>div{grid-template-columns:1fr;gap:4px}.image-metadata-page .tool-how-grid{grid-template-columns:1fr}.image-metadata-page .tool-how-grid .step-number{width:66px}.image-compare-page .tool-how-grid{grid-template-columns:1fr}.image-compare-page .tool-how-grid .step-number{width:66px}.video-frame-extractor-page .tool-how-grid{grid-template-columns:1fr}.video-frame-extractor-page .tool-how-grid .step-number{width:66px}.image-metadata-removal-grid,.image-metadata-information-grid,.image-metadata-page .tool-feature-grid{grid-template-columns:1fr}}