:root{--color-primary: #2458d6;--color-primary-dark: #183f9f;--color-text: #182235;--color-text-light: #5f6b7c;--color-bg: #ffffff;--color-bg-secondary: #f4f7fb;--color-border: #dce3ed;--color-success: #147d64;--color-error: #ef4444;--max-width: 1200px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}h1,h2,h3{font-family:Aptos Display,Segoe UI Variable Display,Segoe UI,sans-serif;text-wrap:balance}p,li{text-wrap:pretty}.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}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem;width:100%}.site-header{height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{display:inline-flex;align-items:center;flex:0 0 auto;gap:.55rem;color:var(--color-text);font-size:1.25rem;font-weight:750;letter-spacing:-.035em;line-height:1;text-decoration:none}.site-logo img{display:block;width:1.75rem;height:1.75rem;flex:0 0 auto}.site-logo:hover{color:var(--color-primary-dark);text-decoration:none}.site-nav{display:flex;gap:1.5rem;align-items:center}.site-nav a{color:var(--color-text);font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--color-primary);text-decoration:none}.site-main{flex:1;padding:2rem 0}.tool-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem}.tool-content,.tool-sidebar{min-width:0}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}}.hero{text-align:center;padding:3rem 0}.hero h1{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.125rem;color:var(--color-text-light);max-width:600px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.tool-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.tool-card:hover{box-shadow:0 4px 12px #0000001a}.tool-card h3{font-size:1.125rem;margin-bottom:.5rem}.tool-card p{color:var(--color-text-light);font-size:.875rem}.tool-card a{color:inherit;text-decoration:none}.tool-card a:hover{text-decoration:none}.tool-area{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:8px;padding:2rem;text-align:center;margin-bottom:1.5rem}.tool-area.drag-over{border-color:var(--color-primary);background:#eff6ff}.drop-zone{cursor:pointer}.drop-zone p{color:var(--color-text-light);margin-top:.5rem;font-size:.875rem}.drop-zone .drop-zone-title{margin-top:0;color:var(--color-text);font-size:1rem;font-weight:500}.tool-area.is-compact{padding:.75rem 1rem;border-style:solid;background:#f8fbff}.tool-area.is-compact .drop-zone{display:flex;min-height:0;align-items:center;justify-content:space-between;gap:1rem}.tool-area.is-compact .drop-zone p{margin:0}.tool-area.is-compact .btn{min-height:2.5rem;padding:.55rem .9rem;box-shadow:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;font-size:.875rem;border:none;transition:background .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary)}.animation-converter{margin:1.5rem 0 2rem}.tool-hint{margin-top:.5rem;color:var(--color-text-light);font-size:.8125rem}.notice-card,.conversion-progress,.conversion-summary{margin-top:1rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:#fff}.notice-card{color:#92400e;background:#fffbeb;border-color:#fde68a}.animation-settings{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600}.settings-grid select,.settings-grid input[type=number]{width:100%;min-height:42px;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text)}.settings-grid input[type=range]{width:100%}.conversion-summary{display:flex;gap:.5rem 1rem;flex-wrap:wrap;color:var(--color-text-light);font-size:.8125rem}.action-row{display:flex;gap:.75rem;margin-top:1.25rem}.conversion-progress{display:grid;gap:.5rem;font-size:.875rem}.conversion-progress-track{position:relative;width:100%;height:.75rem;overflow:hidden;border-radius:999px;background:#e2e8f0;box-shadow:inset 0 1px 2px #0f172a1f}.conversion-progress-fill{position:absolute;inset:0 auto 0 0;min-width:.35rem;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),#38bdf8);transition:width .4s ease}.conversion-progress-track.is-active .conversion-progress-fill{background-image:linear-gradient(115deg,var(--color-primary) 0%,var(--color-primary) 35%,#60a5fa 35%,#38bdf8 50%,var(--color-primary) 65%,var(--color-primary) 100%);background-size:220% 100%;animation:conversion-progress-flow 1.35s linear infinite}.conversion-progress-track.is-active:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 55%) 50%,transparent 100%);transform:translate(-100%);animation:conversion-progress-shimmer 1.8s ease-in-out infinite}.conversion-progress-details{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.conversion-progress-percent{flex:0 0 auto;color:var(--color-text-light);font-variant-numeric:tabular-nums}@keyframes conversion-progress-flow{to{background-position:-220% 0}}@keyframes conversion-progress-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.conversion-progress-track.is-active .conversion-progress-fill,.conversion-progress-track.is-active:after{animation:none}}.format-guide-list .format-guide-item{align-items:flex-start}.format-guide-item strong{flex:0 0 auto;white-space:nowrap}.format-guide-item span{min-width:0}@media(max-width:480px){.format-guide-list .format-guide-item{display:grid;grid-template-columns:1rem minmax(0,1fr);column-gap:.5rem}.format-guide-list .format-guide-item:before{grid-column:1;grid-row:1}.format-guide-item strong,.format-guide-item span{grid-column:2}.format-guide-item strong{grid-row:1}.format-guide-item span{grid-row:2}.conversion-progress-details{display:grid;gap:.25rem}}.conversion-result{margin-top:1rem}.id-photo-options{display:grid;gap:1rem;min-width:0;margin-bottom:1.5rem}.id-photo-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.875rem;min-width:0}.id-photo-field{display:grid;gap:.35rem;min-width:0;font-size:.875rem;font-weight:600}.id-photo-control{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text)}.id-photo-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.id-photo-checkbox input{flex:0 0 auto}.pdf-page-tool{min-width:0;margin:1.5rem 0 2rem}.pdf-source-summary,.pdf-page-toolbar,.pdf-export-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:10px;background:#fff}.pdf-source-summary>div{display:grid;min-width:0}.pdf-source-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-source-summary span,.pdf-page-meta,.pdf-page-help{color:var(--color-text-light);font-size:.8125rem}.pdf-page-toolbar{align-items:flex-end;margin-top:1rem;background:var(--color-bg-secondary)}.pdf-range-field{display:grid;flex:1 1 28rem;gap:.35rem;min-width:0;font-size:.875rem;font-weight:600}.pdf-range-field>div,.pdf-selection-actions{display:flex;gap:.5rem}.pdf-range-field input{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;background:#fff}.pdf-selection-actions{flex:0 0 auto;flex-wrap:wrap}.pdf-page-help{margin:.75rem 0}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.875rem}.pdf-page-card{display:grid;gap:.625rem;min-width:0;padding:.75rem;border:1px solid var(--color-border);border-radius:10px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.pdf-page-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}.pdf-page-select{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700}.pdf-page-preview{display:grid;place-items:center;height:220px;overflow:hidden;border-radius:6px;background:#eef2f7}.pdf-page-preview img{display:block;max-width:88%;max-height:88%;object-fit:contain;border:1px solid #d6dce5;background:#fff;box-shadow:0 5px 18px #0f172a1f;transition:transform .18s ease}.pdf-page-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-page-controls{display:grid;grid-template-columns:repeat(4,minmax(2.25rem,1fr));gap:.375rem}.pdf-page-controls button{min-height:36px;padding:.25rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);cursor:pointer}.pdf-page-controls button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pdf-page-controls button:disabled{cursor:not-allowed;opacity:.42}.pdf-page-controls .pdf-page-remove{grid-column:1 / -1;color:#b91c1c}.pdf-export-panel{align-items:flex-end;margin-top:1rem;background:var(--color-bg-secondary)}.pdf-export-panel fieldset{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;min-width:0;padding:0;border:0}.pdf-export-panel legend{width:100%;margin-bottom:.5rem;font-weight:700}.pdf-export-panel label{display:flex;align-items:center;gap:.4rem;font-size:.875rem}@media(max-width:720px){.pdf-source-summary,.pdf-page-toolbar,.pdf-export-panel{align-items:stretch;flex-direction:column}.pdf-range-field{flex-basis:auto}.pdf-selection-actions .btn,.pdf-export-panel>.btn{flex:1 1 auto}}@media(max-width:420px){.pdf-range-field>div{align-items:stretch;flex-direction:column}.pdf-page-preview{height:260px}}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}}.image-collage{margin-top:1.25rem}.collage-loading,.collage-error{margin-top:1rem}.collage-builder{margin-top:1.5rem}.collage-status-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding:0 .2rem}.collage-status-bar p{display:flex;align-items:baseline;gap:.65rem;margin:0}.collage-status-bar strong{font-size:.9rem}.collage-status-bar span{color:var(--color-text-light);font-size:.75rem}.collage-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1rem;padding:0;list-style:none;color:var(--color-text-light);font-size:.8125rem;font-weight:600}.collage-flow li{display:flex;align-items:center;gap:.45rem;padding:.65rem .8rem;border-bottom:2px solid var(--color-border)}.collage-flow li span{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:#fff;font-variant-numeric:tabular-nums}.collage-flow li.is-complete,.collage-flow li.is-active{color:var(--color-primary-dark);border-color:var(--color-primary)}.collage-flow li.is-complete span{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.collage-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.85fr);overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:0 18px 42px #1e40af14}.collage-preview-panel,.collage-controls,.collage-image-order{min-width:0}.collage-preview-panel{padding:1.25rem;background:#f8fafc}.collage-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.collage-panel-heading h2,.collage-controls-heading h2{margin:.15rem 0 0;font-size:1.125rem;line-height:1.3}.collage-eyebrow{display:block;color:var(--color-primary-dark);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collage-output-size,.collage-order-help{color:var(--color-text-light);font-size:.75rem;font-variant-numeric:tabular-nums}.collage-canvas-stage{display:grid;min-height:27rem;padding:clamp(1rem,4vw,2.5rem);place-items:center;overflow:hidden;border:1px dashed #cbd5e1;border-radius:9px;background:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%),#fff;background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.collage-canvas-stage canvas{display:block;max-width:100%;max-height:34rem;width:auto;height:auto;border-radius:5px;box-shadow:0 12px 30px #0f172a2e;cursor:grab;touch-action:none;user-select:none}.collage-canvas-stage canvas.is-reordering{cursor:grabbing}.collage-preview-help{margin:.65rem 0 0;color:var(--color-text-light);font-size:.75rem;line-height:1.45;text-align:center}.collage-controls{padding:1.25rem;border-left:1px solid var(--color-border)}.collage-controls-heading p{margin:.35rem 0 1rem;color:var(--color-text-light);font-size:.8125rem}.collage-layout-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.collage-layout-choice{display:flex;min-width:0;align-items:center;gap:.6rem;padding:.7rem;text-align:left;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease}.collage-layout-choice:hover{border-color:#93c5fd;background:#f8fbff;transform:translateY(-1px)}.collage-layout-choice:active{transform:translateY(0)}.collage-layout-choice.is-selected{border-color:var(--color-primary);background:#eff6ff;box-shadow:inset 0 0 0 1px var(--color-primary)}.collage-layout-icon{flex:0 0 auto;color:var(--color-primary);font-size:1.45rem;line-height:1}.collage-layout-choice strong,.collage-layout-choice small{display:block}.collage-layout-choice strong{font-size:.8125rem}.collage-layout-choice small{margin-top:.1rem;color:var(--color-text-light);font-size:.6875rem;line-height:1.35}.collage-field{display:grid;min-width:0;gap:.35rem;color:var(--color-text);font-size:.8125rem;font-weight:600}.collage-field input,.collage-field select{width:100%;min-width:0;min-height:2.5rem;padding:.5rem .65rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:7px;background:#fff}.collage-field input[type=color]{padding:.2rem}.collage-inline-option,.collage-format-field{margin-top:.85rem}.collage-advanced{margin-top:.85rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.collage-advanced summary{padding:.75rem 0;cursor:pointer;color:var(--color-primary-dark);font-size:.8125rem;font-weight:600}.collage-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 0 .9rem}.collage-actions{display:grid;gap:.45rem;margin-top:1rem}.collage-actions .btn-primary{min-height:2.75rem;justify-content:center;width:100%}.collage-download-meta{color:var(--color-text-light);font-size:.6875rem;font-variant-numeric:tabular-nums;text-align:center}.collage-clear{padding:.5rem 0;color:var(--color-text-light);border:0;background:none;font-size:.8125rem;text-decoration:underline;text-underline-offset:.2rem}.collage-local-note{margin:.7rem 0 0;color:var(--color-text-light);font-size:.6875rem;line-height:1.45}.collage-image-order{margin-top:1rem;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:#fff}.collage-image-order>summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}.collage-image-order>summary::-webkit-details-marker{display:none}.collage-image-order>summary span{color:var(--color-text);font-size:.875rem;font-weight:650}.collage-image-order>summary small{color:var(--color-text-light);font-size:.72rem}.collage-image-order[open]>summary{margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.collage-image-order ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.collage-image-order li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:7px;background:#f8fafc}.collage-image-number{display:grid;width:1.75rem;height:1.75rem;place-items:center;color:var(--color-primary-dark);border-radius:5px;background:#dbeafe;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.collage-image-info{min-width:0}.collage-image-info strong,.collage-image-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collage-image-info strong{font-size:.8125rem}.collage-image-info small{margin-top:.1rem;color:var(--color-text-light);font-size:.6875rem;font-variant-numeric:tabular-nums}.collage-image-actions{display:flex;gap:.3rem}.collage-image-actions button{min-width:2rem;min-height:2rem;padding:.3rem .5rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.75rem;transition:background .16s ease,border-color .16s ease}.collage-image-actions button:hover:not(:disabled){border-color:#93c5fd;background:#eff6ff}.collage-image-actions button.is-remove:hover{color:var(--color-error);border-color:#fecaca;background:#fff1f2}.collage-layout-choice:focus-visible,.collage-field input:focus-visible,.collage-field select:focus-visible,.collage-image-actions button:focus-visible,.collage-clear:focus-visible{outline:3px solid rgb(37 99 235 / 28%);outline-offset:2px}@media(max-width:900px){.collage-editor{grid-template-columns:1fr}.collage-controls{border-top:1px solid var(--color-border);border-left:0}.collage-canvas-stage{min-height:22rem}}@media(max-width:560px){.tool-area.is-compact .drop-zone{align-items:stretch;flex-direction:column;gap:.65rem;text-align:left}.collage-status-bar,.collage-status-bar p{align-items:flex-start;flex-direction:column;gap:.3rem}.collage-status-bar{position:relative;padding-right:5rem}.collage-status-bar .collage-clear{position:absolute;top:0;right:0}.collage-flow{font-size:.6875rem}.collage-flow li{align-items:flex-start;padding-inline:.35rem}.collage-flow li span{width:1.2rem;height:1.2rem}.collage-preview-panel,.collage-controls{padding:.9rem}.collage-canvas-stage{min-height:16rem;padding:.8rem}.collage-layout-choices,.collage-advanced-grid{grid-template-columns:1fr}.collage-panel-heading{align-items:flex-start;flex-direction:column;gap:.35rem}.collage-image-order li{grid-template-columns:auto minmax(0,1fr)}.collage-image-order>summary{align-items:flex-start;flex-direction:column;gap:.2rem}.collage-image-actions{grid-column:1 / -1;justify-content:flex-end}.collage-image-actions .is-remove{margin-left:auto}}.file-list{margin-top:1rem;text-align:left}.file-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;margin-bottom:.5rem}.file-item-thumbnail{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary)}.file-item-details{display:grid;min-width:0;flex:1;gap:.2rem}.file-item-name{display:block;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{display:block;color:var(--color-text-light);font-size:.75rem;flex-shrink:0}.file-item-remove{background:none;border:none;color:var(--color-text-light);font-size:.75rem;font-weight:600;padding:.5rem;line-height:1.2;border-radius:6px}.file-item-remove:hover{background:#fef2f2;color:var(--color-error)}.segmented-fieldset{min-width:0;margin:0;padding:0;border:0}.file-picker{position:relative;overflow:hidden;cursor:pointer}.file-picker-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker:has(.file-picker-input:focus-visible){outline:3px solid rgba(37,99,235,.24);outline-offset:2px}.file-picker.is-disabled{cursor:not-allowed;opacity:.6}.segmented-fieldset legend{margin-bottom:.4rem;padding:0;font-size:.875rem;font-weight:600}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-bg-secondary)}.segmented-control label{position:relative;cursor:pointer}.segmented-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.segmented-control span{display:flex;min-height:38px;align-items:center;justify-content:center;padding:.45rem .85rem;border-radius:6px;color:var(--color-text-light);font-size:.8125rem;font-weight:600;line-height:1.2;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.segmented-control input:checked+span{color:var(--color-primary-dark);background:#fff;box-shadow:0 1px 3px #0f172a1f}.segmented-control input:focus-visible+span{outline:3px solid rgba(37,99,235,.24);outline-offset:1px}.enhancer-preview-stage{display:flex;justify-content:center;min-height:0;margin-bottom:1rem;overflow:hidden;text-align:center}.enhancer-preview-canvas,.cropper-preview-image{display:block;width:auto;max-width:100%;max-height:var(--tool-preview-max-height);height:auto;border:1px solid var(--color-border);border-radius:8px}.cropper-preview-frame{max-width:100%}.cropper-preview-frame.is-zoomable{max-width:none}.cropper-preview-frame.is-zoomable .cropper-preview-image{max-height:none}:root{--tool-preview-max-height: clamp(400px, calc(100dvh - 300px) , 640px)}.resizer-workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:1.25rem;align-items:start;margin-top:1.5rem}.resizer-preview-panel,.resizer-controls-panel,.id-photo-editor-panel,.id-photo-settings-panel,.cropper-controls-panel{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:10px;background:#fff}.cropper-controls-panel>*{min-width:0}.resizer-preview-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.resizer-preview-heading>div{display:grid;gap:.15rem;min-width:0}.resizer-preview-heading span,.resizer-preview-panel>p{overflow:hidden;color:var(--color-text-light);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.resizer-preview-heading output{flex:0 0 auto;color:var(--color-primary-dark);font-size:.78rem;font-weight:700}.resizer-preview-stage{display:grid;min-height:280px;max-height:470px;place-items:center;padding:.75rem;overflow:auto;border-radius:8px;background:var(--color-bg-secondary)}.resizer-preview-frame{position:relative;flex:0 0 auto;overflow:visible;border:2px solid var(--color-primary);border-radius:6px;background:#fff;box-shadow:0 8px 24px #0f172a1a}.resizer-preview-frame img{display:block;width:100%;height:100%;border-radius:4px;object-fit:fill;user-select:none}.resizer-preview-handle{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--color-primary);box-shadow:0 1px 5px #0f172a47;cursor:nwse-resize;touch-action:none}.resizer-preview-handle:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.resizer-preview-panel>p{margin:.75rem 0 0;white-space:normal}.cropper-workspace{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(320px,.9fr);gap:1.25rem;align-items:start}.cropper-preview-scroll{display:grid;max-height:var(--tool-preview-max-height);place-items:start center;overflow:auto;border-radius:8px;background:var(--color-bg-secondary)}.cropper-controls-panel{display:grid;gap:.65rem;padding:.9rem}.cropper-controls-panel>p,.cropper-controls-panel>div{margin-bottom:0!important}.cropper-zoom-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.55rem;align-items:center;width:100%;min-width:0;max-width:100%}.cropper-zoom-control input[type=range]{width:auto;min-width:0}.cropper-zoom-control .btn{min-height:38px;padding:.4rem .65rem;font-size:.75rem}.cropper-file-summary{flex-wrap:nowrap!important;gap:.6rem!important}.cropper-file-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cropper-options-row{gap:.6rem!important}.cropper-primary-action{width:100%}.cropper-zoom-control output{min-width:3.2rem;color:var(--color-text-light);font-size:.8rem;text-align:right}.id-photo-workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr);gap:1.25rem;align-items:start}.id-photo-editor-panel section,.id-photo-settings-panel .id-photo-options{margin-bottom:0}.id-photo-settings-panel{display:grid;gap:.75rem}.id-photo-settings-panel .status{margin:0;padding:.65rem .75rem}.id-photo-settings-panel .id-photo-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.id-photo-settings-panel .id-photo-options{gap:.75rem}.id-photo-settings-panel .id-photo-control{min-height:40px}.id-photo-actions{position:sticky;bottom:.5rem;z-index:2;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0 0;background:#fff;box-shadow:0 -8px 12px -12px #0f172a3d}.id-photo-page-intro{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}.id-photo-page-intro p{margin:0;color:var(--color-text-light)}.id-photo-page-intro .privacy-badge{flex:0 0 auto;margin:0}@media(max-width:900px){:root{--tool-preview-max-height: min(52dvh, 520px)}.resizer-workspace,.cropper-workspace,.id-photo-workspace{grid-template-columns:1fr}.resizer-preview-stage{min-height:240px}.id-photo-settings-panel .id-photo-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-photo-page-intro{display:grid}}@media(max-width:480px){:root{--tool-preview-max-height: min(55dvh, 440px)}.resizer-preview-panel,.resizer-controls-panel,.id-photo-editor-panel,.id-photo-settings-panel,.cropper-controls-panel{padding:.8rem}.id-photo-settings-panel .id-photo-options-grid{grid-template-columns:1fr}}.pdf-page-shell{width:min(100%,480px);margin-inline:auto}.pdf-page-canvas{max-width:480px;margin-inline:auto}.result-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;margin-bottom:.5rem}.result-info{display:flex;align-items:center;gap:.75rem}.result-preview{width:48px;height:48px;object-fit:cover;border-radius:4px;background:var(--color-bg-secondary)}.faq-section{margin-top:3rem}.faq-section h2{font-size:1.5rem;margin-bottom:1.5rem}.faq-item{border-bottom:1px solid var(--color-border);padding:1rem 0}.faq-question{font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:none;border:none;width:100%;text-align:left;color:var(--color-text);padding:0}.faq-question:hover{color:var(--color-primary)}.faq-answer{padding-top:.75rem;color:var(--color-text-light);font-size:.9rem;line-height:1.7}.faq-answer[hidden]{display:none}.features-section{margin-top:2rem}.features-section h2{font-size:1.5rem;margin-bottom:1rem}.features-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.features-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.features-list li:before{content:"✓";color:var(--color-success);font-weight:700}.howto-section{margin-top:2rem}.howto-section h2{font-size:1.5rem;margin-bottom:1rem}.howto-steps{list-style:none;counter-reset:step}.howto-steps li{counter-increment:step;padding:.75rem 0 .75rem 3rem;position:relative;font-size:.95rem}.howto-steps li:before{content:counter(step);position:absolute;left:0;width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.related-tools{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.related-tools h2{font-size:1.25rem;margin-bottom:1rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.related-guides{margin-top:2rem;padding:1.25rem;border:1px solid #bfdbfe;border-radius:10px;background:#f8fbff}.related-guides h2{margin-bottom:.9rem;font-size:1.25rem}.related-guides-grid,.guide-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.9rem}.guide-card,.guide-index-card{display:block;padding:1rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;background:#fff}.guide-card:hover,.guide-index-card:hover{border-color:#93c5fd;box-shadow:0 8px 20px #2563eb14}.guide-card h3,.guide-index-card h2{margin:0;color:var(--color-primary);font-size:1rem}.guide-card p,.guide-index-card p{margin:.45rem 0 0;color:var(--color-text-light);font-size:.875rem;line-height:1.6}.guide-index{padding:clamp(2rem,6vw,4.5rem) 0}.guide-index-intro{max-width:46rem;margin-bottom:2rem}.guide-index-eyebrow{margin:0 0 .5rem;color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-index-intro h1{margin-bottom:.85rem}.guide-index-intro>p:last-child{color:var(--color-text-light);font-size:1.05rem;line-height:1.7}.guide-index-card h2 a{color:inherit}.guide-index-link{display:inline-block;margin-top:.9rem;font-size:.875rem;font-weight:600}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-links a,.footer-copy{color:var(--color-text-light);font-size:.875rem}select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:#fff;color:var(--color-text)}select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}input[type=range]{width:100%}.field-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);font-size:.875rem}.field-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.field-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.splitter-file-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.splitter-file-row .btn{margin-left:auto}.splitter-frame{position:relative;display:inline-block;max-width:100%;margin-bottom:.75rem;line-height:0;touch-action:none}.splitter-frame img{display:block;max-width:100%;height:auto}.splitter-tile{position:absolute;outline:1px solid rgba(37,99,235,.85);outline-offset:-1px;background:#2563eb0f;pointer-events:none}.splitter-handle{position:absolute;padding:0;border:0;background:transparent;touch-action:none}.splitter-handle>span{display:block;background:#f59e0b;box-shadow:0 0 0 1px #ffffffe6}.splitter-handle-x{top:0;bottom:0;width:22px;transform:translate(-11px);cursor:col-resize}.splitter-handle-x>span{width:3px;height:100%;margin:0 auto}.splitter-handle-y{left:0;right:0;height:22px;transform:translateY(-11px);cursor:row-resize}.splitter-handle-y>span{width:100%;height:3px;margin:10px 0}.splitter-handle:hover>span,.splitter-handle:focus-visible>span{background:#d97706}.splitter-hint{margin-bottom:1rem;color:var(--color-text-light);font-size:.8125rem;line-height:1.6}.splitter-fieldset{margin:0 0 1rem;padding:0;border:0}.splitter-fieldset legend{margin-bottom:.5rem;padding:0;font-size:.875rem;font-weight:500}.splitter-preset-row{display:flex;gap:.5rem;flex-wrap:wrap}.splitter-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:1rem;margin-bottom:1.5rem}.splitter-cut-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.5rem;margin-bottom:1rem}.splitter-cut-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.splitter-cut-group-head h4{font-size:.9375rem}.splitter-cut-list{display:grid;gap:.75rem;list-style:none}.splitter-cut-row{display:flex;align-items:flex-end;gap:.5rem}.splitter-cut-row .number-field{flex:1 1 auto;min-width:0}.splitter-cut-row .btn{flex:0 0 auto;white-space:nowrap}.number-field{min-width:0}.number-field-row{display:flex;align-items:stretch;gap:.375rem}.number-field-row .field-input{flex:1 1 auto;min-width:0;text-align:center}.number-field-step{display:none;flex:0 0 auto;width:2.75rem;min-height:2.75rem;padding:0;font-size:1.125rem;font-weight:600;line-height:1}@media(hover:none)and (pointer:coarse){.number-field-step{display:inline-flex}}.number-field-hint{margin-top:.25rem;color:var(--color-text-light);font-size:.75rem}@media(hover:none){.number-field-row .field-input::-webkit-outer-spin-button,.number-field-row .field-input::-webkit-inner-spin-button{margin:0;appearance:none}}.splitter-cut-empty{color:var(--color-text-light);font-size:.8125rem}.btn-compact{min-height:36px;padding:.375rem .75rem;font-size:.8125rem}.status{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin:1rem 0}.status-processing{background:#fef3c7;color:#92400e}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.privacy-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-success);background:#d1fae5;padding:.25rem .75rem;border-radius:999px;margin-top:.5rem}.qr-generator-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:768px){.qr-generator-layout{grid-template-columns:1fr}}.breadcrumbs{margin:-.35rem 0 1.5rem;color:var(--color-text-light);font-size:.8rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:0;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.35rem;color:#a6b0bf}.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-primary-dark)}.page-updated{margin:3.5rem 0 0;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.78rem}.spec-section{margin:3rem 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--color-border);border-radius:.8rem;background:#fbfcfe}.section-heading-row.compact{align-items:start;margin-bottom:1.25rem}.section-heading-row.compact h2{font-size:clamp(1.45rem,2.6vw,2rem)}.section-heading-row.compact>p{max-width:26rem;font-size:.85rem}.table-scroll{overflow-x:auto}.spec-table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.88rem}.spec-table th,.spec-table td{padding:.8rem .75rem;border-bottom:1px solid var(--color-border);text-align:left}.spec-table thead th{color:var(--color-text-light);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.spec-table tbody th{color:var(--color-text);font-weight:650}.spec-note{margin:1rem 0 0;color:var(--color-text-light);font-size:.8rem}.home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(2.5rem,7vw,6.5rem) 0 clamp(3rem,7vw,6rem);border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 88% 12%,rgba(36,88,214,.11),transparent 25rem),linear-gradient(90deg,transparent 0 61%,rgba(220,227,237,.28) 61% 61.1%,transparent 61.1%)}.hero-kicker,.section-index{margin:0 0 .8rem;color:var(--color-primary-dark);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.home-hero h1{max-width:13ch;margin:0;font-size:clamp(2.7rem,6.1vw,5.9rem);font-weight:720;letter-spacing:-.055em;line-height:.96}.hero-summary{max-width:63ch;margin:1.7rem 0 0;color:var(--color-text-light);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65}.hero-proof{display:flex;flex-wrap:wrap;gap:.6rem 1.35rem;margin-top:1.5rem;font-size:.88rem;font-weight:600}.hero-proof span:before{content:"✓";margin-right:.4rem;color:var(--color-success)}.hero-privacy-note{display:flex;gap:.9rem;padding:1.25rem 0 0 1.25rem;border-top:2px solid var(--color-text)}.privacy-signal{width:.7rem;height:.7rem;flex:0 0 auto;margin-top:.35rem;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 .35rem #147d641f}.hero-privacy-note strong{display:block;margin-bottom:.35rem;font-size:1.05rem}.hero-privacy-note p{margin:0;color:var(--color-text-light);font-size:.88rem;line-height:1.55}.home-primary-tool{margin:clamp(2.5rem,6vw,5rem) 0;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid #cbd8ee;border-radius:1.1rem;background:#f8faff;box-shadow:0 1.5rem 4rem #254a911a}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}.section-heading-row h2{margin:0;font-size:clamp(1.8rem,3.6vw,3rem);letter-spacing:-.035em;line-height:1.05}.section-heading-row>p{max-width:34rem;margin:0;color:var(--color-text-light)}.text-link{flex:0 0 auto;font-weight:650}.tool-directory-section{margin:clamp(3.25rem,6vw,5rem) 0 clamp(4rem,8vw,7rem)}.tool-directory-section .tools-grid{grid-template-columns:repeat(12,1fr);gap:1rem}.tool-directory-section .tool-card{grid-column:span 4;display:flex;min-height:17rem;flex-direction:column;padding:1.5rem;border:0;border-top:1px solid var(--color-border);border-radius:0;background:transparent;color:inherit;transition:background-color .22s ease,transform .22s ease}.tool-directory-section .tool-card:hover{background:#f2f6fd;box-shadow:none;text-decoration:none;transform:translateY(-3px)}.tool-card-topline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.7rem}.tool-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.7rem;background:#e7eefc;color:var(--color-primary-dark)}.tool-icon svg{width:1.55rem;height:1.55rem}.tool-card-number{color:#8390a3;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.75rem;font-variant-numeric:tabular-nums}.tool-directory-section .tool-card h3{color:var(--color-text);font-size:1.35rem;letter-spacing:-.025em}.tool-directory-section .tool-card p{max-width:45ch;line-height:1.65}.tool-card-action{margin-top:auto;padding-top:1.5rem;color:var(--color-primary-dark);font-size:.88rem;font-weight:650}.home-info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,7vw,7rem);margin:clamp(4rem,8vw,7rem) 0;padding:clamp(2rem,5vw,4rem);background:var(--color-bg-secondary)}.home-info-grid h2{margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.1}.home-info-grid p:not(.section-index){color:var(--color-text-light);line-height:1.75}.popular-paths{margin:clamp(4rem,7vw,6rem) 0}.popular-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.popular-paths-grid a{position:relative;display:flex;min-height:8.75rem;flex-direction:column;justify-content:center;padding:1.4rem 3.5rem 1.4rem 1.5rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);transition:background-color .18s ease}.popular-paths-grid a:hover{background:#f2f6fd;text-decoration:none}.popular-paths-grid span{font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.popular-paths-grid small{margin-top:.35rem;color:var(--color-text-light);font-size:.82rem}.popular-paths-grid b{position:absolute;top:50%;right:1.5rem;color:var(--color-primary-dark);font-size:1.2rem;font-weight:500;transform:translateY(-50%);transition:transform .18s ease}.popular-paths-grid a:hover b{transform:translate(.2rem,-50%)}.btn{transition:background-color .2s ease,border-color .2s ease,transform .16s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px) scale(.985)}.btn-primary{box-shadow:0 .5rem 1.2rem #2458d633}.btn-primary:hover{box-shadow:0 .7rem 1.5rem #2458d645;text-decoration:none}@media(max-width:900px){.home-hero{grid-template-columns:1fr;gap:2.25rem}.tool-directory-section .tool-card{grid-column:span 6}}@media(max-width:640px){.home-hero{padding:1.4rem 0 2.4rem;background:radial-gradient(circle at 95% 8%,rgba(36,88,214,.1),transparent 16rem)}.home-hero h1{max-width:none;font-size:clamp(2.35rem,12vw,3.4rem)}.hero-summary{margin-top:1.15rem;font-size:1rem}.hero-privacy-note{padding-top:1rem}.section-heading-row{align-items:flex-start;flex-direction:column;gap:.75rem}.home-primary-tool{margin-inline:-.25rem;padding:1rem;border-radius:.8rem}.tool-directory-section .tools-grid{grid-template-columns:1fr}.tool-directory-section .tool-card{grid-column:auto;min-height:13rem;padding-inline:.25rem}.tool-card-topline{margin-bottom:1.7rem}.home-info-grid{grid-template-columns:1fr;margin-inline:-.75rem;padding:2rem 1.25rem}.popular-paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-hero{grid-template-columns:minmax(0,.88fr) minmax(28rem,1.12fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center;padding:clamp(2.75rem,5vw,4.5rem) 0 clamp(3.25rem,6vw,5rem);background:radial-gradient(circle at 78% 18%,rgba(36,88,214,.08),transparent 23rem)}.home-hero h1{max-width:13ch;font-size:clamp(3.25rem,5.1vw,5rem);line-height:.98}.hero-summary{margin-top:1.4rem;font-size:clamp(1rem,1.45vw,1.15rem)}.hero-tool-panel{min-width:0;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #cbd8ee;border-top:3px solid var(--color-text);border-radius:.3rem .3rem 1rem 1rem;background:#fffffff0;box-shadow:0 1.5rem 4rem #254a911f}.hero-tool-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.hero-tool-heading h2{margin:0;font-size:clamp(1.65rem,2.6vw,2.35rem);letter-spacing:-.035em;line-height:1}.hero-tool-format{flex:0 0 auto;color:var(--color-text-light);font-family:ui-monospace,Cascadia Mono,monospace;font-size:.72rem}.hero-tool-panel .tool-area{margin-bottom:.65rem;padding:clamp(1.4rem,3vw,2.2rem) 1rem;border-color:#b9c7dd;background:#f5f8fd}.hero-tool-panel .hero-privacy-note{align-items:center;margin:1rem 0 .85rem;padding:.8rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.hero-tool-panel .hero-privacy-note p{font-size:.78rem}.hero-tool-panel .text-link{display:inline-block;font-size:.84rem}@media(max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr);gap:2rem}.home-hero h1{max-width:13ch}}@media(max-width:640px){.home-hero{gap:1.4rem;padding:1.15rem 0 2.5rem}.home-hero h1{max-width:13ch;font-size:clamp(2.45rem,11.5vw,3.1rem);line-height:.98}.hero-summary{margin-top:.9rem;font-size:.94rem;line-height:1.55}.hero-proof{gap:.35rem .8rem;margin-top:.9rem;font-size:.76rem}.hero-tool-panel{padding:1rem;border-radius:.2rem .2rem .75rem .75rem}.hero-tool-heading{align-items:flex-start;margin-bottom:.9rem}.hero-tool-heading h2{font-size:1.65rem}.hero-tool-format{padding-top:.25rem;font-size:.63rem}.hero-tool-panel .tool-area{padding:1.15rem .75rem}.hero-tool-panel .hero-privacy-note{margin-top:.75rem;padding:.65rem 0}.tool-directory-section{margin-top:2.75rem}.popular-paths{margin:3.5rem 0}.popular-paths-grid{grid-template-columns:1fr}.popular-paths-grid a{min-height:6.5rem}}body{min-width:0;overflow-wrap:anywhere}:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.625rem 1rem;border-radius:6px;background:var(--color-text);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:auto;min-height:var(--header-height)}.site-nav{gap:.75rem}.nav-menu-group{position:relative}.nav-menu-group summary{min-height:44px;display:flex;align-items:center;padding:0 .75rem;color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;list-style:none}.nav-menu-group summary::-webkit-details-marker{display:none}.nav-menu-group summary:after{content:"";width:.45rem;height:.45rem;margin-left:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}.nav-menu-group[open] summary,.nav-menu-group summary:hover{color:var(--color-primary)}.nav-menu-panel{position:absolute;top:calc(100% + .25rem);right:0;min-width:220px;padding:.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);box-shadow:0 12px 30px #0f172a24}.nav-menu-panel a{display:block;padding:.625rem .75rem;border-radius:6px;color:var(--color-text);font-size:.875rem;font-weight:500}.nav-menu-panel a:hover,.nav-menu-panel a[aria-current=page]{color:var(--color-primary);background:#eff6ff;text-decoration:none}.mobile-nav-toggle{display:none;min-height:44px;padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-weight:600}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.features-list{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.related-tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.tool-area:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb2e}.btn{min-height:44px;justify-content:center}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6}.file-item{min-width:0}.file-item-name,.result-info,.result-info>div{min-width:0}.file-item-remove{min-width:44px;min-height:44px}.result-info{max-width:100%}.footer-links{flex-wrap:wrap}input,select,textarea{max-width:100%}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.site-header .container{min-height:var(--header-height)}.mobile-nav-toggle{display:inline-flex;align-items:center}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--header-height));overflow-y:auto;padding:.75rem 1rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 12px 24px #0f172a1f}.site-nav[data-open]{display:block}.nav-menu-group summary{justify-content:space-between;width:100%}.nav-menu-panel{position:static;min-width:0;margin:.25rem 0 .75rem;border:0;border-left:2px solid var(--color-border);border-radius:0;box-shadow:none}.nav-menu-panel a{min-height:44px;display:flex;align-items:center}.footer-content{align-items:flex-start;flex-direction:column}.footer-links{gap:.5rem 1rem}}@media(max-width:768px){.site-main{padding:1.5rem 0}.hero{padding:2rem 0}.hero h1{font-size:clamp(2rem,10vw,2.5rem)}.tool-area{padding:1.5rem 1rem}.result-item{align-items:stretch;flex-direction:column;gap:.75rem}.result-item>.btn,.result-item>a.btn{width:100%}.file-item{gap:.5rem}.file-item-size{margin-left:0}.file-item-thumbnail{width:48px;height:48px;flex-basis:48px}.segmented-control{width:100%}}@media(max-width:400px){.container{padding-inline:.75rem}.site-logo{font-size:1.125rem}.site-logo img{width:1.625rem;height:1.625rem}.footer-links{flex-direction:column}.qr-field-grid{grid-template-columns:1fr!important}}