.ui-button{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background-color .2s,color .2s;border:none}.ui-button.primary{background-color:var(--color-primary);color:#fff}.ui-button.success{background-color:var(--color-success);color:#fff}.ui-button.warning{background-color:var(--color-warning);color:#fff}.ui-button.error{background-color:var(--color-error);color:#fff}.ui-button.secondary{background:transparent;border:2px solid var(--text-color);color:var(--text-color)}.ui-button.ghost{background:none;color:var(--text-color);padding:.25rem .5rem}.toggle{all:unset;position:relative;width:64px;height:32px;max-height:32px;line-height:normal;border-radius:999px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;background-color:#f2f3f7;transition:background-color .3s ease,color .3s ease,box-shadow .2s ease}.toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f673}.toggle.light{background-color:#f2f3f7;color:#f59e0b}.toggle.inactive{background-color:#eee;justify-content:flex-start}.toggle:hover{box-shadow:0 3px 8px #0f172a40}.toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:16px;transition:color .3s ease,transform .3s ease,opacity .3s ease}.toggle.light .toggle-icon{right:10px;color:#f59e0b}.toggle.dark .toggle-icon{left:12px;color:#f8fafc}.toggle-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #00000040;transition:transform .3s ease}.toggle.dark .toggle-thumb{transform:translate(28px)}.toggle.light .toggle-thumb{transform:translate(0)}.ui-card{background:var(--bg-color);color:var(--text-color);border-radius:.75rem;padding:1rem;border:1px solid var(--text-color);transition:box-shadow .2s,border-color .2s}.ui-card.success{border-color:var(--color-success)}.ui-card.warning{border-color:var(--color-warning)}.ui-card.error{border-color:var(--color-error)}.ui-card:hover{box-shadow:0 4px 12px #00000026}.ui-progress{width:100%;background:#80808033;border-radius:.5rem;overflow:hidden;height:.75rem}.ui-progress-bar{height:100%;transition:width .3s ease}.ui-progress-bar.primary{background:var(--color-primary)}.ui-progress-bar.success{background:var(--color-success)}.ui-progress-bar.warning{background:var(--color-warning)}.ui-progress-bar.error{background:var(--color-error)}.site-header{position:relative;z-index:10;color:var(--text-color);background:var(--bg-color);border-bottom:1px solid var(--border-color, rgba(128, 128, 128, .35))}.header-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100% - 2rem,1120px);margin-inline:auto;padding-block:.7rem}.brand{display:inline-flex;align-items:center;gap:.7rem}.brand span,.brand small{display:block}.brand strong{font-size:1.2rem}.brand small{font-size:.78rem;opacity:.72}.header-controls{display:flex;align-items:center;gap:.5rem}.category-navigation{overflow-x:auto;border-top:1px solid var(--border-color, rgba(128, 128, 128, .22))}.category-navigation ul{display:flex;gap:1.4rem;width:max-content;min-width:min(100% - 2rem,1120px);margin-inline:auto;padding:.7rem 0}.category-navigation a{white-space:nowrap}.category-navigation a:hover,.category-navigation a.active{color:var(--color-primary)}.content-page{width:min(100% - 2rem,1040px);margin-inline:auto;padding-block:clamp(2rem,5vw,4.5rem)}.hero{max-width:760px;padding-block:clamp(1rem,5vw,4rem)}.hero h1,.page-intro h1{max-width:850px;margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.035em}.hero>p:not(.eyebrow),.page-intro>p{max-width:760px;font-size:clamp(1.05rem,2vw,1.25rem);opacity:.82}.eyebrow{color:var(--color-primary);font-size:.8rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.primary-link,.download-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1.4rem;padding:.65rem 1rem;color:#fff;background:var(--color-primary);border-radius:8px;font-weight:700}.principles{max-width:800px;margin-bottom:3rem;padding:clamp(1.2rem,3vw,2rem);background:var(--bg-color);border:1px solid var(--border-color, rgba(128, 128, 128, .35));border-radius:14px}.principles h2,.content-page>section>h2{margin-bottom:.7rem}.category-grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin-top:1.2rem}.category-card,.tool-card,.planned-panel,.notice,.output-preview,.tool-state{padding:1.25rem;background:var(--bg-color);border:1px solid var(--border-color, rgba(128, 128, 128, .35));border-radius:12px}.category-card,.tool-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.category-card:hover,.tool-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.category-card:focus-visible,.tool-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.category-card h3,.tool-card h3{margin-bottom:.65rem;font-size:1.15rem}.category-card p,.tool-card p{margin-bottom:.8rem;opacity:.8}.card-action{margin-top:auto;color:var(--color-primary);font-weight:700}.text-link{color:var(--color-primary);font-weight:700}.status-badge{display:inline-flex;width:fit-content;margin-bottom:.7rem;padding:.2rem .5rem;color:var(--text-color);background:#80808029;border-radius:999px;font-size:.75rem;font-weight:700}.status-available{color:var(--color-success)}.status-planned{color:var(--color-warning)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem;font-size:.9rem;opacity:.76}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.45rem}.tool-navigation{margin:-.5rem 0 clamp(1.6rem,4vw,2.8rem);overflow-x:auto;border-block:1px solid var(--border-color, rgba(128,128,128,.3))}.tool-navigation ul{display:flex;width:max-content;min-width:100%;padding:.55rem 0;gap:.35rem}.tool-navigation a{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .7rem;border-radius:8px;white-space:nowrap;font-size:.9rem}.tool-navigation a:hover,.tool-navigation a.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.tool-navigation a.active{font-weight:800}.tool-navigation small{padding:.12rem .35rem;border-radius:999px;background:#80808029;font-size:.68rem}.page-intro{max-width:820px;margin-bottom:1.2rem}.tool-page .body-content{max-width:900px!important;padding-inline:0!important}.tool-interface{margin-top:1.25rem}.planned-panel{max-width:760px;margin-bottom:1.5rem}.planned-panel h2,.related-tools h2{margin-bottom:.65rem}.notice{max-width:900px;margin-top:1rem;font-size:.95rem}.notice p{margin-top:.35rem}.notice-privacy{border-left:4px solid var(--color-success)}.tool-information{max-width:900px;margin-top:2.5rem}.tool-information>h2{margin-bottom:.8rem}.tool-information-body{border-top:1px solid var(--border-color, rgba(128,128,128,.3))}.tool-information-body details{padding-block:.85rem;border-bottom:1px solid var(--border-color, rgba(128,128,128,.3))}.tool-information-body summary{cursor:pointer;font-weight:750}.tool-information-body details>:not(summary){margin-top:.75rem}.tool-information-body ol{padding-left:1.4rem;list-style:decimal}.tool-information-body p+p{margin-top:.85rem}.related-tools{margin-top:2.5rem}.related-tools li{display:flex}.related-tools .tool-card{width:100%}.tool-navigation a:focus-visible,.category-navigation a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.tool-error{color:var(--color-error);border-color:var(--color-error)}.tool-state progress{width:100%}@media(max-width:640px){.header-topline{align-items:flex-start;flex-wrap:wrap}.header-controls{margin-left:auto}.brand small{display:none}.category-navigation ul{padding-inline:1rem}}.pdf-tool-workspace{display:grid;gap:1.25rem;max-width:900px}.pdf-dropzone{display:grid;place-items:center;gap:.6rem;min-height:190px;padding:1.5rem;border:2px dashed var(--border-color, #9ca3af);border-radius:14px;text-align:center;background:var(--bg-color);transition:border-color .2s,background .2s}.pdf-dropzone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--bg-color))}.pdf-dropzone.is-disabled{opacity:.55}.pdf-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pdf-dropzone .primary-link{margin-top:0;cursor:pointer}.pdf-file-list{display:grid;gap:.75rem}.pdf-file-row,.pdf-single-file{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:10px;background:var(--bg-color)}.pdf-file-row.status-error{border-color:var(--color-error)}.pdf-order{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 14%,transparent);font-weight:800}.pdf-file-details{display:grid;min-width:0;flex:1}.pdf-file-details strong,.pdf-single-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-details span,.pdf-single-file span{font-size:.88rem;opacity:.75}.pdf-file-actions{display:flex;gap:.35rem}.pdf-file-actions button{padding:.35rem}.pdf-single-file{flex-wrap:wrap}.pdf-single-file span{flex:1}.pdf-range-controls{display:grid;gap:.55rem;max-width:600px;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:10px}.pdf-range-controls label{font-weight:700}.pdf-range-controls input{min-height:44px;padding:.55rem .7rem;border:1px solid var(--border-color, #9ca3af);border-radius:7px;background:var(--body-bg-color)}.pdf-range-controls>div{display:flex;flex-wrap:wrap;gap:.5rem}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;max-height:620px;overflow:auto;padding:.25rem}.pdf-thumbnail{display:grid;gap:.5rem;place-items:center;min-height:170px;padding:.6rem;border:2px solid transparent;background:var(--bg-color);box-shadow:0 1px 5px #00000024}.pdf-thumbnail.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,var(--bg-color))}.pdf-thumbnail canvas{max-height:145px;box-shadow:0 1px 3px #0000002e;background:#fff}.pdf-thumbnail-placeholder{width:90px;height:125px;background:#80808026}.pdf-page-grid-loading,.pdf-processing{padding:1rem;border-radius:10px;background:var(--bg-color)}.pdf-processing{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.pdf-processing progress{flex:1;min-width:160px}.pdf-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.pdf-primary-actions .primary-link{margin-top:0;border:0}.pdf-primary-actions .primary-link:disabled,.pdf-tool-workspace>.primary-link:disabled{opacity:.45;cursor:not-allowed}.pdf-error{padding:.8rem 1rem;color:var(--color-error);border-left:4px solid var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,var(--bg-color))}.pdf-hint{font-size:.92rem;opacity:.76}.pdf-result{padding:1.2rem;border:1px solid var(--color-success);border-radius:12px;background:color-mix(in srgb,var(--color-success) 8%,var(--bg-color))}.pdf-result .primary-link{margin-top:.8rem}.pdf-beta-panel{padding:1.25rem;border:1px solid var(--color-warning);border-radius:12px;background:color-mix(in srgb,var(--color-warning) 8%,var(--bg-color))}.pdf-beta-panel p+p{margin-top:.75rem}@media(max-width:560px){.pdf-file-row{align-items:flex-start;flex-wrap:wrap}.pdf-file-details{width:calc(100% - 3rem)}.pdf-file-actions{width:100%;justify-content:flex-end}.pdf-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-primary-actions>button{width:100%}}.icon-tool-workspace{display:grid;gap:1.25rem;max-width:900px}.icon-dropzone{display:grid;place-items:center;gap:.6rem;min-height:190px;padding:1.5rem;text-align:center;background:var(--bg-color);border:2px dashed var(--border-color, #9ca3af);border-radius:14px;transition:border-color .2s,background .2s}.icon-dropzone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--bg-color))}.icon-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.icon-dropzone .primary-link{margin-top:0;border:0}.icon-source{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px}.icon-source img,.ico-file-symbol{width:72px;height:72px;flex:0 0 72px;object-fit:contain;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% / 14px 14px;border-radius:8px}.ico-file-symbol{display:grid;place-items:center;color:#222;font-weight:800;font-size:.9rem}.icon-source>div:not(.ico-file-symbol){min-width:0;flex:1}.icon-source strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-source p{font-size:.9rem;opacity:.72}.icon-size-picker,.ico-frame-picker{display:grid;gap:.65rem;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px}.icon-size-picker legend,.ico-frame-picker legend{padding-inline:.35rem;font-weight:800}.icon-size-picker{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.icon-size-picker label{display:flex;align-items:center;gap:.45rem;min-height:44px}.icon-size-picker input,.ico-frame-picker input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.ico-frame-picker{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.ico-frame-picker label{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border-color, rgba(128,128,128,.3));border-radius:8px;cursor:pointer}.ico-frame-picker label:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,var(--bg-color))}.ico-frame-picker span,.ico-frame-picker small{display:block}.ico-frame-picker small{opacity:.7}.favicon-package-list{padding:1rem 1.25rem;background:var(--bg-color);border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px}.favicon-package-list h2{margin-bottom:.7rem}.favicon-package-list ul{display:grid;gap:.3rem}.favicon-package-list li:before{content:"✓";margin-right:.5rem;color:var(--color-success);font-weight:800}@media(max-width:560px){.icon-source{align-items:flex-start;flex-wrap:wrap}.icon-source>div:not(.ico-file-symbol){width:calc(100% - 90px)}.icon-source>button{width:100%}}.metadata-tool-workspace{display:grid;gap:1.25rem;max-width:900px}.metadata-dropzone{display:grid;place-items:center;gap:.6rem;min-height:190px;padding:1.5rem;border:2px dashed var(--border-color, #9ca3af);border-radius:14px;text-align:center;background:var(--bg-color);transition:border-color .2s,background .2s}.metadata-dropzone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--bg-color))}.metadata-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.metadata-dropzone .primary-link{margin-top:0;border:0;cursor:pointer}.metadata-file-summary{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:10px;background:var(--bg-color)}.metadata-file-summary div{display:grid;min-width:0;flex:1}.metadata-file-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-file-summary span{font-size:.88rem;opacity:.75}.metadata-disclosure{padding:.85rem 1rem;border-left:4px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning) 8%,transparent);font-size:.92rem}.metadata-algorithm{display:grid;gap:.45rem;max-width:280px;font-weight:700}.metadata-algorithm select{min-height:44px;padding:.55rem .7rem;border:1px solid var(--border-color, #9ca3af);border-radius:7px;color:var(--text-color);background:var(--bg-color)}.metadata-results{display:grid;gap:1rem}.metadata-file-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.metadata-file-details div{padding:.8rem;border:1px solid var(--border-color, rgba(128,128,128,.3));border-radius:8px;background:var(--bg-color)}.metadata-file-details dt{margin-bottom:.25rem;font-size:.8rem;font-weight:800;opacity:.7}.metadata-file-details dd{overflow-wrap:anywhere}.metadata-table-scroll{overflow-x:auto;border:1px solid var(--border-color, rgba(128,128,128,.3));border-radius:10px}.metadata-table{width:100%;border-collapse:collapse;text-align:left}.metadata-table th,.metadata-table td{padding:.7rem .8rem;border-bottom:1px solid var(--border-color, rgba(128,128,128,.25));vertical-align:top;overflow-wrap:anywhere}.metadata-table thead th{background:color-mix(in srgb,var(--color-primary) 7%,var(--bg-color))}.metadata-table tbody th{width:34%}.metadata-table tr:last-child>*{border-bottom:0}.metadata-hash-result{display:grid;gap:.8rem;padding:1.1rem;border:1px solid var(--color-success);border-radius:10px;background:var(--bg-color)}.metadata-hash-result output{padding:.75rem;overflow-wrap:anywhere;border-radius:7px;background:color-mix(in srgb,var(--text-color) 6%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.metadata-hash-result button{justify-self:start}@media(max-width:560px){.metadata-file-summary{align-items:flex-start;flex-wrap:wrap}.metadata-file-summary div,.metadata-file-summary button{width:100%}}.image-tool-workspace{display:grid;gap:1.25rem;max-width:900px}.image-tool-dropzone{display:grid;place-items:center;gap:.6rem;min-height:190px;padding:1.5rem;border:2px dashed var(--border-color, #9ca3af);border-radius:14px;text-align:center;background:var(--bg-color);transition:border-color .2s,background .2s}.image-tool-dropzone.is-dragging{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--bg-color))}.image-tool-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.image-tool-dropzone .primary-link{margin-top:0;border:0;cursor:pointer}.image-tool-source{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px;background:var(--bg-color)}.image-tool-source img{width:76px;height:76px;flex:0 0 76px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% / 14px 14px}.image-tool-source div{display:grid;min-width:0;flex:1}.image-tool-source strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-tool-source span{font-size:.88rem;opacity:.75}.image-dimension-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px;background:var(--bg-color)}.image-dimension-controls>div,.image-output-controls label,.image-crop-editor>label,.image-crop-fields label{display:grid;gap:.4rem;font-weight:700}.image-dimension-controls div>span{display:flex;align-items:center;gap:.45rem;font-weight:400}.image-dimension-controls input[type=number],.image-crop-fields input,.image-output-controls select,.image-crop-editor select{width:100%;min-height:44px;padding:.55rem .7rem;color:var(--text-color);background:var(--body-bg-color);border:1px solid var(--border-color, #9ca3af);border-radius:7px}.image-dimension-controls .image-ratio-lock{display:flex;grid-column:1 / -1;flex-direction:row;align-items:center;min-height:44px}.image-ratio-lock input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.image-output-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:12px;background:var(--bg-color)}.image-output-controls legend{padding-inline:.35rem;font-weight:800}.image-output-controls input[type=range]{width:100%;accent-color:var(--color-primary)}.image-output-controls small{font-weight:400;opacity:.72}.image-tool-hint{align-self:end;padding:.75rem;border-left:4px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning) 8%,transparent);font-size:.9rem}.image-tool-result{display:grid;gap:.8rem;padding:1.2rem;border:1px solid var(--color-success);border-radius:12px;background:color-mix(in srgb,var(--color-success) 8%,var(--bg-color))}.image-tool-result dl{display:flex;flex-wrap:wrap;gap:1.5rem}.image-tool-result dl div{display:grid}.image-tool-result dt{font-size:.8rem;font-weight:800;opacity:.72}.image-tool-result .primary-link{justify-self:start;margin-top:.2rem}.image-crop-editor{display:grid;gap:1rem}.image-crop-editor>label{max-width:320px}.image-crop-instruction{max-width:680px;margin:0;opacity:.82}.image-crop-preview{display:grid;place-items:start center;width:100%;overflow:auto;border-radius:10px;background:#222}.image-crop-stage{position:relative;width:fit-content;max-width:100%;max-height:85vh;overflow:hidden;line-height:0;user-select:none}.image-crop-stage>img{display:block;width:auto;max-width:100%;height:auto;max-height:85vh;object-fit:contain;pointer-events:none}.image-crop-selection{position:absolute;cursor:grab;touch-action:none;border:2px solid #fff;box-shadow:0 0 0 9999px #00000094,inset 0 0 0 1px #0000004d;outline:0}.image-crop-selection:active{cursor:grabbing}.image-crop-selection:focus-visible{border-color:#8ec5ff;box-shadow:0 0 0 9999px #00000094,0 0 0 3px #1769aa,inset 0 0 0 1px #0000004d}.image-crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.7%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.45) 66.3%,rgba(255,255,255,.45) 66.7%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.7%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.45) 66.3%,rgba(255,255,255,.45) 66.7%,transparent 66.9%)}.image-crop-resize-handle{position:absolute;right:-1px;bottom:-1px;width:28px;height:28px;padding:0;cursor:nwse-resize;touch-action:none;background:#fff;border:3px solid #222;border-radius:50% 0 0;transform:translate(35%,35%)}.image-crop-resize-handle:focus-visible{outline:3px solid #8ec5ff;outline-offset:2px}.image-crop-precision{padding:.8rem 1rem 1rem;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:10px;background:var(--bg-color)}.image-crop-precision summary{min-height:44px;cursor:pointer;font-weight:800;line-height:44px}.image-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.image-crop-precision[open] .image-crop-fields{margin-top:.75rem}@media(max-width:640px){.image-tool-source{align-items:flex-start;flex-wrap:wrap}.image-tool-source div{width:calc(100% - 94px)}.image-tool-source>button{width:100%}.image-dimension-controls,.image-crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}html{min-height:100%;background-color:var(--body-bg-color);overscroll-behavior-y:none}#root{min-height:100dvh}body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:#111;background-color:#fff;overflow-x:hidden;overscroll-behavior-y:none}ul,ol{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;border-radius:8px;border:1px solid;padding:.5rem .75rem;min-height:44px;min-width:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}main:focus{outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;transition:background-color .25s,color .25s}:root{--bg-color: #fff;--body-bg-color: #f9f9f9;--text-color: #111;--icon-color: #222;--color-primary: #2563eb;--color-success: #16a34a;--color-warning: #ca8a04;--color-error: #dc2626}[data-theme=dark]{--bg-color: #222222;--body-bg-color: #171717;--text-color: #f5f5f5;--icon-color: #eee;--color-primary: #3b82f6;--color-success: #22c55e;--color-warning: #eab308;--color-error: #f87171}body{background-color:var(--body-bg-color);color:var(--text-color)}.ui-header,.ui-footer{background-color:var(--bg-color);color:var(--text-color)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--body-bg-color)}.app-main{flex:1 0 auto;width:100%}:root{--bg-color: #fff;--text-color: #111;--color-primary: #1b3fa3;--color-success: #16a34a;--color-warning: #ca8a04;--color-error: #dc2626}[data-theme=dark]{--bg-color: #272727;--text-color: #f5f5f5;--color-primary: #2553a1;--color-success: #2bf677;--color-warning: #eab308;--color-error: #f87171}[data-theme=dark] .ui-button.dark{background:#222;color:#fff}[data-theme=light] .ui-button.light{background:#fff;color:#222}.ui-header,.ui-footer{padding:1rem;background-color:var(--bg-color);color:var(--text-color);border-bottom:1px solid var(--text-color)}.ui-header{display:flex;justify-content:space-between;flex-direction:row}.ui-footer{border-top:1px solid var(--text-color);border-bottom:none;flex-shrink:0}.ui-footer ul{display:flex;gap:1rem;padding:0;margin:0}.ui-footer li{list-style:none}.file-drop-zone{width:min(100%,720px);margin-inline:auto;border-radius:12px;padding:clamp(1rem,5vw,2rem)}.file-drop-content{display:grid;gap:.75rem;justify-items:center}.conversion-select-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%}.conversion-select-row select{min-height:44px;max-width:100%;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:.45rem 2rem .45rem .6rem;background-color:var(--bg-color)}.file-action-row{flex-wrap:wrap}.download-button{width:min(100%,16rem)}.tool-request-shortcut{display:flex;justify-content:center;margin:0 0 1rem}.tool-request-shortcut-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .9rem;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);font-weight:700;text-align:center;text-decoration:none}.tool-request-shortcut-link:hover{background:var(--color-primary);color:#fff}.donation-panel{width:min(100%,600px);margin:2rem auto;padding:1.1rem;text-align:center;border:1px solid var(--border-color, rgba(128, 128, 128, .35));border-radius:14px;background:var(--bg-color)}.donation-panel h2{margin-bottom:.65rem;font-size:1.1rem}.donation-note{max-width:34rem;margin:0 auto .9rem;opacity:.8}.donation-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:7px;font-weight:700}.donation-link:hover{color:#fff;background:var(--color-primary)}.donation-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.donation-duck-message{display:flex;align-items:center;justify-content:center;gap:.6rem;max-width:30rem;margin:.75rem auto .25rem}.donation-duck-message img{width:64px;height:64px;flex:0 0 64px;object-fit:contain}.donation-duck-message p{position:relative;margin:0;padding:.55rem .7rem;text-align:left;background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-color));border:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--border-color));border-radius:10px;font-size:.9rem;line-height:1.35}.donation-duck-message p:before{position:absolute;top:50%;left:-7px;width:12px;height:12px;content:"";background:inherit;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--border-color));border-left:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--border-color));transform:translateY(-50%) rotate(45deg)}.donation-terms{margin-top:.2rem;font-size:.85rem}.donation-terms a{color:inherit;text-decoration:underline;text-underline-offset:.16em}.tool-request{width:min(100% - 2rem,680px);margin:1.5rem auto 0;padding:1.25rem 1rem;scroll-margin-top:1rem;text-align:center;color:var(--text-color);border-top:1px solid var(--border-color, rgba(128, 128, 128, .35))}.tool-request h2{font-size:clamp(1.15rem,3vw,1.45rem);margin-bottom:.5rem}.tool-request p{margin:.5rem auto 0;max-width:38rem}.tool-request-question{font-weight:600}.tool-request-reassurance{font-size:.95rem;opacity:.8}.tool-request-email{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:.85rem;color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.contact-section{margin-top:2.5rem;padding-top:1.5rem;scroll-margin-top:1rem;border-top:1px solid var(--border-color, rgba(128, 128, 128, .35))}.personal-introduction{display:grid;grid-template-columns:128px minmax(0,1fr);gap:1.1rem;align-items:start;margin-top:2rem;padding:1.1rem;color:var(--text-color);background:color-mix(in srgb,var(--color-primary) 5%,var(--bg-color));border:1px solid var(--border-color, rgba(128, 128, 128, .35));border-radius:14px}.personal-introduction img{width:128px;height:128px;object-fit:cover;object-position:50% 35%;border-radius:12px}.personal-introduction h3{margin:0 0 .65rem}.personal-introduction p{margin:.55rem 0 0}.personal-availability{padding-top:.25rem;font-size:.94rem}.personal-availability a{color:inherit;font-weight:700;text-underline-offset:.16em}.personal-availability a:hover{text-decoration-thickness:2px}.personal-availability a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.contact-introduction{max-width:45rem}.contact-introduction h3{margin-top:1.5rem}.contact-form{display:grid;gap:1rem;margin-top:1.5rem;padding:clamp(1rem,4vw,1.5rem);color:var(--text-color);background:color-mix(in srgb,var(--color-primary) 5%,var(--bg-color));border:1px solid var(--border-color, rgba(128, 128, 128, .35));border-radius:14px}.contact-form label{display:grid;gap:.4rem}.contact-form label>span{font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:44px;padding:.7rem .8rem;color:var(--text-color);background:var(--bg-color);border:1px solid var(--border-color, rgba(128, 128, 128, .5));border-radius:8px;font:inherit}.contact-form textarea{min-height:10rem;resize:vertical}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.contact-form-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;font-size:.88rem;opacity:.82}.contact-form-meta p,.contact-form-meta span,.contact-error,.contact-opened{margin:0}.contact-form-meta p{max-width:38rem}.contact-submit{width:fit-content;min-height:44px;border:0;cursor:pointer}.contact-error{color:var(--color-error, #b42318);font-weight:700}.contact-opened{color:var(--color-success, #18794e)}.planned-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem 1.1rem;margin-top:1rem}.feedback-launcher{position:fixed;bottom:18px;z-index:9998;display:inline-block;max-width:280px;padding:.85rem 1.1rem .95rem;color:#fff;background:var(--color-primary, #2346a3);border-radius:18px;box-shadow:0 6px 18px #00000038;font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.feedback-launcher-left{left:16px}.feedback-launcher-right{right:16px}.feedback-launcher:hover{color:#fff;box-shadow:0 10px 24px #00000047;transform:translateY(-2px)}.feedback-launcher svg{position:absolute;bottom:-8px;left:24px;display:block;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.feedback-launcher-right svg{right:24px;left:auto}.feedback-launcher path{fill:var(--color-primary, #2346a3)}.stripe-buy-button-wrap{display:flex;justify-content:center;max-width:100%;overflow-x:auto}.donation-link{text-decoration:none}@media(max-width:520px){.app-main{padding-inline:.75rem}.file-action-row,.conversion-select-row{align-items:stretch;flex-direction:column}.file-action-row button,.conversion-select-row select,.download-button,.tool-request-shortcut-link{width:100%}.ui-footer ul{justify-content:center}.donation-panel{padding-inline:.75rem}.donation-duck-message{gap:.45rem}.donation-duck-message img{width:54px;height:54px;flex-basis:54px}.donation-duck-message p{padding:.5rem .6rem;font-size:.84rem}.tool-request{width:100%;padding-inline:.75rem}.contact-form-meta{flex-direction:column;gap:.35rem}.personal-introduction{grid-template-columns:88px minmax(0,1fr);gap:.8rem;padding:.85rem}.personal-introduction img{width:88px;height:88px}.contact-submit,.planned-actions .primary-link{width:100%}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}