:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#251d38;background:#fff;--purple-950:#2e155f;--purple-900:#3c1d7d;--purple-800:#4d28a6;--purple-700:#5d35cc;--purple-600:#6f4be8;--purple-500:#815ff0;--purple-400:#9b7cf4;--purple-300:#bca9f8;--purple-200:#d9cffb;--purple-100:#eee9ff;--purple-50:#f8f6ff;--purple:var(--purple-600);--purple-dark:var(--purple-700);--purple-light:var(--purple-500);--ink:#251d38;--muted:#6e677b;--border:#e9e3f5;--soft:#f7f4ff}*{box-sizing:border-box}html,body,#root{width:100%;max-width:none;margin:0;padding:0}body{overflow-x:hidden;background:#fff;color:var(--ink)}button,input,textarea,select{font:inherit}button{min-height:44px}.page-shell{min-height:70vh;background:linear-gradient(#fff 0,#fff 24%,#fdfcff)}.hero{max-width:980px;margin:0 auto;padding:62px 20px 30px;text-align:center}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--purple-dark)}h1{font-size:clamp(36px,4.8vw,48px);line-height:1.06;margin:11px 0 15px;letter-spacing:-.035em;color:#18181b;font-weight:800}h2{font-size:29px;line-height:1.22;letter-spacing:-.025em;margin:0;color:var(--purple-950)}h3{margin:0 0 8px;font-size:18px;line-height:1.35;color:#261d39}.hero p{max-width:760px;margin:0 auto;color:#66606f;font-size:16px;line-height:1.62}.tool-card{width:min(980px,calc(100% - 40px));margin:0 auto;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 14px 46px #26194b12;overflow:hidden}.type-tabs{display:flex;gap:5px;padding:12px 14px;border-bottom:1px solid var(--border);overflow:auto;background:#fcfbff;scrollbar-width:thin}.type-tabs button{border:0;background:transparent;padding:0 14px;border-radius:9px;color:#625a70;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.type-tabs button:hover{background:#f4f0ff;color:var(--purple-dark)}.type-tabs button.active{background:#ece5ff;color:var(--purple-dark);box-shadow:inset 0 0 0 1px #e2d8ff}.tool-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}.controls{padding:26px;border-right:1px solid var(--border)}.form-stack,.settings-grid{display:grid;gap:15px}.form-stack label,.settings-grid label,.setting-field{display:grid;gap:7px;font-weight:700;font-size:14px;color:#342c41}.page-shell input:not([type=checkbox]):not([type=color]),.page-shell textarea,.page-shell select{width:100%;border:1px solid #dcd4eb;border-radius:10px;background:#fff;color:var(--ink);outline:none;box-shadow:none}.page-shell input:not([type=checkbox]):not([type=color]){height:46px;padding:0 13px;line-height:1.2}.page-shell textarea{padding:12px 13px;line-height:1.55;resize:vertical}.page-shell select{height:46px!important;min-height:46px!important;padding:0 38px 0 13px!important;line-height:1.2!important;background-color:#fff!important;color:var(--ink)!important;vertical-align:middle!important}.page-shell input:focus,.page-shell textarea:focus,.page-shell select:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px #815ff024}.page-shell input:disabled,.page-shell select:disabled{background:#f7f5fa!important;color:#8c8595!important;cursor:not-allowed}.field-help{display:block;color:#8b8495;font-size:12px;line-height:1.45;font-weight:500}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkline{display:flex!important;align-items:center;gap:9px!important;width:fit-content;font-weight:600!important}.checkline input{width:16px;height:16px;accent-color:var(--purple)}.settings{margin-top:20px;border-top:1px solid var(--border);padding-top:17px}.settings summary{position:relative;font-weight:800;cursor:pointer;margin-bottom:17px;padding:2px 30px 2px 0;list-style:none;color:#342c41}.settings summary::-webkit-details-marker{display:none}.settings summary:after{content:"+";position:absolute;right:2px;top:0;color:var(--purple);font-size:20px;line-height:1}.settings[open] summary:after{content:"−"}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid input[type=color]{height:46px;width:100%;border:1px solid #dcd4eb;border-radius:10px;padding:4px;background:#fff;cursor:pointer}.mini-button,.text-button{border:1px solid #d9d0ec;background:#fff;border-radius:10px;padding:0 11px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:#443a52;transition:background .18s ease,border-color .18s ease,color .18s ease}.mini-button{min-height:46px;width:100%}.mini-button:hover{background:#faf8ff;border-color:#cfc0ef;color:var(--purple-dark)}.text-button{min-height:30px;border:0;color:var(--purple-dark);padding:0;justify-content:flex-start;width:fit-content;background:transparent}.privacy-note{display:flex;gap:8px;align-items:flex-start;color:#6e677b;font-size:13px;line-height:1.5;margin:18px 0 0}.privacy-note svg{flex:none;margin-top:2px;color:var(--purple-dark)}.inline-notice{margin-top:14px;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex;gap:5px;flex-direction:column}.inline-notice.neutral{background:#faf8ff;border:1px solid #ebe3f8;color:#655d72}.inline-notice.warning{background:#fffaf0;border:1px solid #f2dfb5;color:#76581d}.inline-notice.error{background:#fff5f5;border:1px solid #f1cccc;color:#9a3939}.inline-notice strong{font-size:13px}.preview-panel{padding:26px;background:linear-gradient(180deg,#fbf9ff,#f4efff);display:flex;flex-direction:column;gap:14px}.preview-box{min-height:332px;display:grid;place-items:center;background:#fff;border:1px solid #e1daf0;border-radius:18px;padding:24px}.preview-box img{width:min(100%,310px);height:auto;display:block;image-rendering:auto}.empty-preview{text-align:center;color:#80778e;font-size:14px;line-height:1.55;max-width:260px}.preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-meta span{background:#ffffffd6;border:1px solid #e4dcf2;border-radius:11px;padding:10px}.preview-meta strong,.preview-meta small{display:block}.preview-meta strong{font-size:14px}.preview-meta small{color:#7a7286;margin-top:3px;font-size:12px;line-height:1.4}.download-row{display:grid;grid-template-columns:1fr auto;gap:9px}.primary-action,.secondary-action,.copy-action{border-radius:11px;padding:0 15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.primary-action{border:0;color:#fff;background:var(--purple);box-shadow:0 7px 18px #6f4be82e}.primary-action:hover:not(:disabled){background:var(--purple-dark)}.secondary-action,.copy-action{border:1px solid #d8ceed;background:#fff;color:var(--purple-dark)}.secondary-action:hover:not(:disabled),.copy-action:hover:not(:disabled){background:#faf8ff;border-color:#c8b9ec}.copy-action{width:100%}button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.trust-row{max-width:980px;margin:16px auto 0;padding:0 20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#6f6879;font-size:13px;line-height:1.45}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{color:var(--purple-dark)}.landing-content{margin-top:58px}.seo-section{padding:62px 20px}.seo-section:nth-child(odd){background:linear-gradient(180deg,#fbf9ff,#fff)}.section-heading{width:min(980px,100%);text-align:left;margin:0 auto 28px}.section-label{display:inline-flex;width:fit-content;padding:6px 9px;border:1px solid #e5ddf8;border-radius:999px;background:var(--purple-50);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--purple-dark)}.section-heading h2{margin-top:10px}.section-underline{display:block;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--purple-dark),var(--purple-300));margin:12px 0 0}.section-heading p{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.steps-grid,.features-grid,.related-grid{width:min(980px,100%);margin:0 auto;display:grid;gap:16px}.steps-grid,.features-grid{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.steps-grid article,.features-grid article,.related-card{position:relative;border:1px solid #e8e0f4;border-radius:17px;padding:22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}.steps-grid article{background:linear-gradient(145deg,#fff,#fdfcff)}.steps-grid article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--purple-dark),var(--purple-300));opacity:0;transition:opacity .18s ease}.steps-grid article:hover:before{opacity:1}.features-grid article{background:#fbf9ff}.features-grid article:nth-child(2n){background:#f8f5ff}.features-grid article:nth-child(3n){background:#fcfaff}.features-grid article:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#eee8ff;right:-28px;top:-32px;transition:transform .18s ease,background .18s ease}.features-grid article:hover:after{transform:scale(1.14);background:#e5ddfb}.steps-grid article:hover,.features-grid article:hover{transform:translateY(-3px);border-color:#d5c8ef;box-shadow:0 13px 32px #41247e17}.steps-grid p,.features-grid p{position:relative;z-index:1;color:var(--muted);font-size:15px;line-height:1.65;margin:0}.features-grid h3{position:relative;z-index:1}.step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--purple-100);color:var(--purple-dark);font-weight:900;margin-bottom:17px}.guidance-card{width:min(980px,100%);margin:0 auto;background:linear-gradient(135deg,#f4efff,#fbf9ff);border:1px solid #dfd4f3;border-radius:18px;padding:26px}.guidance-card p{color:#655d72;font-size:15px;line-height:1.75;margin:0}.guidance-card p+p{margin-top:13px}.faq-list{width:min(980px,100%);margin:0 auto;display:grid;gap:11px}.faq-list details{border:1px solid #e5dcf2;border-radius:14px;background:#fff;overflow:hidden;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.faq-list details:hover{background:#faf8ff;border-color:#dcd0ef}.faq-list details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 var(--purple)}.faq-list summary{position:relative;padding:17px 50px 17px 19px;font-weight:800;cursor:pointer;list-style:none;min-height:54px;display:flex;align-items:center;color:#30263f}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--purple-100);color:var(--purple-dark);font-size:18px;font-weight:800}.faq-list details[open] summary:after{content:"−"}.faq-list p{padding:0 19px 18px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.related-card{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;background:#fbf9ff;min-height:92px}.related-card:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;background:var(--purple);opacity:.35;border-radius:0 4px 4px 0;transition:width .18s ease,opacity .18s ease}.related-card:hover{transform:translateY(-2px);border-color:#cfc0ef;box-shadow:0 13px 32px #41247e17;background:#f8f5ff}.related-card:hover:before{width:5px;opacity:1}.related-card strong,.related-card small{display:block}.related-card strong{font-size:16px}.related-card small{margin-top:5px;color:#777082;font-size:13px}.related-arrow{color:var(--purple);background:#eee8ff;border-radius:9px;padding:7px;display:grid;place-items:center;transition:transform .18s ease,background .18s ease;flex:none;margin-left:15px}.related-card:hover .related-arrow{transform:translate(2px);background:#e5ddfb}.logo-dropzone{display:block;cursor:pointer}.logo-dropzone:focus-within{outline:3px solid rgba(129,95,240,.24);outline-offset:2px;border-radius:10px}:focus-visible{outline:3px solid rgba(129,95,240,.24);outline-offset:2px}@media(max-width:820px){.tool-grid{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--border)}.steps-grid,.features-grid,.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hero{padding:32px 14px 22px}.hero h1{font-size:clamp(32px,9.5vw,44px);line-height:1.06;letter-spacing:-1.2px;max-width:340px;margin:9px auto 12px}.hero p{font-size:15px;line-height:1.6;max-width:540px}.tool-card{width:calc(100% - 28px);border-radius:16px}.type-tabs{padding:9px 10px;gap:3px}.type-tabs button{min-height:44px;padding:0 12px}.controls,.preview-panel{padding:18px}.field-grid,.settings-grid,.preview-meta,.download-row{grid-template-columns:1fr}.page-shell input:not([type=checkbox]):not([type=color]),.page-shell select{height:50px!important;min-height:50px!important}.settings-grid input[type=color]{height:50px}.preview-box{min-height:270px;padding:20px}.preview-box img{width:min(100%,290px)}.trust-row{display:grid;justify-content:center;gap:8px 10px;width:fit-content;margin:16px auto 0;padding:0;text-align:left;font-size:13px}.landing-content{margin-top:32px}.seo-section{padding:44px 14px}.seo-section:first-child{padding-top:34px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(22px,7vw,25px);line-height:1.25}.section-heading p{font-size:15px}.steps-grid,.features-grid,.related-grid{grid-template-columns:1fr}.steps-grid article,.features-grid article,.related-card{padding:20px}.steps-grid article:hover,.features-grid article:hover,.related-card:hover{transform:none}.guidance-card{padding:21px}.faq-list summary{padding-left:17px}.faq-list p{padding-left:17px;padding-right:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}