/* Local Website Generator styles */
.lsg-main{padding:28px 0 60px}
.lsg-navtag{font-weight:700;color:#312e81;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:6px 14px;font-size:.85rem}
.tool-hero{max-width:900px;margin:6px auto 0}
.tool-hero h1{font-size:2.1rem;color:#1e1b4b;margin-bottom:10px}
.tool-intro{font-size:1.07rem;line-height:1.65;margin:14px 0}
.kt-box{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #c7d2fe;border-left:4px solid #6366f1;border-radius:12px;padding:16px 20px;margin:18px 0}
.kt-box .kt-title{margin:0 0 6px;font-size:1.05rem;color:#3730a3;font-weight:700}
.kt-box ul{margin:0;padding-left:20px}
.kt-box li{margin:6px 0;line-height:1.55}
.step-dots{display:flex;gap:8px;list-style:none;padding:0;margin:26px 0;flex-wrap:wrap}
.step-dots button{border:1px solid #c7d2fe;background:#fff;border-radius:999px;padding:8px 16px;cursor:pointer;font-size:.9rem;color:#3730a3}
.step-dots button.active{background:#4f46e5;color:#fff;border-color:#4f46e5;font-weight:700}
.panel{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:26px;margin-bottom:18px}
.panel.active{display:block}
.panel h2{color:#312e81;margin:0 0 14px;font-size:1.4rem}
.pill{font-size:.7rem;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:999px;padding:3px 10px;vertical-align:middle}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid2 .span2{grid-column:1/-1}
label{display:block;font-weight:600;font-size:.92rem;color:#1e293b}
label input{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:1rem;font-weight:400}
label input:focus{outline:2px solid #6366f1;border-color:#6366f1}
.hint{color:#64748b;font-size:.9rem;line-height:1.55;margin:12px 0}
.check{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:600}
.check input{width:auto}
.btn{background:#4f46e5;color:#fff;border:none;border-radius:9px;padding:11px 22px;font-size:1rem;cursor:pointer;font-weight:600}
.btn:hover{background:#4338ca}
.btn.ghost{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.btn.big{font-size:1.08rem;padding:14px 30px;margin:8px 0}
.btn.sm{padding:8px 12px;font-size:.85rem}
.btn:disabled{opacity:.55;cursor:default}
.svc-row{display:flex;gap:10px;margin-bottom:10px}
.svc-row input{flex:1;padding:10px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:1rem}
.themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.theme-card{border:2px solid #e5e7eb;border-radius:12px;padding:14px;cursor:pointer;display:block}
.theme-card input{position:absolute;opacity:0}
.theme-card:has(input:checked){border-color:#4f46e5;background:#eef2ff}
.theme-card strong{display:block;margin:10px 0 4px;color:#1e1b4b}
.theme-card small{color:#64748b;line-height:1.5}
.thumb{display:block;height:110px;border-radius:8px;overflow:hidden;position:relative;border:1px solid #e5e7eb}
.thumb span{position:absolute;border-radius:4px}
.thumb-trust{background:#eff6ff}
.thumb-trust span:nth-child(1){left:10px;right:10px;top:10px;height:14px;background:#1d4ed8}
.thumb-trust span:nth-child(2){left:10px;top:34px;width:60%;height:26px;background:#bfdbfe}
.thumb-trust span:nth-child(3){left:10px;top:70px;width:34%;height:18px;background:#f59e0b}
.thumb-midnight{background:#0b1220}
.thumb-midnight span:nth-child(1){left:10px;right:10px;top:10px;height:14px;background:#1e293b}
.thumb-midnight span:nth-child(2){left:10px;top:34px;width:60%;height:26px;background:#334155}
.thumb-midnight span:nth-child(3){left:10px;top:70px;width:34%;height:18px;background:#d4a017}
.thumb-local{background:#f0fdf4}
.thumb-local span:nth-child(1){left:10px;right:10px;top:10px;height:14px;background:#15803d}
.thumb-local span:nth-child(2){left:10px;top:34px;width:60%;height:26px;background:#bbf7d0}
.thumb-local span:nth-child(3){left:10px;top:70px;width:34%;height:18px;background:#f97316}
.keyrow{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}
.keystatus{color:#475569;font-size:.9rem}
.secure-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 18px;margin:14px 0;line-height:1.6;font-size:.92rem}
.ai-badge{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;border-radius:10px;padding:12px 16px;margin:12px 0;font-size:.92rem}
.ai-badge.on{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}
.progress{margin:18px 0}
.progress .bar{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.progress .bar span{display:block;height:100%;width:0;background:#4f46e5;transition:width .3s}
#genLabel{font-weight:600;margin:10px 0;color:#312e81}
.genlog{list-style:none;padding:0;max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.88rem;background:#f8fafc}
.genlog li{margin:5px 0}
.genlog li.ok{color:#15803d}
.genlog li.warn{color:#b45309}
.genlog li.err{color:#b91c1c}
.pagelist{list-style:none;padding:0;margin:12px 0}
.pagelist li{padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:.9rem;font-family:ui-monospace,monospace}
.wiznav{display:flex;justify-content:space-between;margin:6px 0 18px}
.formerr{color:#b91c1c;font-weight:600;min-height:1.4em}
.seo-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px 26px;margin:22px 0}
.seo-content h2{margin-top:1.4em;color:#312e81;font-size:1.25rem}
.seo-content h2:first-child{margin-top:0}
.seo-content p{line-height:1.65;margin:10px 0}
.zfaq details{margin:10px 0;border:1px solid #c7d2fe;border-radius:10px;padding:12px 16px;background:#fff}
.zfaq summary{cursor:pointer;font-weight:700;color:#312e81}
.zfaq p{margin:8px 0 0;line-height:1.6}
.hidden{display:none!important}
.presets{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap}
.preset-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}
.gemini-guide{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:14px 18px;margin:0 0 16px;font-size:.92rem;line-height:1.6}
.gemini-guide ol{margin:8px 0;padding-left:20px}
.gemini-guide li{margin:5px 0}
.suggest-row{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.suggest-row .hint{margin:0;flex:1;min-width:200px}
.suggest-msg{margin:12px 0;padding:12px 16px;border-radius:10px;font-size:.92rem;line-height:1.6}
.suggest-msg.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.suggest-msg.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.suggest-msg.ok{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}
.suggest-msg .btn{margin-left:10px}
.suggest-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}
.suggest-group{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#f8fafc}
.suggest-group h4{margin:0 0 8px;color:#312e81;font-size:.95rem}
.suggest-group label{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:.88rem;margin:6px 0;cursor:pointer;color:#334155}
.suggest-group input[type=checkbox]{width:auto;margin-top:3px;accent-color:#4f46e5}
.suggest-group .groupline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.suggest-group .groupline button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.8rem;font-weight:600;padding:0}
.blogsec{border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin:16px 0;background:#fbfbff}
.blogsec h3{margin:0 0 6px;color:#312e81;font-size:1.1rem}
.blog-row{display:flex;align-items:flex-start;gap:10px;margin:8px 0;font-size:.92rem}
.blog-row input[type=checkbox]{width:auto;margin-top:4px;accent-color:#4f46e5}
.blog-row span{flex:1;line-height:1.5;color:#1e293b}
.blog-row .rm{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:.8rem;padding:2px 4px}
.blog-add{display:flex;gap:10px;margin-top:12px}
.blog-add input{flex:1;padding:10px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:.95rem}
.kw-note{font-size:.85rem;color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 12px;margin-top:10px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}.tool-hero h1{font-size:1.6rem}}