:root{--bg: #F3F4F6;--fg: #010101;--muted: #4B5563;--card: #FFFFFF;--header-bg: #fedaef;--header-blue: #d5eeff;--highlight-1: #e20074;--highlight-2: #e20074;--highlight-gradient: linear-gradient(90deg, var(--highlight-1), var(--highlight-2));--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Proxima Nova,ui-sans-serif,system-ui,-apple-system,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--header-bg),var(--header-blue));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50% + 16px);padding-right:calc(50vw - 50% + 16px);margin-top:-16px;padding-top:16px;padding-bottom:32px}.header-form{width:100%;max-width:1100px;margin:8px 0 0}.title{margin:8px 0;font-size:clamp(48px,8vw,96px);font-weight:700;color:var(--highlight-2)}.title .title-link{color:inherit;text-decoration:none;transition:background-color .16s ease;border-radius:6px;padding:0 6px}.title .title-link:hover{background-color:#e200741a}.ad{background:var(--highlight-gradient);border:1px solid #FFFFFF;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.ad-top{height:90px}.ad-bottom{height:50px;margin-top:8px}.ad-rect{height:250px;margin-bottom:16px}.main{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.main{grid-template-columns:2fr 1fr}}.main>*{grid-column:1 / -1}.card{background:var(--card);border:2px solid #e5e7eb;border-radius:12px;padding:16px}.label{display:block;margin-bottom:8px;color:var(--muted)}.row{display:flex;gap:8px}.input-wrap{position:relative;flex:1}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--highlight-2)}.input{width:100%;padding:12px 14px 12px 40px;border-radius:8px;border:2px solid var(--highlight-2);background:#fff;color:var(--fg)}.button{padding:12px 16px;background-color:var(--highlight-1);background-image:linear-gradient(90deg,var(--highlight-1) 0%,var(--highlight-1) 50%,var(--highlight-2) 50%,var(--highlight-2) 100%);background-size:200% 100%;background-position:0% 0%;transition:background-position .3s ease;color:#fff;border:2px solid var(--highlight-2);border-radius:8px;font-weight:600;cursor:pointer}.button:hover{background-position:100% 0%;box-shadow:0 0 0 3px #e2007426}.button[disabled]{opacity:.6;cursor:not-allowed}.error{color:var(--danger);margin-top:8px}.result{margin-top:12px}.download{color:var(--fg);text-decoration:underline}.hint{color:var(--muted);font-size:12px}.link{color:var(--fg);text-decoration:underline}.legal-caption{margin-top:8px;color:var(--muted);font-size:12px}.ad-column{display:none}@media (min-width: 900px){.ad-column{display:block}}.footer{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}.footer-links{margin:8px 0;display:flex;gap:8px;align-items:center;justify-content:center}.footer .sep{color:var(--muted)}.faq-title{margin:0 0 8px;font-weight:700;color:var(--highlight-1)}.faq details{margin-bottom:8px}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 0;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.page-content{color:var(--fg)}.plain-text{max-height:60vh;overflow-y:auto;overflow-x:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.plain-text pre{margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.logos{display:flex;align-items:center;justify-content:center}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.logo-icon{width:100%;height:80px;background-color:var(--highlight-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;border-radius:12px;box-shadow:0 0 0 1px #e2007459 inset,0 8px 24px #e2007426}@media (min-width: 900px){.logo-icon{height:120px}}.seo .faq-title{margin-top:16px}