:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-border: #e5e7eb;--color-success: #10b981;--color-error: #ef4444;--max-width: 1200px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,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}.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}.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-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:flex;align-items:center;gap:.85rem;margin-top:1rem}.collage-actions .btn-primary{min-height:2.75rem;justify-content:center;flex:1}.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 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){.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-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;justify-content:space-between;padding:.5rem .75rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;margin-bottom:.5rem}.file-item-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{color:var(--color-text-light);font-size:.75rem;margin-left:.5rem;flex-shrink:0}.file-item-remove{background:none;border:none;color:var(--color-text-light);font-size:1.25rem;padding:0 .25rem;line-height:1}.file-item-remove:hover{color:var(--color-error)}.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}.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}.ad-placeholder{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.75rem;min-height:90px}.ad-banner{width:100%;height:90px}.ad-sidebar{width:300px;height:250px}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%}.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}}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}.ad-placeholder{display:none!important}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:auto}}@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}}