@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";body{background:#07070e;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #ece7de;--surface: rgba(255, 255, 255, .82);--surface-2: #ffffff;--border: rgba(70, 50, 80, .09);--shadow-xs: 0 1px 4px rgba(60, 40, 70, .05);--shadow-sm: 0 2px 14px rgba(60, 40, 70, .07);--shadow: 0 6px 28px rgba(60, 40, 70, .1);--shadow-lg: 0 14px 50px rgba(60, 40, 70, .14);--text: #211829;--text-muted: #b4a6c6;--mint: #5cb8a2;--mint-mid: #43a38e;--mint-dark: #2d8b76;--mint-dim: rgba(92, 184, 162, .12);--peach: #e9906f;--lavender: #ab9fd5;--rose: #e88a96;--sage: #80be9c;--font-ui: "Syne", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 55% at 8% 10%,rgba(92,184,162,.22) 0%,transparent 65%),radial-gradient(ellipse 55% 65% at 92% 90%,rgba(233,144,111,.17) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 66% 14%,rgba(171,159,213,.16) 0%,transparent 65%),radial-gradient(ellipse 40% 60% at 18% 82%,rgba(232,138,150,.11) 0%,transparent 65%);animation:meshDrift 28s ease-in-out infinite alternate}.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes meshDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(1.5%,1.5%)}}.page{position:relative;min-height:100vh;display:flex;flex-direction:column}.page main{flex:1}.container{position:relative;z-index:1;width:100%;max-width:1160px;margin:0 auto;padding:48px 28px 64px;display:flex;flex-direction:column;gap:24px}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.left-col{display:flex;flex-direction:column;gap:16px;animation:fadeUp .5s .15s ease both}.right-col{display:flex;flex-direction:column;animation:fadeUp .5s .24s ease both}.right-col .output-card{height:100%}.right-col .output-body{min-height:320px;max-height:calc(100vh - 320px)}@media(max-width:760px){.main-grid{grid-template-columns:1fr}}.navbar{position:sticky;top:0;z-index:100;width:100%;background:#ece7decc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.navbar-inner{max-width:1160px;margin:0 auto;padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between}.logo-pill{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:100px;padding:5px 15px;font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-xs)}.logo-ko{color:var(--peach)}.logo-arrow{color:var(--text-muted)}.logo-en{color:var(--mint)}.navbar-right{display:flex;align-items:center;gap:16px}.model-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.03em}.logout-btn{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 14px;cursor:pointer;box-shadow:var(--shadow-xs);transition:color .15s,border-color .15s,box-shadow .15s}.logout-btn:hover{color:#b85a68;border-color:#e88a9673;box-shadow:0 2px 10px #e88a961f}.footer{position:relative;z-index:1;border-top:1px solid var(--border);background:#ece7de99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-inner{max-width:1160px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text);letter-spacing:.01em}.footer-copy{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.hero{display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;animation:fadeUp .5s .05s ease both}.hero-watermark{position:absolute;top:-80px;right:-30px;font-family:var(--font-ui);font-size:300px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(92,184,162,.09);pointer-events:none;-webkit-user-select:none;user-select:none;animation:waterDrift 22s ease-in-out infinite alternate}@keyframes waterDrift{0%{transform:translate(0) rotate(-4deg)}to{transform:translate(22px,30px) rotate(2deg)}}.hero-eyebrow{display:flex;align-items:center;gap:8px}.hero-step{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.hero-sep{font-family:var(--font-mono);font-size:10px;color:var(--mint);opacity:.7}.hero h1{display:flex;flex-direction:column;font-size:clamp(40px,7vw,58px);font-weight:800;line-height:1.03;letter-spacing:-.03em}.hero-line1{color:var(--text)}.hero-line2{font-style:normal;color:transparent;-webkit-text-stroke:2.5px var(--mint)}.subtitle{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.03em}.upload-zone{position:relative;border-radius:20px;background:var(--surface-2);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-user-select:none;user-select:none}.upload-zone:before,.upload-zone:after{content:"";position:absolute;width:18px;height:18px;opacity:0;transition:opacity .22s ease,transform .22s ease}.upload-zone:before{top:14px;left:14px;border-top:1.5px solid var(--mint);border-left:1.5px solid var(--mint);border-radius:3px 0 0;transform:translate(-4px,-4px)}.upload-zone:after{bottom:14px;right:14px;border-bottom:1.5px solid var(--mint);border-right:1.5px solid var(--mint);border-radius:0 0 3px;transform:translate(4px,4px)}.upload-zone:hover:before,.upload-zone:hover:after,.upload-zone.dragging:before,.upload-zone.dragging:after,.upload-zone.loaded:before,.upload-zone.loaded:after{opacity:1;transform:translate(0)}.upload-zone:hover{border-color:#5cb8a28c;box-shadow:var(--shadow)}.upload-zone.dragging{border-color:var(--mint);background:#5cb8a20a;box-shadow:var(--shadow)}.upload-zone.loaded{border-color:#5cb8a280}.upload-inner{padding:52px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.upload-icon-wrap{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:var(--mint-dim);color:var(--mint)}.file-icon-wrap{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:var(--mint-dim);color:var(--mint)}.upload-pulse{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1.5px dashed rgba(92,184,162,.3);pointer-events:none;animation:pulseRing 2.8s ease-in-out infinite}.upload-pulse:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:1px dashed rgba(92,184,162,.13);animation:pulseRing 2.8s 1.1s ease-in-out infinite}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.35}}.upload-label{font-size:15px;font-weight:600;color:var(--text)}.click-link{color:var(--mint-dark);text-decoration:underline;text-decoration-color:#2d8b7659;text-underline-offset:3px}.upload-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em}.file-name{font-size:15px;font-weight:700;color:var(--mint-dark);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.video-thumbnail{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:4px}.upload-zone.has-thumb .upload-inner{padding:16px}.btn-translate{position:relative;width:100%;padding:16px;font-family:var(--font-ui);font-size:16px;font-weight:700;letter-spacing:.05em;border:none;border-radius:14px;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .2s,opacity .2s;background:linear-gradient(135deg,var(--mint) 0%,var(--mint-mid) 55%,var(--mint-dark) 100%);color:#fff}.btn-translate:hover:not(.empty):not(.translating){transform:translateY(-2px);box-shadow:0 10px 36px #5cb8a25c}.btn-translate:active:not(.empty){transform:translateY(0)}.btn-translate.empty{background:#b2a6c61f;color:var(--text-muted);border:1px solid var(--border);cursor:not-allowed}.btn-translate.translating{background:transparent;color:var(--mint-dark);border:1px solid rgba(92,184,162,.4);cursor:not-allowed}.btn-text{position:relative;z-index:1}.btn-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{to{left:160%}}.timer-row{display:flex;align-items:center;gap:14px}.rec-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;padding:3px 10px;border-radius:4px;flex-shrink:0}.rec-badge.live{color:var(--rose);border:1px solid rgba(232,138,150,.38);background:#e88a961a;animation:recBlink 1.1s ease-in-out infinite}.rec-badge.done{color:var(--sage);border:1px solid rgba(128,190,156,.38);background:#80be9c1a}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.45}}.timer-clock{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text);letter-spacing:.06em}.timer-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.05em}.output-card{border-radius:16px;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.output-topbar{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border);background:#5cb8a20a}.output-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.output-actions{display:flex;align-items:center;gap:8px}.live-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--rose);background:#e88a961a;border:1px solid rgba(232,138,150,.28);border-radius:3px;padding:2px 8px;animation:recBlink 1.1s ease-in-out infinite}.done-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--sage);background:#80be9c1a;border:1px solid rgba(128,190,156,.28);border-radius:3px;padding:2px 8px}.copy-btn{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--mint-dark);background:var(--mint-dim);border:1px solid rgba(92,184,162,.22);border-radius:3px;padding:3px 10px;cursor:pointer;transition:background .15s}.copy-btn:hover{background:#5cb8a238}.output-body{padding:22px;min-height:160px;max-height:360px;overflow-y:auto;font-family:var(--font-mono);font-size:14px;line-height:1.85;color:#3a2d50;white-space:pre-wrap;word-break:break-word;background:#faf7f3;scrollbar-width:thin;scrollbar-color:rgba(180,166,200,.3) transparent}.output-body::-webkit-scrollbar{width:3px}.output-body::-webkit-scrollbar-track{background:transparent}.output-body::-webkit-scrollbar-thumb{background:#b4a6c859;border-radius:2px}.placeholder{color:var(--text-muted);font-style:italic}.output-skeleton{display:flex;flex-direction:column;gap:14px;padding:2px 0}.skel-line{height:10px;border-radius:5px;background:linear-gradient(90deg,#5cb8a21a,#5cb8a23d,#5cb8a21a);background-size:200% 100%;animation:skelShimmer 1.8s ease-in-out infinite}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#e88a9614;border:1px solid rgba(232,138,150,.22);font-family:var(--font-mono);font-size:12px;color:#b85a68;letter-spacing:.02em}.error-icon{font-size:15px}.cursor{display:inline-block;width:8px;height:15px;background:var(--mint);margin-left:3px;vertical-align:text-bottom;border-radius:1px;animation:blink 1s step-end infinite}.login-page{position:relative;min-height:100vh;display:flex;align-items:stretch;overflow:hidden}.login-split{display:flex;width:100%;min-height:100vh;position:relative;z-index:1}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 60px;gap:30px;max-width:58%;position:relative;overflow:hidden}.ll-watermark{position:absolute;top:-80px;right:-60px;font-family:var(--font-ui);font-size:420px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(92,184,162,.1);pointer-events:none;-webkit-user-select:none;user-select:none;animation:waterDrift 22s ease-in-out infinite alternate}@keyframes waterDrift{0%{transform:translate(0) rotate(-4deg)}to{transform:translate(28px,36px) rotate(3deg)}}.ll-top{display:flex;align-items:center;gap:16px;animation:fadeUp .55s ease both}.ll-logo-pill{display:flex;align-items:center;gap:7px;background:#ffffff9e;border:1px solid var(--border);border-radius:100px;padding:5px 16px;font-size:13px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ll-eyebrow{font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);letter-spacing:.06em}.ll-hero{animation:fadeUp .55s .08s ease both}.ll-headline{font-size:clamp(38px,4.8vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:var(--text);font-style:normal}.ll-headline-outline{font-style:normal;color:transparent;-webkit-text-stroke:2.5px var(--mint);display:inline-block}.ll-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-top:14px}.ll-scene{display:flex;align-items:center;gap:12px;animation:fadeUp .55s .18s ease both}.scene-card{flex:0 0 auto;width:175px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.scene-card--src{background:#ffffffc7;border:1.5px solid var(--border);animation:floatA 5.4s ease-in-out infinite}.scene-card--out{background:#ffffffd1;border:1.5px solid rgba(92,184,162,.28);box-shadow:var(--shadow),0 0 0 3px #5cb8a212;animation:floatB 5.4s 2.7s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes floatB{0%,to{transform:translateY(-4px)}50%{transform:translateY(3px)}}.sc-chrome{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#ffffffbf;border-bottom:1px solid var(--border)}.sc-dot{display:block;width:7px;height:7px;border-radius:50%}.sc-filename{font-family:var(--font-mono);font-size:8px;color:var(--text-muted);letter-spacing:.04em;margin-left:3px}.sc-chrome--out{background:#5cb8a217;border-bottom-color:#5cb8a22e;justify-content:space-between}.sco-label{font-family:var(--font-mono);font-size:7.5px;font-weight:700;color:var(--mint-dark);letter-spacing:.11em}.sco-live{font-family:var(--font-mono);font-size:7px;color:var(--mint);letter-spacing:.08em;animation:blink 2s ease-in-out infinite}.sc-body{display:flex;align-items:flex-start;gap:10px;padding:13px 12px 10px}.sc-play-btn{width:34px;height:34px;background:var(--mint-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-subtitles{display:flex;flex-direction:column;gap:5px;padding-top:2px}.sc-ko{font-family:var(--font-ui);font-size:9.5px;font-weight:600;color:var(--text);letter-spacing:-.01em}.sc-ko-dim{color:var(--text-muted)}.sc-status{display:flex;align-items:center;gap:6px;padding:6px 12px 9px;font-family:var(--font-mono);font-size:8px;color:var(--mint-dark);letter-spacing:.06em}.sc-pulse-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--mint);animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.sc-body--out{flex-direction:column;gap:6px;padding:10px 12px 14px}.sco-line{font-family:var(--font-ui);font-size:9.5px;font-weight:500;color:var(--text);animation:fadeUp .5s ease both}.sco-line--2{animation-delay:.7s}.sco-line--3{animation-delay:1.5s;color:var(--text-muted)}.cursor-blink{color:var(--mint);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scene-pipeline{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.sp-label{font-family:var(--font-mono);font-size:7px;color:var(--text-muted);letter-spacing:.05em;text-align:center;white-space:nowrap}.audio-bars{display:flex;align-items:center;gap:2.5px;height:30px}.audio-bar{width:3px;border-radius:2px;background:linear-gradient(to top,var(--mint-dark),var(--mint));animation:barDance .8s ease-in-out infinite alternate;transform-origin:center bottom}@keyframes barDance{0%{height:3px;opacity:.35}40%{height:20px;opacity:1}to{height:6px;opacity:.5}}.sp-arrow{width:100%;padding:0 6px;height:12px}.sp-arrow svg{width:100%;height:12px}.ll-chips{display:flex;gap:8px;flex-wrap:wrap;animation:fadeUp .55s .3s ease both}.ll-chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:5px 13px;border-radius:100px;background:#ffffff80;border:1px solid var(--border);color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ll-chip--accent{background:var(--mint-dim);border-color:#5cb8a252;color:var(--mint-dark)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-right{flex:0 0 420px;display:flex;align-items:center;justify-content:center;padding:40px 48px;border-left:1px solid var(--border);background:#ffffff85;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px;animation:fadeUp .65s .12s ease both}.login-logo{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--border);border-radius:100px;padding:5px 15px;font-size:13px;font-weight:700;letter-spacing:.04em;width:fit-content;margin-bottom:16px}.logo-ko{color:var(--text)}.logo-arrow{color:var(--mint)}.logo-en{color:var(--mint-dark)}.login-title{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1}.login-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.03em;margin-bottom:8px}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:12px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.field-input{width:100%;padding:11px 14px;font-family:var(--font-ui);font-size:15px;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:#5cb8a299;box-shadow:0 0 0 3px #5cb8a21a}.field-input.field-error{border-color:#e88a9699;box-shadow:0 0 0 3px #e88a9614}.login-error-msg{font-family:var(--font-mono);font-size:11px;color:#b85a68;letter-spacing:.02em;margin-top:-4px}.login-btn{width:100%;padding:14px;margin-top:4px;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--mint) 0%,var(--mint-mid) 55%,var(--mint-dark) 100%);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px #5cb8a25c}.login-btn:active{transform:translateY(0)}.login-access{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center;letter-spacing:.02em;margin-top:16px}.login-contact{color:var(--mint-dark);text-decoration:underline;text-decoration-color:#2d8b7659;text-underline-offset:3px}.login-contact:hover{text-decoration-color:var(--mint-dark)}@media(max-width:860px){.login-split{flex-direction:column}.login-left{max-width:100%;padding:44px 28px 28px;gap:22px}.ll-watermark{font-size:260px;right:-50px;top:-30px}.ll-headline{font-size:40px}.scene-pipeline{display:none}.ll-scene{flex-direction:row;gap:14px;overflow-x:auto;padding-bottom:4px}.scene-card{width:160px;flex-shrink:0}.login-right{flex:0 0 auto;border-left:none;border-top:1px solid var(--border);padding:32px 28px 52px}}