:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--bg: #f6f8fb;--bg-muted: #eef5f4;--surface: #ffffff;--surface-strong: #fdfefe;--text: #172033;--muted: #5f6c80;--border: #dfe6ee;--primary: #2563eb;--primary-dark: #1e4fc3;--teal: #0f9f8a;--amber: #f59e0b;--danger: #c2410c;--shadow: 0 18px 40px rgba(29, 41, 57, .1);--shadow-soft: 0 10px 24px rgba(29, 41, 57, .08);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(37,99,235,.06),transparent 340px),var(--bg);color:var(--text)}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.skip-link{position:absolute;left:1rem;top:.75rem;z-index:20;transform:translateY(-150%);background:var(--text);color:#fff;padding:.65rem 1rem;border-radius:var(--radius)}.skip-link:focus{transform:translateY(0)}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.container.narrow{width:min(820px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:10;background:#ffffffeb;border-bottom:1px solid rgba(223,230,238,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-weight:800;font-size:1.05rem}.brand-mark{width:38px;height:38px}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-link{min-height:42px;display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:var(--radius);color:var(--muted);font-weight:700}.nav-link:hover,.nav-link.active{background:#edf4ff;color:var(--primary)}.nav-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:var(--radius);background:#edf4ff;cursor:pointer}.nav-toggle span{width:20px;height:2px;background:var(--primary);border-radius:99px}.hero-section{padding:72px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px}.hero-copy h1,.page-hero h1,.not-found h1{margin:0;font-size:3rem;line-height:1.08;letter-spacing:0}.hero-subtitle,.page-hero p,.section-title p,.seo-text p,.policy-content p,.not-found p{color:var(--muted);font-size:1.08rem}.hero-subtitle{max-width:680px;margin:1.2rem 0 0}.eyebrow{margin:0 0 .75rem;color:var(--teal);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.hero-actions,.button-row,.text-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.hero-actions{margin-top:1.7rem}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.05rem;border-radius:var(--radius);font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px #2563eb33}.button.primary:hover:not(:disabled){background:var(--primary-dark)}.button.secondary,.button.ghost{background:#eef5ff;color:var(--primary)}.button.danger{background:#fff4ed;color:var(--danger)}.button.small{min-height:36px;padding:.45rem .65rem;font-size:.88rem}.hero-preview{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hero-copy,.hero-preview,.tool-card,.category-card,.benefit-card,.placeholder-card,.tool-panel,.qr-preview-panel,.text-editor-panel,.stats-panel,.result-panel,.calculator-card,.contact-panel,.image-tool-card,.image-preview-panel{min-width:0}.preview-header{display:flex;gap:.45rem;padding:1rem;background:#102a43}.preview-header span{width:10px;height:10px;border-radius:50%;background:#93c5fd}.preview-header span:nth-child(2){background:#5eead4}.preview-header span:nth-child(3){background:#fbbf24}.preview-content{min-height:260px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1.5rem;padding:2rem}.preview-qr{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;aspect-ratio:1}.preview-qr span{background:#102a43;border-radius:4px}.preview-qr span:nth-child(2),.preview-qr span:nth-child(5),.preview-qr span:nth-child(8){background:var(--teal)}.preview-qr span:nth-child(6),.preview-qr span:nth-child(9){background:var(--amber)}.preview-lines{display:grid;gap:.85rem}.preview-lines span{height:13px;border-radius:99px;background:#e8edf5}.preview-lines span:nth-child(1){width:85%}.preview-lines span:nth-child(2){width:64%}.preview-lines span:nth-child(3){width:72%}.preview-lines strong{display:inline-flex;width:max-content;margin-top:.5rem;padding:.5rem .75rem;border-radius:var(--radius);background:#ecfdf5;color:#047857}.section{padding:56px 0}.section.compact{padding-top:12px}.section.muted{background:var(--bg-muted)}.section-title{max-width:720px;margin-bottom:1.5rem}.section-title h2,.seo-text h2,.policy-content h2,.qr-preview-panel h2,.stats-panel h2,.result-panel h2,.calculator-card h2,.contact-panel h2,.faq-list h2{margin:0;font-size:2rem;line-height:1.18;letter-spacing:0}.section-title p{margin:.75rem 0 0}.tool-grid,.category-grid,.benefit-grid,.feature-grid{display:grid;gap:1rem}.tool-grid,.category-grid,.benefit-grid,.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card,.category-card,.benefit-card,.placeholder-card,.tool-panel,.qr-preview-panel,.text-editor-panel,.stats-panel,.result-panel,.calculator-card,.contact-panel,.image-tool-card,.image-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.tool-card,.category-card,.benefit-card,.placeholder-card{min-height:100%;padding:1rem}.tool-card{display:flex;flex-direction:column;gap:1rem}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tool-icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#edf4ff;color:var(--primary)}.tool-icon svg{width:24px;height:24px;fill:currentColor}.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}.status-badge.available{background:#e6fffa;color:#0f766e}.status-badge.soon{background:#fff7ed;color:#b45309}.tool-card-body{flex:1}.tool-category{margin:0 0 .45rem;color:var(--teal);font-size:.85rem;font-weight:800}.tool-card h3,.category-card h3,.benefit-card h3,.placeholder-card h2{margin:0;font-size:1.18rem;line-height:1.25;letter-spacing:0}.tool-card p,.category-card p,.benefit-card p,.placeholder-card p,.calculator-card p,.contact-panel p,.faq-list p{color:var(--muted)}.tool-card p:last-child,.category-card p:last-child,.benefit-card p:last-child,.placeholder-card p:last-child,.calculator-card p:last-child,.contact-panel p:last-child,.faq-list p:last-child{margin-bottom:0}.tool-button{width:100%}.category-card{display:grid;gap:.55rem;transition:transform .16s ease,border-color .16s ease}.category-card:hover{transform:translateY(-2px);border-color:#2563eb73}.category-card span{color:var(--teal);font-weight:800;font-size:.85rem}.catalog-controls{display:grid;gap:.8rem;margin:0 0 1.2rem}.search-field{max-width:520px;margin:0}.search-field span{display:block;margin-bottom:.5rem;font-weight:800}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}.filter-button{min-height:40px;padding:.5rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.filter-button:hover,.filter-button.active{border-color:#2563eb80;background:#edf4ff;color:var(--primary)}.empty-state{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);color:var(--muted);font-weight:800;text-align:center}.page-hero{padding:58px 0 22px}.page-hero p{max-width:760px;margin:1rem 0 0}.tool-layout,.text-tool-layout,.file-tool-layout{display:grid;align-items:start;gap:1rem}.tool-layout{grid-template-columns:minmax(0,1fr) 380px}.text-tool-layout{grid-template-columns:minmax(0,1fr) 320px}.file-tool-layout{grid-template-columns:minmax(0,1fr) 360px}.tool-panel,.qr-preview-panel,.text-editor-panel,.stats-panel,.result-panel,.calculator-card,.contact-panel,.image-tool-card,.image-preview-panel{padding:1.25rem}label{display:block;margin-bottom:.5rem;font-weight:800}textarea,input,select{width:100%;border:1px solid #cfd8e5;border-radius:var(--radius);background:var(--surface-strong);color:var(--text);padding:.85rem .95rem;outline:none;resize:vertical}textarea:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary);padding:0}input[type=range]{width:100%;padding:0;accent-color:var(--primary)}.button-row{margin-top:1rem}.error-message{margin:.8rem 0 0;color:var(--danger);font-weight:700}.success-message,.privacy-note{margin:.8rem 0 0;color:var(--muted);font-size:.94rem}.success-message{color:#047857;font-weight:800}.qr-preview-panel{display:grid;gap:1rem}.qr-preview{min-height:320px;display:grid;place-items:center;border:1px dashed #b8c6d8;border-radius:var(--radius);background:#f8fbff;color:var(--muted);text-align:center;padding:1rem}.qr-preview.ready{border-style:solid;background:#fff}.qr-preview img{width:min(100%,320px);height:auto}.seo-text p{margin-bottom:0}.text-editor-panel textarea{min-height:280px}.text-actions{margin-top:1rem}.stats-panel{position:sticky;top:96px}.stats-panel dl{display:grid;gap:.85rem;margin:1rem 0 0}.stats-panel dl div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border-radius:var(--radius);background:#f7fafc}.stats-panel dt{color:var(--muted);font-weight:700}.stats-panel dd{margin:0;color:var(--primary);font-size:1.55rem;font-weight:900}.result-panel{display:grid;gap:1rem}.result-panel h2,.calculator-card h2,.contact-panel h2,.faq-list h2{font-size:1.35rem}.result-input{font-size:1.05rem;font-weight:800}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:.8rem}.compact-input{text-align:center;font-weight:800}.option-list{display:grid;gap:.75rem;margin:1.2rem 0 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius)}.option-list legend{padding:0 .35rem;color:var(--muted);font-weight:800}.check-row{display:flex;align-items:center;gap:.65rem;margin:0;font-weight:700}.strength-meter{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:var(--radius);background:#f7fafc}.strength-meter span{color:var(--muted);font-weight:800}.strength-meter strong{color:var(--primary)}.strength-meter.weak strong{color:var(--danger)}.strength-meter.medium strong{color:#b45309}.strength-meter.strong strong{color:#047857}.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.calculator-card{display:grid;align-content:start;gap:1rem}.input-grid{display:grid;gap:.8rem}.calculation-result{min-height:58px;display:flex;align-items:center;padding:.9rem 1rem;border-radius:var(--radius);background:#edf4ff;color:var(--primary);font-size:1.45rem;font-weight:900}.calculation-result.decrease{background:#fff4ed;color:var(--danger)}.image-privacy-note{margin:-.4rem 0 1.2rem;padding:.85rem 1rem;border:1px solid rgba(15,159,138,.22);border-radius:var(--radius);background:#ecfdf5;color:#047857;font-weight:800}.image-tool-stack{display:grid;gap:1.2rem}.image-tool-card{display:grid;gap:1rem}.image-tool-card.upcoming{background:#fffaf2}.image-tool-copy{display:grid;gap:.65rem}.image-tool-copy .status-badge{width:max-content}.image-tool-copy h2,.image-preview-panel h3{margin:0;line-height:1.2;letter-spacing:0}.image-tool-copy h2{font-size:1.55rem}.image-preview-panel h3{font-size:1.2rem}.image-tool-copy p,.image-preview-panel p{margin:0;color:var(--muted)}.image-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:1rem;align-items:start}.image-preview-panel{display:grid;gap:.9rem}.image-preview{min-height:260px;display:grid;place-items:center;border:1px dashed #b8c6d8;border-radius:var(--radius);background:#f8fbff;color:var(--muted);text-align:center;padding:1rem;overflow:hidden}.image-preview.ready{border-style:solid;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 10px,10px -10px,-10px 0;background-size:20px 20px}.image-preview img{max-height:340px;width:auto;max-width:100%;object-fit:contain;border-radius:4px;box-shadow:0 8px 22px #1d293924}.inline-stats{display:grid;gap:.65rem;margin:1rem 0}.inline-stats div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-radius:var(--radius);background:#f7fafc}.inline-stats dt{color:var(--muted);font-weight:800}.inline-stats dd{margin:0;color:var(--primary);font-weight:900;text-align:right}.file-list{display:grid;gap:.75rem;margin-top:1rem}.file-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:#f7fafc}.file-row>div:first-child{min-width:0}.file-row strong,.file-row span{display:block}.file-row strong{overflow-wrap:anywhere}.file-row span{color:var(--muted);font-size:.92rem}.file-row-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.file-result{color:var(--primary);text-align:right}.file-result.error{color:var(--danger)}.readonly-output{min-height:280px;margin-top:1rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.image-check-row{margin-top:.9rem}.faq-list{display:grid;gap:1rem}.faq-list article{padding-bottom:1rem;border-bottom:1px solid var(--border)}.faq-list article:last-child{padding-bottom:0;border-bottom:0}.contact-panel a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:4px}.policy-date{margin:0;color:var(--muted);font-weight:800}.placeholder-card{display:grid;align-content:start;gap:.75rem}.policy-content{display:grid;gap:1.4rem}.policy-content article{padding-bottom:1.4rem;border-bottom:1px solid var(--border)}.policy-content article:last-child{border-bottom:0}.policy-content p{margin-bottom:0}.not-found{min-height:56vh;display:grid;align-items:center;padding:72px 0}.site-footer{background:#122033;color:#dce6f2;padding:40px 0 22px}.footer-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:2rem;align-items:start}.footer-brand{margin:0;color:#fff;font-weight:900;font-size:1.2rem}.footer-copy{max-width:520px;margin:.65rem 0 0;color:#b7c5d8}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.footer-columns nav{display:grid;align-content:start;gap:.5rem}.footer-columns h2{margin:0 0 .35rem;color:#fff;font-size:.95rem;letter-spacing:0}.footer-columns a{color:#dce6f2;font-weight:700}.footer-columns a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(220,230,242,.16);color:#a9b7c9;font-size:.92rem}@media(max-width:1020px){.tool-grid,.category-grid,.benefit-grid,.feature-grid,.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.tool-layout,.text-tool-layout,.file-tool-layout,.image-tool-grid{grid-template-columns:1fr}.hero-preview{max-width:620px}.stats-panel{position:static}.footer-grid{grid-template-columns:1fr}}@media(max-width:720px){.container,.container.narrow{width:min(100% - 24px,1120px)}.nav-shell{min-height:66px;flex-wrap:wrap;padding:.5rem 0}.nav-toggle{display:inline-flex}.nav-links{position:static;flex-basis:100%;width:100%;display:none;flex-direction:column;align-items:stretch;padding:.6rem;margin-bottom:.35rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}.nav-links-open{display:flex}.nav-link{width:100%}.hero-section{padding:42px 0 36px}.hero-grid{gap:30px}.hero-copy h1,.page-hero h1,.not-found h1{font-size:2rem;overflow-wrap:break-word}.section-title h2,.seo-text h2,.policy-content h2,.qr-preview-panel h2,.stats-panel h2,.image-tool-copy h2{font-size:1.55rem}.hero-subtitle,.page-hero p,.section-title p,.seo-text p,.policy-content p,.not-found p{font-size:1rem}.hero-actions,.button-row,.text-actions{align-items:stretch}.button,.button-row .button,.text-actions .button{width:100%}.preview-content{min-height:230px;grid-template-columns:1fr}.preview-qr{width:148px}.tool-grid,.category-grid,.benefit-grid,.feature-grid,.calculator-grid{grid-template-columns:1fr}.section{padding:38px 0}.page-hero{padding-top:42px}.qr-preview{min-height:250px}.image-preview{min-height:220px}.file-row{align-items:stretch;flex-direction:column}.file-row-actions{justify-content:flex-start}.file-result{text-align:left}.two-columns,.footer-grid,.footer-columns{grid-template-columns:1fr}}@media(max-width:540px){.container,.container.narrow{width:min(366px,calc(100% - 24px));margin-left:12px;margin-right:auto}}