:root{--paper: #F9F8F2;--navy: #0E2240;--navy-2: #13284A;--ink-2: #2E3B52;--muted: #5A6378;--line: #D9D6CC;--line-2: #C9C5B9;--sand: #ECE9DF;--teal: #3C869C;--teal-light: #8EC3D0;--bad: #B4473A;--good: #1F7A4D;--on-navy: #F0F2F7;--on-navy-2: #B8C2D6;--r: 4px;--font: Montserrat, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:32px;position:relative}@media (min-width: 520px){.page{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.page.dark{background:var(--navy);color:var(--on-navy)}@media (min-width: 520px){body:has(.page.dark){background:#0b1a33}}.home-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}.brand{display:flex;align-items:center;gap:8px}.wordmark{font-weight:700;font-size:16px;letter-spacing:.16em}.brand-sep{width:1px;height:14px;background:var(--line)}.brand-sub{font-size:14px;font-weight:600;color:var(--teal)}.brand-sub.light{color:var(--teal-light);margin-left:8px}.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r);padding:2px}.lang button{border:0;background:transparent;border-radius:3px;padding:4px 8px;font-size:12px;min-height:30px;color:var(--ink-2)}.lang button.on{background:var(--navy);color:#fff}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:4px;padding:10px 8px;background:var(--paper)}.dark .topbar{background:var(--navy)}.topbar-title{font-size:16px;font-weight:600;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto;padding-right:8px}.icon-btn{width:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:inherit}.pill{font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);background:#fff}.credit-bar{margin:0 16px;padding:8px 4px 8px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-2)}.credit-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--navy);font-weight:600;min-height:32px;padding:0 6px}.credit-link .sep{color:var(--line-2);margin:0 2px}.running-bar{margin:10px 16px 0;padding:10px 12px;border-radius:var(--r);background:var(--navy);color:var(--on-navy);display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px}.running-bar svg{margin-left:auto}.dot{width:8px;height:8px;border-radius:4px;background:var(--teal-light);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.home-title{margin:20px 16px 4px;font-size:22px;line-height:1.3}.home-sub{margin:0 16px 12px;font-size:13px;color:var(--muted)}.prompt-bar{margin:0 16px 14px;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r);color:var(--teal)}.prompt-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--navy);padding:8px 0}.btn-small{border:0;background:var(--navy);color:#fff;border-radius:var(--r);padding:0 14px;min-height:38px;font-weight:600;font-size:14px}.btn-small:disabled{background:#a9aeba}.chips{display:flex;gap:8px;padding:0 16px 12px}.chip{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:var(--r);padding:6px 14px;min-height:36px;font-size:13px}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.tpl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}.tpl-card{text-decoration:none;color:inherit}.tpl-cover{position:relative;aspect-ratio:3 / 4;border-radius:var(--r);overflow:hidden}.tpl-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tpl-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.sound-btn{position:absolute;z-index:3;top:6px;right:6px;width:36px;height:36px;border-radius:18px;border:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0e22408c;cursor:pointer}.sound-btn[aria-pressed=true]{background:#0e2240d9}.tpl-kind{position:absolute;z-index:2;top:8px;left:8px;font-size:11px;color:#fff;background:#0e22408c;padding:2px 6px;border-radius:3px}.tpl-name{padding:8px 2px 0;font-size:14px;font-weight:600}.tpl-desc{padding:2px 2px 0;font-size:12px;color:var(--muted);line-height:1.4}.page-make{padding-bottom:110px}.make-cover{position:relative;margin:0 auto;width:min(56vw,240px);aspect-ratio:9 / 16;border-radius:var(--r);overflow:hidden}.make-cover video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.make-cover-text{margin:8px 16px 0;text-align:center;color:var(--muted);font-size:13px}.field{margin:16px 16px 0}.field-label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}.field-label-row{display:flex;align-items:baseline;justify-content:space-between}.field-meta{font-size:12px;color:var(--muted)}.field-meta.bad,.bad{color:var(--bad)}.field-hint{margin:-2px 0 8px;font-size:12px;color:var(--muted)}textarea,.admin input,.lead input,.code-form input{width:100%;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;padding:12px;font-size:16px;line-height:1.55;resize:none;color:var(--navy)}textarea.bad{border-color:var(--bad)}.rows{margin:16px 16px 0;background:#fff;border:1px solid var(--line);border-radius:var(--r)}.row{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:12px 10px 12px 14px;min-height:60px;text-align:left;color:var(--navy)}.row+.row{border-top:1px solid var(--sand)}.row-label{width:48px;flex:none;font-size:13px;color:var(--muted)}.row-value{flex:1;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;min-width:0}.row-empty{color:var(--teal);font-weight:500;font-size:14px}.avatar{width:36px;height:36px;border-radius:18px;object-fit:cover;background:var(--sand)}.line-actions{display:flex;gap:16px;margin-top:4px}.btn-text{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--teal);padding:0;min-height:44px;font-size:14px}.btn-text:disabled{opacity:.5}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:6;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--sand);max-width:480px;margin:0 auto}.bottom-bar.dark{background:var(--navy);border-top-color:#22385e}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:0;border-radius:var(--r);background:var(--navy);color:#fff;font-size:16px;font-weight:600;text-decoration:none}.btn-primary:disabled{background:#a9aeba}.btn-primary.light{background:#fff;color:var(--navy)}.btn-primary.inline{display:inline-flex;width:auto;padding:0 24px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:var(--r);font-size:15px;font-weight:600;padding:0 14px;width:100%}.btn-outline.light{border-color:var(--line);font-weight:500}.btn-outline:disabled{opacity:.5}.btn-ghost{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #3A5078;border-radius:var(--r);color:var(--on-navy);text-decoration:none}.btn-row{display:flex;gap:10px;width:100%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0e224073;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:90dvh;background:var(--paper);border-radius:12px 12px 0 0;display:flex;flex-direction:column;animation:up .18s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:.6}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 16px}.sheet-head h2{font-size:16px;margin:0}.sheet-body{overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.seg{display:flex;gap:4px;padding:3px;background:var(--sand);border-radius:var(--r)}.seg button{flex:1;min-height:40px;border:0;border-radius:3px;background:transparent;color:var(--navy);font-size:14px}.seg button.on{background:#fff;font-weight:600}.self-pane,.gen-pane{display:flex;flex-direction:column;align-items:center;gap:12px}.gen-pane{align-items:stretch}.face-frame{width:180px;height:226px;border-radius:90px/113px;border:2px dashed var(--line-2);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--teal);overflow:hidden}.face-frame img{width:100%;height:100%;object-fit:cover}.hint{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.hint.center{text-align:center}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--ink-2);line-height:1.5}.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--navy);flex:none}.char-grid,.cand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.char-tile,.cand{padding:0;border:2px solid transparent;border-radius:var(--r);overflow:hidden;background:var(--sand);aspect-ratio:3 / 4}.char-tile img,.cand img{width:100%;height:100%;object-fit:cover}.char-tile.on,.cand.on{border-color:var(--teal)}.voice-list{display:flex;flex-direction:column;gap:8px}.voice-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:60px;text-align:left;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;color:var(--navy)}.voice-item.on{border-color:var(--teal)}.voice-item.on svg{color:var(--teal)}.voice-item.disabled{opacity:.55}.voice-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px}.voice-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}.gen{display:flex;flex-direction:column;padding-bottom:120px}.gen-head{padding:22px 16px 0;display:flex;align-items:center}.gen-icon{margin:48px auto 0;width:140px;height:186px;border-radius:var(--r);background:var(--navy-2);border:1px solid #2B4166;display:flex;align-items:center;justify-content:center;color:var(--teal-light)}.gen-icon.pulse{animation:pulse 2s infinite}.gen-title{margin:28px 16px 6px;text-align:center;font-size:20px}.gen-sub{margin:0 24px;text-align:center;font-size:13px;color:var(--on-navy-2);line-height:1.6}.steps{list-style:none;margin:30px 40px 0;padding:0;display:flex;flex-direction:column;gap:16px}.steps li{display:flex;align-items:center;gap:14px;font-size:15px;color:#7f8ba3}.steps li.active,.steps li.done{color:var(--on-navy)}.step-dot{width:26px;height:26px;border-radius:13px;border:1.5px solid #3A5078;display:flex;align-items:center;justify-content:center;flex:none;color:var(--navy)}.steps li.active .step-dot{border-color:var(--teal-light);animation:pulse 1.4s infinite}.steps li.done .step-dot{border-color:var(--teal-light);background:var(--teal-light)}.result{padding-bottom:24px}.player{position:relative;background:#000}.player video{width:100%;max-height:72dvh;margin:0 auto;object-fit:contain}.float-back{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:22px;border:0;background:#0e22408c;color:#fff;display:flex;align-items:center;justify-content:center}.result-meta{display:flex;justify-content:space-between;padding:14px 16px 0;font-size:13px;color:var(--on-navy-2)}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px 0}.act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;border:1px solid #3A5078;border-radius:var(--r);background:transparent;color:var(--on-navy);font-size:13px;text-decoration:none}.act.primary{background:#fff;color:var(--navy);border-color:#fff;font-weight:600}.result-tip{margin:12px 16px 0;font-size:12px;color:#7f8ba3;text-align:center}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 16px}.work-card{text-decoration:none;color:inherit}.work-thumb{position:relative;aspect-ratio:9 / 16;border-radius:var(--r);overflow:hidden;display:flex;align-items:center;justify-content:center}.work-thumb video{width:100%;height:100%;object-fit:cover}.work-status{font-size:12px;color:#fff;background:#0e224099;padding:4px 10px;border-radius:999px}.work-status.failed{background:#b4473ad9}.work-name{padding-top:6px;font-size:13px;font-weight:600}.work-line{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:60px 24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:16px}.empty.light{color:var(--on-navy-2)}.share-player{min-height:50dvh;display:flex;align-items:center;justify-content:center}.share-player video{width:100%;max-height:70dvh;object-fit:contain;background:#000}.share-body{padding:18px 16px 24px;display:flex;flex-direction:column;gap:12px}.share-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--teal)}.share-title{font-size:20px;line-height:1.35;margin:0}.lead{margin-top:8px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:10px}.lead h2{font-size:15px;margin:0}.lead label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}.lead input{padding:10px;font-size:15px}.ok{color:var(--good);margin:0}.nocode-body{padding:48px 20px;display:flex;flex-direction:column;gap:12px}.nocode-body h1{font-size:22px;margin:0}.code-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.code-form input{font-size:20px;letter-spacing:.2em;text-align:center}.spinner{width:32px;height:32px;margin:40vh auto 0;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;max-width:86vw;background:var(--navy);color:#fff;padding:10px 16px;border-radius:var(--r);font-size:14px;box-shadow:0 6px 20px #0e224040}.admin{max-width:1200px;margin:0 auto;padding:20px 16px 60px;font-size:14px}.admin h1{font-size:20px;margin:0}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin button{border:1px solid var(--line-2);background:#fff;border-radius:var(--r);padding:6px 10px;margin:2px;color:var(--navy)}.admin button[type=submit]{background:var(--navy);color:#fff;border-color:var(--navy)}.admin .linkish{border:0;background:none;color:var(--teal);text-decoration:underline;padding:0;font-weight:600}.admin input{padding:6px 8px;font-size:14px;width:auto}.admin-stats{color:var(--muted)}.admin-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:16px}.admin-card h2{font-size:16px;margin:0 0 12px;display:flex;align-items:center;gap:12px}.admin-card h3{font-size:14px;margin:16px 0 8px}.admin-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.admin-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.created{margin-top:12px;display:flex;flex-direction:column;gap:6px}.created code{font-size:13px;background:var(--paper);padding:4px 6px}.table-wrap{overflow-x:auto}.admin table{border-collapse:collapse;width:100%}.admin th,.admin td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--sand);vertical-align:top}.admin th{font-size:12px;color:var(--muted);font-weight:600}.nowrap{white-space:nowrap}.admin-chars{display:flex;gap:10px;flex-wrap:wrap}.admin-chars figure{margin:0;width:110px;font-size:11px;color:var(--muted)}.admin-chars img{width:110px;height:146px;object-fit:cover;border-radius:var(--r)}.admin-works{display:flex;flex-direction:column;gap:14px}.admin-work{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--sand);padding-top:12px}.admin-work video,.admin-work .noimg{width:160px;height:284px;background:#000;border-radius:var(--r);object-fit:contain;color:#fff;display:flex;align-items:center;justify-content:center}.admin-work>div:last-child{flex:1;min-width:240px}.admin-work p{margin:0 0 6px}.admin pre{white-space:pre-wrap;background:var(--paper);padding:8px;font-size:12px}.code-form input:placeholder-shown{letter-spacing:normal}