:root{--bg:#050505;--surface:#0f0f0f;--surface-raised:#181818;--surface-overlay:#1f1f1f;--accent:#00e0ff;--accent-glow:#00e0ff66;--purple:#bf77ff;--purple-glow:#bf77ff66;--text:#f5f5f7;--text-muted:#86868b;--text-dim:#424245;--border-subtle:#ffffff0a;--border-medium:#ffffff14;--border-strong:#ffffff1f;--border-accent:#00e0ff4d;--page-max:1440px;--font:"SF Pro Display", "Inter", system-ui, -apple-system, sans-serif;--nav-h:72px;--nav-bg:#050505cc;--nav-blur:20px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-accent:0 0 30px var(--accent-glow);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-fast:.2s var(--ease-in-out);--transition-normal:.3s var(--ease-in-out);--muted:var(--text-muted);--soft:var(--text-muted);--dim:var(--text-dim)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}#root{min-height:100vh}::selection{color:var(--text);background:#00d9ff47}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.auth-modal-backdrop{z-index:4000;-webkit-backdrop-filter:blur(12px);background:#000c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.auth-modal{border-radius:var(--radius-lg);border:1px solid var(--border-medium);background:var(--surface-raised);width:100%;max-width:440px;animation:auth-modal-in .4s var(--ease-in-out);padding:48px 40px;position:relative;box-shadow:0 20px 48px #0000006b}@keyframes auth-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal__close{background:var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.auth-modal__close:hover{background:var(--border-medium);color:var(--text);transform:rotate(90deg)}.auth-modal__title{text-align:center;color:var(--text);letter-spacing:-.02em;margin:0 0 12px;font-size:27px;font-weight:800;line-height:1.25}.auth-modal__sub{text-align:center;color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.6}.auth-modal__form{margin:0}.auth-modal__field{margin-bottom:18px}.auth-modal__label{color:var(--soft);margin-bottom:8px;font-size:13px;display:block}.auth-modal__label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.auth-modal__label-row .auth-modal__label{margin-bottom:0}.auth-modal__optional{color:var(--dim);font-size:12px}.auth-modal__input{border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--surface);width:100%;height:52px;color:var(--text);transition:all var(--transition-fast);padding:0 16px;font-size:15px}.auth-modal__input::placeholder{color:var(--dim)}.auth-modal__input:hover{border-color:#ffffff24}.auth-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--surface-raised);outline:none}.auth-modal__phone-row{align-items:stretch;gap:10px;display:flex}.auth-modal__phone-row .auth-modal__input{flex:1;min-width:0}.auth-modal__send-code{border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border:none;flex-shrink:0;min-width:108px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:filter .15s,opacity .15s;box-shadow:0 4px 14px #2563eb59}.auth-modal__send-code:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-modal__send-code:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-modal__hint{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.auth-modal__hint--err{color:#fca5a5;margin-bottom:8px}.auth-modal__row-between{justify-content:space-between;align-items:center;margin:4px 0 22px;display:flex}.auth-modal__remember{color:var(--soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:13px;display:inline-flex}.auth-modal__remember input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.auth-modal__link{color:var(--accent);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none}.auth-modal__link:hover{text-decoration:underline}.auth-modal__submit{border-radius:var(--radius-md);background:var(--accent);color:#000;cursor:pointer;width:100%;height:52px;transition:all var(--transition-normal);border:none;margin-top:8px;font-size:16px;font-weight:700;box-shadow:0 10px 22px #00d9ff33}.auth-modal__submit:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 14px 28px #00d9ff47}.auth-modal__submit:focus-visible,.auth-modal__send-code:focus-visible,.auth-modal__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-modal__submit--register{margin-top:4px}.auth-modal__footer{text-align:center;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.auth-modal__footer .auth-modal__link{margin-left:4px;font-size:14px}a.auth-modal__link--inline{text-decoration:none;display:inline}a.auth-modal__link--inline:hover{text-decoration:underline}.auth-modal__tabs{justify-content:center;gap:8px;margin:0 0 20px;display:flex}.auth-modal__tab{border:1px solid var(--border-medium);cursor:pointer;color:var(--muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:10px;padding:8px 16px;font-size:14px}.auth-modal__tab:hover{color:var(--text)}.auth-modal__tab--active{background:var(--border-subtle);color:var(--text);border-color:var(--border-medium)}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:48px 16px 80px;display:flex}.auth-page__inner{width:100%;max-width:440px}.auth-page__card{animation:auth-modal-in .4s var(--ease-in-out)}@media (width<=640px){.auth-modal{border-radius:14px;max-width:100%;padding:34px 20px 24px}.auth-modal__title{margin-bottom:10px;font-size:24px}.auth-modal__sub{margin-bottom:20px;font-size:13px}.auth-modal__input,.auth-modal__submit{height:48px}.auth-modal__phone-row{gap:8px}.auth-modal__send-code{min-width:98px;padding:0 12px;font-size:12px}.auth-modal__row-between{margin:2px 0 18px}.auth-modal__footer{font-size:13px}}.ai-page{font-family:var(--font,"Inter", system-ui, sans-serif);background:var(--bg);color:var(--text);min-height:100vh}.ai-main{padding-top:var(--nav-h)}.ai-container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.ai-steps{color:var(--muted);align-items:center;gap:12px;margin-bottom:32px;font-size:14px;display:flex}.ai-step{align-items:center;gap:8px;display:flex}.ai-step-num{background:var(--surface-raised);border:1px solid var(--border-medium);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.ai-step-num--on{background:var(--accent);color:#000;box-shadow:var(--shadow-accent);border-color:#0000}.ai-step-divider{background:#ffffff1f;width:40px;height:1px}.ai-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:var(--shadow-md);margin-bottom:32px;padding:40px}.ai-panel__title{margin:0 0 8px;font-size:20px;font-weight:700}.ai-panel__desc{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:22px}.ai-link-muted{color:var(--accent);font-size:14px;text-decoration:none}.ai-link-muted:hover{text-decoration:underline}.ai-notice{color:var(--dim);background:#00d9ff0f;border:1px solid #00d9ff26;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:12px;line-height:18px}.ai-label{color:var(--soft);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ai-textarea{border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--surface-raised);width:100%;min-height:160px;color:var(--text);resize:vertical;transition:all var(--transition-fast);padding:20px;font-size:15px;line-height:1.6}.ai-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--surface-overlay);outline:none}.ai-char-count{text-align:right;color:var(--dim);margin-top:6px;font-size:12px}.ai-btn-primary{border-radius:var(--radius-md);background:var(--accent);color:#000;cursor:pointer;height:52px;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:10px;padding:0 32px;font-size:16px;font-weight:700;display:inline-flex}.ai-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-accent);filter:brightness(1.1);transform:translateY(-2px)}.ai-btn-primary:disabled{opacity:.45;cursor:not-allowed}.ai-bullets{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:24px}.ai-container section{margin-bottom:64px}.ai-section-title{align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.ai-section-title svg{color:var(--accent)}.ai-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (width<=640px){.ai-tpl-grid{grid-template-columns:1fr}}.ai-tpl-card{--tpl-accent:#00e0ff;min-height:100%;color:inherit;border:1px solid color-mix(in srgb, var(--tpl-accent) 32%, #ffffff0f);background:linear-gradient(165deg,#121418fa 0%,#08090bfc 100%);border-radius:18px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.ai-tpl-card--theme-purple{border-color:color-mix(in srgb, var(--tpl-accent) 38%, #ffffff14)}.ai-tpl-lead{color:color-mix(in srgb, var(--color-text-muted,#9ca3af) 92%, #fff);max-width:52rem;margin:-8px 0 24px;font-size:15px;line-height:1.55}.ai-tpl-lead strong{color:color-mix(in srgb, #e5e7eb 95%, var(--tpl-accent,#00e0ff));font-weight:600}a.ai-tpl-card:hover,div.ai-tpl-card--locked:hover{border-color:color-mix(in srgb, var(--tpl-accent) 55%, transparent);box-shadow:0 20px 48px #0000008c, 0 0 0 1px color-mix(in srgb, var(--tpl-accent) 25%, transparent), 0 0 40px color-mix(in srgb, var(--tpl-accent) 12%, transparent);transform:translateY(-5px)}div.ai-tpl-card--locked:focus-visible{outline:2px solid color-mix(in srgb, var(--tpl-accent) 70%, #fff);outline-offset:3px}.ai-tpl-card__top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ai-tpl-card__icon-wrap{color:#f5f5f7;background:color-mix(in srgb, var(--tpl-accent) 18%, #0003);border:1px solid color-mix(in srgb, var(--tpl-accent) 42%, transparent);width:48px;height:48px;box-shadow:0 0 24px color-mix(in srgb, var(--tpl-accent) 15%, transparent);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.ai-tpl-card__badges{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ai-tpl-pill--free{letter-spacing:.02em;color:color-mix(in srgb, var(--tpl-accent) 95%, #fff);background:color-mix(in srgb, var(--tpl-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--tpl-accent) 35%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--tpl-accent) 18%, transparent);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.ai-tpl-pill--pro{letter-spacing:.03em;white-space:nowrap;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--tpl-accent) 88%, #0a1620), color-mix(in srgb, var(--tpl-accent) 65%, #1a1030));border:1px solid color-mix(in srgb, var(--tpl-accent) 45%, #fff3);box-shadow:0 0 0 1px color-mix(in srgb, var(--tpl-accent) 25%, transparent), 0 8px 28px color-mix(in srgb, var(--tpl-accent) 42%, transparent), 0 0 36px color-mix(in srgb, var(--tpl-accent) 28%, transparent);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.ai-tpl-pill--pro-yearly{color:#1f1608;background:linear-gradient(135deg,#c9a227 0%,#e8c85c 48%,#f5d76e 100%);border:1px solid #ffdc8c8c;box-shadow:0 0 0 1px #c8962859,0 8px 26px #f5c85a6b,0 0 40px #f5c85047}.ai-tpl-pill--soon{color:#f5f5f7b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.ai-tpl-card__title{letter-spacing:-.02em;color:#f5f5f7;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.25}.ai-tpl-card__desc{color:#f5f5f77a;margin:0 0 18px;font-size:14px;line-height:1.65}.ai-tpl-card__features{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.ai-tpl-card__features li{color:#f5f5f785;padding-left:14px;font-size:14px;line-height:1.45;position:relative}.ai-tpl-card__features li:before{content:"";background:var(--tpl-accent);width:5px;height:5px;box-shadow:0 0 10px color-mix(in srgb, var(--tpl-accent) 65%, transparent);border-radius:50%;position:absolute;top:.52em;left:0}.ai-tpl-card__cta{letter-spacing:.02em;color:var(--tpl-accent);align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:15px;font-weight:700;display:inline-flex}a.ai-tpl-card:hover .ai-tpl-card__cta,div.ai-tpl-card--locked:hover .ai-tpl-card__cta{filter:brightness(1.12)}.ai-tpl-card__cta-arrow{font-size:1.05em;transform:translateY(-1px)}.ai-btn-sm{height:36px;color:var(--soft);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:0 16px;font-family:inherit;font-size:13px}.ai-script-layout{align-items:flex-start;gap:32px;max-width:1400px;margin:0 auto;padding:32px 24px 80px;display:flex}.ai-script-aside{width:200px;top:var(--sticky-below-nav);color:var(--muted);flex-shrink:0;font-size:13px;line-height:20px;position:sticky}.ai-script-aside strong{color:var(--accent);margin-bottom:4px;font-size:15px;display:block}.ai-script-main{flex:1;min-width:0}.ai-script-main h1{margin:0 0 24px;font-size:22px;font-weight:700}.ai-seg{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:24px;padding:20px}.ai-seg-head{color:var(--accent);align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.ai-seg-block{margin-bottom:12px}.ai-seg-block:last-child{margin-bottom:0}.ai-seg-label{color:var(--dim);margin-bottom:6px;font-size:12px}.ai-seg-text{color:var(--soft);font-size:14px;line-height:22px}.ai-script-actions{gap:16px;margin-top:32px;display:flex}.ai-render{text-align:center;max-width:720px;margin:0 auto;padding:48px 24px 80px}.ai-render h1{margin:0 0 8px;font-size:24px;font-weight:700}.ai-render>p{color:var(--muted);margin:0 0 32px;font-size:15px}.ai-render-meta{color:var(--muted);justify-content:center;gap:48px;margin-bottom:32px;font-size:14px;display:flex}.ai-render-meta strong{color:var(--accent);margin-top:4px;font-size:28px;display:block}.ai-progress-wrap{margin-bottom:24px}.ai-progress-bar{background:var(--surface);border-radius:4px;height:8px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,#00d9ff,#a855f7);border-radius:4px;height:100%;transition:width .3s}.ai-console{text-align:left;background:var(--surface-deep);border-radius:var(--radius-sm);color:#6ee7b7;border:1px solid #ffffff14;max-height:200px;padding:16px;font-family:ui-monospace,monospace;font-size:11px;line-height:18px;overflow-y:auto}.ai-console div{opacity:.85}.ai-done{max-width:900px;margin:0 auto;padding:40px 24px 80px}.ai-done-hero{text-align:center;margin-bottom:32px}.ai-done-hero h1{margin:0 0 8px;font-size:26px;font-weight:700}.ai-done-hero p{color:var(--muted);margin:0;font-size:15px}.ai-done-topic{color:#fff;margin-top:20px;margin-bottom:0;font-size:20px;font-weight:600}.ai-done-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media (width<=720px){.ai-done-grid{grid-template-columns:repeat(2,1fr)}}.ai-done-stat{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:16px}.ai-done-stat span{color:var(--dim);margin-bottom:4px;font-size:12px;display:block}.ai-done-stat strong{font-size:16px}.ai-done-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.ai-done-actions button,.ai-done-actions a{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.ai-done-actions .primary{background:var(--accent);color:var(--bg);border:none}.ai-done-actions .ghost{color:var(--soft);background:0 0;border:1px solid #ffffff26}.ai-history h2{margin:0 0 12px;font-size:16px}.ai-history ul{margin:0;padding:0;list-style:none}.ai-history li{color:var(--muted);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.ai-detail-meta{color:var(--muted);grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;font-size:13px;display:grid}.ai-detail-meta__label{color:#6a7282;margin-bottom:4px;display:block}.ai-done-usage{text-align:center;color:#6a7282;margin-top:16px;font-size:13px}@media (width<=960px){.ai-script-layout{flex-direction:column}.ai-script-aside{width:100%;position:static}}