@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f6f7f9;--surface:#fff;--ink:#172125;--muted:#7b8589;--line:#e8edef;--accent:#256f61;--accent-soft:#eaf4ee;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-1.4px;font-size:34px;font-weight:700;line-height:1.2}h2{letter-spacing:-.45px;font-size:17px}h3{font-size:16px}button{color:inherit;background:0 0;border:0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe6e7;border-radius:8px;outline:none;padding:11px 12px;transition:border .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #256f6112}input::placeholder,textarea::placeholder{color:#a2aaad}textarea{resize:vertical;line-height:1.7}select{min-height:43px}label{color:#536066;flex-direction:column;gap:9px;font-size:12px;font-weight:600;display:flex}form{flex-direction:column;gap:20px;display:flex}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.6}.accent{color:var(--accent)}.eyebrow{letter-spacing:1.9px;color:var(--accent);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:6px;font-size:23px;font-weight:700;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:6px;display:flex}.brand .muted{font-weight:400}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 5px #173e2910}.primary:hover:not(:disabled){background:#1a5e50}.secondary{border:1px solid var(--line);background:#fff;padding:9px 12px}.text-button{color:#637074;align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--accent)}.icon-button{align-items:center;padding:6px;display:flex}.notice{border-radius:9px;align-items:center;gap:9px;margin-bottom:20px;padding:12px 15px;font-size:12px;line-height:1.7;display:flex}.notice button{margin-left:auto;display:flex}.notice.error{color:#a54a40;background:#fff0ed;border:1px solid #f6dbd5}.notice.success{color:#256f61;background:#eaf4ee;border:1px solid #d7eadf}.error-text{color:#a54a40}.dot{background:#3c9b74;border-radius:50%;width:6px;height:6px;display:inline-block}.dot.off{background:#d3a25a}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:226px;padding:30px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.workspace-label{color:#a2aaad;letter-spacing:1.9px;margin:48px 12px 16px;font-size:9px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:left;color:#7b8589;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:12px;display:flex}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-end{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:20px 11px 0}.cloud-label{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:7px;padding-bottom:22px;font-size:10px;display:flex}.account{align-items:center;gap:10px;margin:22px 0 17px;display:flex}.avatar{color:#526754;background:#e9ede8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.account strong{text-overflow:ellipsis;max-width:125px;font-size:11px;display:block;overflow:hidden}.account small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.sidebar-bottom>.text-button{margin-top:5px;font-size:10px;display:flex}.workspace{flex-direction:column;width:calc(100% - 226px);margin-left:226px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#ffffffad;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex}.topbar>span{color:#8b9598;align-items:center;gap:12px;font-size:11px;display:flex}.topbar strong{color:#48575b;font-weight:500}.topbar .private-badge{letter-spacing:1px;color:#798582;gap:6px;font-size:9px}.main-content{width:100%;max-width:1460px;margin:0 auto;padding:40px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.page-heading h1{margin:10px 0 12px}.page-heading p{font-size:12px;line-height:1.6}.model-badge{white-space:nowrap;color:#67756d;background:#fff;border:1px solid #e1e8e2;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.creation-grid{grid-template-columns:minmax(0,1fr) 306px;gap:22px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px}.panel-title{align-items:center;gap:10px;margin-bottom:23px;display:flex}.panel-title>.small{margin-left:auto;font-size:10px}.step{color:#719280;border:1px solid #dee6e2;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;display:flex}.mode-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:24px;padding-bottom:18px;display:flex}.mode-tabs button{color:#899396;border-radius:6px;padding:9px 10px;font-size:10px}.mode-tabs button.selected{color:var(--accent);background:#eff5f0;font-weight:600}.prompt-label{gap:11px}.prompt-input{border:1px solid var(--line);background:#fbfcfc;min-height:228px;padding:18px 17px;font-size:13px;font-weight:400;line-height:1.85}.prompt-meta{color:#9aa5a7;justify-content:space-between;gap:10px;margin-top:11px;font-size:9px;display:flex}.prompt-meta span:first-child{align-items:center;gap:5px;display:flex}.advanced{border-top:1px solid var(--line);margin-top:25px;padding-top:19px}summary{cursor:pointer;color:#6c7a7d;font-size:11px}summary svg{vertical-align:middle;margin-right:5px}.advanced>label,.advanced>.form-grid{margin-top:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check-label{flex-direction:row;align-items:center;font-size:11px}.check-label input{width:14px;height:14px;accent-color:var(--accent)}.prompt-tip{color:#8a9a8d;background:#f7f9f6;border-radius:8px;align-items:center;gap:13px;margin-top:28px;padding:16px;display:flex}.prompt-tip strong{color:#637465;font-size:11px;font-weight:500;display:block}.prompt-tip span{color:#9aa59b;margin-top:5px;font-size:10px;display:block}.settings-panel{flex-direction:column;gap:20px;display:flex}.settings-panel .panel-title{margin-bottom:2px}.segmented{gap:8px;display:flex}.segmented button{border:1px solid var(--line);color:#879194;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.segmented button.selected{color:var(--accent);background:#f1f7f3;border-color:#78a792}.ratio{border:1.2px solid;border-radius:2px}.ratio.landscape{width:22px;height:14px}.ratio.portrait{width:13px;height:21px}.audio-option{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.audio-option strong{color:#4b5d61;font-size:11px;font-weight:500;display:block}.audio-option span{color:#9aa4a6;margin-top:6px;font-size:9px;font-weight:400;display:block}.audio-option input{appearance:none;width:32px;height:18px;box-shadow:none;background:#d7dfde;border:0;border-radius:10px;padding:0;position:relative}.audio-option input:checked{background:var(--accent)}.audio-option input:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.audio-option input:checked:before{transform:translate(14px)}.generation-summary{color:#8c989b;flex-direction:column;gap:7px;font-size:10px;display:flex}.generation-summary span:first-child{align-items:center;gap:6px;display:flex}.generate-button{width:100%;padding:13px 10px}.generate-button svg:last-child{margin-left:auto}.cost-note{text-align:center;margin-top:-8px;font-size:9px;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;margin:34px 0 17px;display:flex}.section-heading h2{font-size:15px}.section-heading h2 span{color:#9aa6a8;margin-left:8px;font-size:10px;font-weight:400}.section-heading>.text-button{font-size:10px}.empty-state{border-radius:var(--radius);text-align:center;background:#ffffff5c;border:1px dashed #dce4e4;padding:38px}.empty-icon{border:1px solid var(--line);color:#a2aeaa;background:#fff;border-radius:14px;margin-bottom:15px;padding:14px;display:inline-flex}.empty-state h3{font-size:13px;font-weight:600}.empty-state p{color:#9aa5a7;margin-top:9px;font-size:11px;line-height:1.8}.workspace-footer{border-top:1px solid var(--line);color:#a4adaf;justify-content:space-between;margin:auto 40px 0;padding:22px 0;font-size:9px;display:flex}.upload-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.upload-box{text-align:center;min-height:120px;color:var(--accent);background:#f8fbf8;border:1px dashed #bacfc4;border-radius:9px;justify-content:center;align-items:center;padding:22px 10px;display:flex;position:relative}.upload-box strong{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.upload-box span{color:var(--muted);font-size:9px}.upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.reference-list{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.reference-list .upload-box{width:100%;min-height:100px}.chip{background:var(--accent-soft);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex}.history-toolbar{align-items:center;gap:24px;margin-bottom:25px;display:flex}.search-box{border:1px solid var(--line);color:#96a1a5;background:#fff;border-radius:9px;flex-direction:row;align-items:center;width:100%;max-width:420px;padding:0 14px}.search-box input{box-shadow:none;border:0}.history-toolbar>.small{white-space:nowrap;margin-left:auto}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.generation-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.video-preview{aspect-ratio:16/9;background:#e9efea;position:relative;overflow:hidden}.video-preview video{object-fit:contain;background:#15211c;width:100%;height:100%}.video-preview>.status{pointer-events:none;position:absolute;top:12px;left:12px}.video-placeholder{color:#93a69c;background:radial-gradient(at 80% 20%,#d9e7d8,#0000),#eaf0ed;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:11px;display:flex}.status{color:#7b888a;white-space:nowrap;background:#f0f2f2;border-radius:5px;padding:5px 8px;font-size:9px}.status.SUCCEEDED{color:#388364;background:#e8f4ec}.status.FAILED{color:#af5d4c;background:#fdece6}.status.RUNNING,.status.SUBMITTING{color:#a08748;background:#fcf4df}.generation-body{padding:17px}.generation-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.generation-meta{color:#96a1a4;justify-content:space-between;gap:7px;margin:13px 0;font-size:9px;display:flex}.card-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-top:9px;display:flex}.card-actions .text-button{font-size:10px}.card-actions .icon-button{color:var(--accent);margin-left:auto}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:24px;margin:25px 0;font-size:12px;display:flex}.users-grid{grid-template-columns:1fr 320px;gap:22px;display:grid}.user-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;display:flex}.user-row strong{font-size:12px}.user-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.user-row>.status{margin-left:auto}.user-actions{justify-content:flex-end;gap:15px;width:100%;display:flex}.user-actions button{font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#17292180;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:440px;max-height:90vh;padding:32px;position:relative;overflow:auto}.modal h2{margin:15px 0;font-size:23px}.modal>p{margin-bottom:20px;font-size:12px;line-height:1.7}.modal-close{color:#95a09a;display:flex;position:absolute;top:18px;right:18px}.detail-modal{width:760px}.detail-prompt{white-space:pre-wrap}.detail-videos{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-videos video{background:#16211c;border-radius:9px;width:100%;margin-bottom:10px}.detail-videos .secondary{font-size:10px}.detail-settings{grid-template-columns:1fr 1fr;gap:0 24px;margin:22px 0;display:grid}.detail-settings>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.detail-settings dt{color:var(--muted)}.detail-settings dd{word-break:break-word;max-width:55%;margin:0}.detail-modal pre{white-space:pre-wrap;word-break:break-word;background:#f6f8f7;border-radius:8px;padding:15px;font-size:10px;overflow:auto}.detail-modal>.primary{margin-top:20px}.login-layout{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:radial-gradient(at 95% 15%,#bdd2bd88,#0000 50%),radial-gradient(at 0 90%,#dce8d3,#0000 60%),#edf3ed;flex-direction:column;padding:45px 55px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #9db8a555;border-radius:50%;width:440px;height:440px;position:absolute;bottom:50px;right:-180px;box-shadow:0 0 0 45px #adc5b21a,0 0 0 90px #adc5b21a,0 0 0 135px #adc5b21a}.login-copy{z-index:1;margin:auto 0;padding:70px 0;position:relative}.login-copy h1{letter-spacing:-3px;color:#244d3f;margin:25px 0;font-size:68px;line-height:1.1}.login-copy p{color:#7c9286;font-size:14px;line-height:1.85}.story-tags{gap:8px;margin-top:32px;display:flex}.story-tags span{color:#6f8678;border:1px solid #b9cfbf;border-radius:20px;padding:7px 12px;font-size:10px}.login-footer{color:#869c8e;z-index:1;align-items:center;gap:7px;font-size:10px;display:flex}.login-form-wrap{justify-content:center;align-items:center;padding:50px;display:flex}.login-card{width:340px}.login-card h2{letter-spacing:-.9px;margin:14px 0;font-size:29px}.login-card>p{margin-bottom:30px;font-size:12px;line-height:1.8}.login-card form{gap:23px}.login-card .primary{justify-content:space-between;margin-top:8px;padding:14px 16px}.login-card .login-help{margin-top:28px;font-size:10px;line-height:1.8}.login-card .notice{margin:0}@media (min-width:1500px){.main-content{padding-top:50px}.creation-grid{grid-template-columns:minmax(0,1fr) 340px}.prompt-input{min-height:260px}}@media (max-width:1100px){.sidebar{width:196px;padding:25px 15px}.workspace{width:calc(100% - 196px);margin-left:196px}.main-content{padding:30px 24px}.topbar{padding:0 24px}.creation-grid{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.panel{padding:21px}.page-heading h1{font-size:29px}.model-badge{display:none}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-grid{grid-template-columns:1fr}.login-story{padding:40px}.login-copy h1{font-size:56px}}@media (max-width:800px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:16px 20px;position:relative}.app-shell{flex-direction:column}.sidebar .brand{font-size:20px}.workspace-label{display:none}.sidebar-bottom{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:12px 0 0;display:flex}.sidebar-bottom .cloud-label,.sidebar-bottom .account{display:none}.sidebar-bottom>.text-button{margin:0}.sidebar nav{flex-direction:row;gap:8px;margin-top:18px}.nav-item{gap:7px;width:auto;padding:10px;font-size:11px}.nav-end{display:none}.workspace{width:100%;margin:0}.topbar{height:52px}.topbar .private-badge{display:none}.main-content{padding:28px 20px}.creation-grid{grid-template-columns:1fr}.settings-panel{grid-template-columns:1fr 1fr;display:grid}.settings-panel>.panel-title,.settings-panel>.audio-option,.settings-panel>.generate-button,.settings-panel>.cost-note{grid-column:1/-1}.settings-panel>.form-grid{grid-template-columns:1fr 1fr}.prompt-input{min-height:190px}.workspace-footer{margin:0 20px}.history-toolbar{flex-wrap:wrap;gap:12px}.login-layout{grid-template-columns:1fr}.login-story{padding:24px}.login-copy,.login-footer{display:none}.login-form-wrap{padding:60px 24px}.detail-settings,.users-grid{grid-template-columns:1fr}}@media (max-width:500px){h1,.page-heading h1{font-size:26px}.page-heading .eyebrow{font-size:8px}.history-grid{grid-template-columns:1fr}.settings-panel{display:flex}.settings-panel>.form-grid{display:grid}.prompt-panel{padding:18px}.panel-title>.small{display:none}.mode-tabs button{font-size:9px}.prompt-meta{font-size:8px}.prompt-tip{padding:12px}.prompt-tip span{line-height:1.6}.upload-grid{grid-template-columns:1fr}.modal{padding:25px}.detail-videos{grid-template-columns:1fr}.login-layout{min-height:100dvh}.login-card h2{font-size:27px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}