@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700;800;900&display=swap";:root{--blue-900:#0a1f44;--blue-800:#123b7a;--blue-700:#1559d6;--blue-600:#2474ff;--blue-500:#3f8cff;--blue-100:#e8f2ff;--blue-050:#f4f9ff;--ink:#07182f;--muted:#61738f;--line:#d9e7f8;--card:#ffffffe0;--white:#fff;--danger:#d92d20;--shadow:0 24px 80px #1559d621;--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% -8%,#3f8cff38,#0000 34rem),radial-gradient(circle at 92% 0,#2474ff29,#0000 30rem),linear-gradient(#f8fbff 0%,#edf5ff 50%,#f7fbff 100%);margin:0}button,textarea,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:4px;outline:3px solid #2474ff7a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:min(1440px,100%);margin:0 auto;padding:28px 30px 72px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue-700), var(--blue-500));border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 14px 32px #2474ff40}.topbar-actions{align-items:center;gap:10px;display:flex}.switch-btn,.ghost-btn{min-height:38px;color:var(--blue-800);border:1px solid var(--line);transition:transform .24s var(--ease), box-shadow .24s var(--ease), background .24s var(--ease);background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 10px 30px #0a1f440f}.switch-btn:hover,.ghost-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2474ff24}.switch-btn.active{color:#fff;background:var(--blue-800);border-color:var(--blue-800)}.status-pill{min-height:38px;color:var(--blue-800);border:1px solid var(--line);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #0a1f440f}.status-dot{background:#16b364;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #16b3641f}.auth-panel{border-radius:var(--radius-xl);grid-template-columns:minmax(240px,.55fr) minmax(360px,1fr);align-items:center;gap:18px;margin-bottom:22px;padding:18px;display:grid}.auth-panel.signed-in{background:radial-gradient(circle at 8% 20%, #16b3641f, transparent 18rem), var(--card);grid-template-columns:1fr auto}.auth-copy,.auth-panel.signed-in>div{padding:12px 8px}.auth-kicker{width:max-content;color:var(--blue-700);background:var(--blue-100);letter-spacing:.08em;border-radius:999px;margin-bottom:10px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.auth-panel strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:25px;line-height:1.08;display:block}.auth-panel small{color:var(--muted);margin-top:8px;font-weight:750;line-height:1.55;display:block}.auth-form{grid-template-columns:minmax(180px,1fr) minmax(130px,.62fr);align-items:end;gap:12px;display:grid}.auth-form label{color:var(--blue-800);gap:7px;font-size:12px;font-weight:900;display:grid}.auth-form input{width:100%;min-height:46px;color:var(--ink);background:#fff;border:0;border-radius:16px;padding:0 14px;font-weight:800;box-shadow:inset 0 0 0 1px #dce9f9}.auth-form input:focus{box-shadow:inset 0 0 0 2px var(--blue-600), 0 0 0 5px #2474ff1c;outline:none}.auth-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.auth-actions .ghost-btn,.auth-actions .compact-btn{flex:1;min-width:150px}.dev-code,.auth-error{border-radius:16px;grid-column:1/-1;margin:0;padding:11px 13px;font-size:13px;font-weight:850}.dev-code{color:var(--blue-800);background:#e8f2ffe0}.auth-error{color:var(--danger);background:#fff0ee}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.58fr);gap:22px;margin-bottom:20px;display:grid}.copy-input-card,.copy-card,.auth-panel,.action-strip,.gallery-panel,.result-panel,.history-view{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #d9e7f8f2}.copy-input-card{border-radius:var(--radius-xl);min-height:286px;padding:28px;position:relative}.copy-input-label{color:var(--blue-800);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:900;display:flex}.copy-input-label span:last-child{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:700}textarea{resize:vertical;width:100%;min-height:178px;color:var(--ink);background:linear-gradient(#fff,#f4f9ff);border:0;border-radius:25px;padding:24px 26px 76px;font-size:21px;font-weight:500;line-height:1.65;box-shadow:inset 0 0 0 1px #dce9f9}textarea::placeholder{color:#8ca0bd}textarea:focus{box-shadow:inset 0 0 0 2px var(--blue-600), 0 0 0 6px #2474ff1f;outline:none}.prompt-row{align-items:center;gap:10px;display:flex;position:absolute;bottom:48px;right:48px}.micro-note{color:var(--muted);border:1px solid var(--line);background:#ffffffdb;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}.polish-btn,.primary-btn,.view-video-btn{color:#fff;background:linear-gradient(135deg, var(--blue-700), var(--blue-500));min-height:48px;transition:transform .24s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-weight:900;display:inline-flex;box-shadow:0 16px 34px #2474ff40}.polish-btn:hover,.primary-btn:hover,.view-video-btn:hover{transform:translateY(-2px);box-shadow:0 22px 44px #2474ff52}.polish-btn:active,.primary-btn:active,.view-video-btn:active{transform:scale(.98)}.copy-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 12%,#2474ff3d,#0000 18rem),linear-gradient(145deg,#fff,#edf6ff);flex-direction:column;justify-content:space-between;min-height:286px;padding:30px;display:flex;position:relative;overflow:hidden}.copy-card:after{content:"";background:#2474ff1a;border:34px solid #2474ff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-58px;right:-58px}.copy-kicker{z-index:1;background:var(--blue-900);color:#fff;letter-spacing:.1em;border-radius:999px;width:max-content;padding:9px 12px;font-size:12px;font-weight:900;position:relative}.copy-card h1{z-index:1;font-family:var(--font-display);letter-spacing:-.08em;max-width:8.8ch;margin:24px 0 14px;font-size:clamp(38px,5vw,68px);line-height:.95;position:relative}.copy-card p{z-index:1;color:var(--muted);max-width:450px;margin:0;font-size:17px;font-weight:700;line-height:1.75;position:relative}.action-strip{border-radius:var(--radius-xl);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;padding:18px;display:grid}.action-card{min-height:146px;transition:transform .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);background:linear-gradient(#fff 0%,#f2f8ff 100%);border:1px solid #d7e7fb;border-radius:25px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.action-card>div{flex-direction:column;min-height:100%;display:flex}.action-card:hover{border-color:#2474ff9e;transform:translateY(-3px);box-shadow:0 20px 45px #2474ff29}.action-card:active{transform:scale(.985)}.action-icon{width:42px;height:42px;color:var(--blue-700);background:var(--blue-100);border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2474ff1a}.action-card strong{letter-spacing:-.04em;margin-top:16px;font-size:19px;display:block}.action-card small{color:var(--muted);margin-top:6px;font-size:13px;font-weight:700;line-height:1.5;display:block}.action-card select,.action-card .fake-select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:0;border-radius:15px;margin-top:auto;padding:0 13px;font-weight:900;box-shadow:inset 0 0 0 1px #dce9f9}.plus{color:#fff;background:var(--blue-600);z-index:2;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 10px 24px #2474ff40}.upload-input{display:none}.upload-action.has-file{min-height:182px}.upload-preview{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.upload-preview img{object-fit:cover;border-radius:16px;width:58px;height:58px;box-shadow:inset 0 0 0 1px #dce9f9}.upload-preview button{min-height:34px;color:var(--blue-700);background:var(--blue-100);border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.create-row{justify-content:center;margin:-2px 0 28px;display:flex}.primary-btn{min-width:230px;min-height:56px;font-size:17px}.result-panel{border-radius:var(--radius-xl);margin:-6px 0 26px;padding:22px}.result-panel strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:24px}.result-panel span{color:var(--muted);font-weight:800;line-height:1.6}.result-panel.generating,.result-panel.error,.result-panel.compact{justify-content:space-between;align-items:center;gap:20px;min-height:110px;display:flex}.result-panel.generating{position:relative;overflow:hidden}.result-panel.generating i{border:4px solid #2474ff29;border-top-color:var(--blue-600);border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin}.result-panel.error{background:#ffffffe6;border-color:#d92d2040}.view-video-btn{min-width:150px}.result-panel.expanded video{background:#08162d;border-radius:24px;width:100%;max-height:560px;margin-top:14px;display:block}.result-chrome,.result-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-chrome button,.result-actions button,.result-actions a{min-height:42px;color:var(--blue-700);background:var(--blue-100);border:0;border-radius:999px;padding:0 16px;font-weight:900}.result-actions{margin-top:14px}.result-actions a,.result-actions button{text-align:center;flex:1;justify-content:center;align-items:center;display:inline-flex}.result-actions button{color:var(--danger);background:#fff0ee}.gallery-panel{border-radius:var(--radius-xl);margin-top:20px;padding:22px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin:4px 4px 18px;display:flex}.section-head span{color:var(--blue-700);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:900}.section-head h2{font-family:var(--font-display);letter-spacing:-.06em;margin:6px 0 0;font-size:34px;line-height:1.05}.section-head p{color:var(--muted);text-align:right;max-width:430px;margin:0;font-weight:700;line-height:1.6}.asset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.avatar-card,.video-card{transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);background:#fff;border:1px solid #dce9f9;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px #0a1f4412}.avatar-card button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.avatar-card:hover,.video-card:hover,.avatar-card.active{border-color:#2474ff99;transform:translateY(-4px);box-shadow:0 24px 50px #2474ff29}.avatar-card img,.video-card video{aspect-ratio:4/5;object-fit:cover;background:#dbeafe;width:100%;display:block}.video-card video{aspect-ratio:9/14}.asset-caption{justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:12px 13px;display:flex}.asset-caption strong{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.selected-tag,.play-tag{color:var(--blue-700);background:var(--blue-100);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.history-view{border-radius:var(--radius-xl);min-height:620px;padding:24px}.history-hero{background:radial-gradient(circle at 88% 10%,#2474ff33,#0000 18rem),linear-gradient(145deg,#fff,#edf6ff);border:1px solid #dce9f9;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:18px;padding:28px;display:flex}.history-hero h1{font-family:var(--font-display);letter-spacing:-.08em;margin:18px 0 10px;font-size:clamp(42px,5vw,68px);line-height:.95}.history-hero p{max-width:540px;color:var(--muted);margin:0;font-size:17px;font-weight:700;line-height:1.75}.history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.compact-btn{min-width:136px;min-height:44px;font-size:14px}.history-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.history-card{transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);background:#fff;border:1px solid #dce9f9;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px #0a1f4412}.history-card:hover{border-color:#2474ff99;transform:translateY(-4px);box-shadow:0 24px 50px #2474ff29}.history-card video,.history-placeholder{aspect-ratio:9/14;object-fit:cover;background:linear-gradient(145deg,#dbeafe,#f4f9ff);width:100%;display:block}.history-placeholder{color:var(--muted);place-items:center;font-weight:900;display:grid}.history-card-body{padding:14px}.history-status{color:var(--blue-700);background:var(--blue-100);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;display:inline-flex}.history-card h3{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 6px;font-size:17px;line-height:1.25;overflow:hidden}.history-card p{color:var(--muted);margin:0;font-size:12px;font-weight:800;line-height:1.5}.history-link{color:#fff;background:linear-gradient(135deg, var(--blue-700), var(--blue-500));border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:12px;font-size:13px;font-weight:900;display:inline-flex}.empty-state{color:var(--muted);text-align:center;background:#ffffff9e;border-radius:20px;grid-column:1/-1;margin:0;padding:28px;font-weight:800}.footer-note{color:var(--muted);text-align:center;margin-top:22px;font-size:13px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.hero,.auth-panel{grid-template-columns:1fr}.auth-form,.action-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-hero{flex-direction:column;align-items:flex-start}.history-actions{justify-content:flex-start;width:100%}.section-head{flex-direction:column;align-items:flex-start}.section-head p{text-align:left}}@media (width<=720px){.page{padding:18px 14px 46px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.copy-input-card,.copy-card,.auth-panel,.gallery-panel,.result-panel{border-radius:24px;padding:18px}.auth-form{grid-template-columns:1fr}.auth-actions{flex-direction:column;align-items:stretch}.auth-actions .ghost-btn,.auth-actions .compact-btn{width:100%}.copy-card h1{font-size:42px}textarea{min-height:220px;padding-bottom:116px;font-size:17px}.prompt-row{flex-direction:column;align-items:stretch;bottom:34px;left:36px;right:36px}.micro-note{text-align:center}.action-strip{grid-template-columns:1fr}.asset-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-hero{padding:20px}.history-actions,.ghost-btn,.compact-btn,.primary-btn{width:100%}.result-panel.generating,.result-panel.error,.result-panel.compact{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}