html,body,#root{min-height:100%;margin:0}html{background:url(/background.jpg) 50%/cover no-repeat fixed}body{background:0 0;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}#root{background:0 0}body:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1;background:#ffffff8c;position:fixed;inset:0}.app{max-width:700px;margin:40px auto;padding:0 20px 40px;background:0 0!important}.app,#root,body{background-color:#0000!important}.header-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:20px 24px;box-shadow:0 10px 25px #00000014}.header-row{align-items:center;display:flex;position:relative}.header-icon{width:120px;position:absolute;left:0}.header-text{text-align:center;margin:0 auto}.header-text h1{color:#111827;margin:0;font-size:28px;line-height:1.1}.header-text p{color:#6b7280;margin:6px 0 0;font-size:14px}.card{background:#fff;border:1px solid #ffffffb3;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 10px 30px #1f2a4414,0 2px 10px #1f2a440a}.card-title{color:#1f2a44;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.card-title .icon{text-align:center;opacity:.9;width:20px}.primary,.generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d6cdf,#1a3ea1);border:none;border-radius:16px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 10px 20px #2d6cdf38}.generate{margin-top:10px;padding:16px;font-size:16px}.primary:hover,.generate:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 14px 28px #2d6cdf47}.primary:active,.generate:active{transform:translateY(0)}.status{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:14px}.status.error{color:#b42318;background:#fdeaea;border:1px solid #b423181f}.status.loading{color:#9a6700;background:#fff7db;border:1px solid #9a67001f}.status.success{color:#1e7e34;background:#e6f4ea;border:1px solid #1e7e341f}.lok-row{gap:12px;display:flex}.lok-box{cursor:pointer;background:#f2f4f8;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:1;padding:14px;transition:all .15s;display:flex}.lok-box span{color:#666;margin-top:4px;font-size:12px}.lok-box.active{color:#111827;background:#e8f0ff;border:2px solid #2d6cdf;box-shadow:0 8px 18px #2d6cdf29}.lok-box.active span{color:#4b5563}.row{justify-content:space-between;align-items:center;display:flex}.sub{color:#666;margin-top:2px;font-size:12px}.divider{background:#eee;height:1px;margin:15px 0}.switch{align-items:center;gap:10px;display:flex}.toggle{cursor:pointer;background:#cfcfcf;border-radius:999px;width:52px;height:28px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.active{background:#2d6cdf}.toggle.active:after{left:27px}.toggle-group{gap:10px;display:flex}.toggle-group button{color:#111827;cursor:pointer;background:#eef2f7;border:none;border-radius:14px;min-width:60px;padding:12px 22px;font-size:18px;font-weight:700;transition:all .15s}.toggle-group button.active{color:#fff;background:#2d6cdf;box-shadow:0 6px 16px #2d6cdf40}.input-row{margin-bottom:18px}.input-row label{color:#1f2a44;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input{align-items:center;gap:10px;display:flex}.input input,.input-row>input{background:#ffffffeb;border:1px solid #d7dfeb;border-radius:12px;width:75%;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input input:focus,.input-row>input:focus{border-color:#2d6cdf;outline:none;box-shadow:0 0 0 3px #2d6cdf1f}.input span{text-align:right;color:#5f6b7a;min-width:38px;margin-left:10px;font-size:22px;font-weight:800}.ready{text-align:left;color:#374151;background:#f4f6f8eb;border:1px solid #1f2a440f;border-radius:16px;margin-top:12px;padding:14px 16px;font-size:14px;box-shadow:0 6px 18px #1f2a440d}.ready strong{color:#1f2a44;margin-bottom:4px;display:block}@media (width<=768px){.app{margin:24px auto;padding:0 14px 28px}.header-card,.card{border-radius:18px;padding:16px}.header-row{gap:14px}.header-icon{width:58px}.header-text h1{font-size:24px}.header-text p{font-size:13px}.lok-row{flex-direction:column}}.modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:90vh;padding:20px 20px 24px;overflow-y:auto;box-shadow:0 12px 30px #0000002e}.modal-card h2{color:#111827;margin:0 0 16px;font-size:22px}.lok-list{flex-direction:column;gap:10px;display:flex}.lok-list-button{color:#111827;text-align:left;cursor:pointer;background:#eef2f7;border:none;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.lok-list-button.active{color:#fff;background:#2d6cdf}.lok-box{appearance:none;text-align:left;width:100%}.modal-card input,.modal-card select,.modal-card textarea{background:#fff;border:1px solid #d7dfeb;border-radius:14px;width:100%;margin-bottom:14px;padding:16px 18px;font-size:18px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#2d6cdf;outline:none;box-shadow:0 0 0 3px #2d6cdf26}.input-error{box-shadow:0 0 0 3px #dc26261f;border:2px solid #dc2626!important}.secondary{color:#111827;cursor:pointer;background:#e5e7eb;border:none;border-radius:16px;width:100%;padding:14px 16px;font-size:15px;font-weight:600}.modal-actions{background:#fff;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:10px;display:flex;position:sticky;bottom:0}.modal-actions .primary,.modal-actions .secondary{flex-shrink:0;width:auto;min-width:120px}.switch-with-text{gap:12px}.switch-value{color:#1f2a44;text-align:right;overflow-wrap:break-word;max-width:180px;font-size:14px;font-weight:600}.warning-list{flex-direction:column;gap:28px;margin-bottom:16px;display:flex}.warning-item{color:#111827;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;font-size:16px;line-height:1.7}.warning-value{color:#dc2626;white-space:nowrap;font-weight:800}.loading-content{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generate:disabled{opacity:.7;cursor:not-allowed}.help-link{color:#1a3ea1;background:#e8f0ff;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-block}.help-link:hover{filter:brightness(.95)}.help-center{text-align:center}.help-title{margin-bottom:10px;font-size:18px;display:block}.help-links{justify-content:center;gap:90px;display:flex}.modal-card textarea{resize:none;min-height:110px;font-family:inherit}.modal-card label{color:#1f2a44;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.modal-card button{cursor:pointer;background:#eef2f7;border:1px solid #d7dfeb;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600}.modal-card button:hover{background:#e2e8f0}.modal-card button.active:not(.lok-box){color:#fff;background:#2d6cdf;border:2px solid #2d6cdf}.modal-card textarea{resize:vertical;border:1px solid #d7dfeb;border-radius:12px;width:100%;min-height:90px;margin-bottom:14px;padding:14px;font-size:14px}.modal-actions .primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d6cdf,#1f4fbf);border:none;border-radius:10px;padding:10px 16px;font-weight:600}.modal-actions .secondary{color:#333;cursor:pointer;background:#f1f1f1;border:none;border-radius:10px;padding:10px 16px}.toggle.disabled{opacity:.4;pointer-events:none}