:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;--ink: #172033;--muted: #68738a;--line: #e3e8f1;--surface: #ffffff;--soft: #f5f7fb;--brand: #2864dc;--brand-dark: #1e4fb3;--accent: #ff9f43}*{box-sizing:border-box}html{background:#f5f7fb}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb;color:var(--ink)}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,100,220,.22);outline-offset:2px}.app-shell{min-height:100vh;background:#f5f7fb;color:var(--ink)}.app-main{min-height:calc(100vh - 65px)}.app-header{position:sticky;top:0;z-index:50;height:65px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header__inner{max-width:1500px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.brand-button{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--brand);color:#fff;box-shadow:0 7px 18px #2864dc38}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:16px}.brand-copy small{margin-top:4px;color:#8b94a7;font-size:10px}.main-nav{display:flex;align-items:center;gap:4px;margin:auto}.main-nav__item{height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;border:0;border-radius:7px;background:transparent;color:#667085;font-size:14px;font-weight:650}.main-nav__item:hover{background:#f2f5fa;color:var(--ink)}.main-nav__item.is-active{background:#edf3ff;color:var(--brand)}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#667085}.icon-button:hover{color:var(--brand);border-color:#cbd8f2}.home-workspace{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:70px 0 52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);gap:34px 58px;align-items:center}.home-intro h1{margin:15px 0 18px;max-width:720px;font-size:clamp(42px,5.3vw,72px);line-height:1.06;letter-spacing:0;color:#111827}.home-intro p{max-width:650px;margin:0;font-size:17px;line-height:1.75;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:13px;font-weight:750}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.feature-pills span{padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:#ffffffb3;color:#4d596f;font-size:12px;font-weight:650}.upload-stage-wrapper{display:flex;flex-direction:column;gap:0}.upload-stage-tabs{display:flex;gap:4px;padding:0 4px}.upload-stage-tab{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.upload-stage-tab.is-active{background:#fff;color:var(--brand);box-shadow:0 -2px 8px #1a27440f}.upload-stage-tab:hover:not(.is-active){color:#4d596f;background:#ffffff80}.upload-stage{min-height:410px;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #dbe2ee;border-radius:0 8px 8px;background:#fff;box-shadow:0 24px 60px #1a27441a;transition:border .2s,transform .2s,box-shadow .2s}.upload-stage.is-dragging{border:2px dashed var(--brand);background:#f3f7ff;transform:translateY(-3px);box-shadow:0 26px 70px #2864dc2b}.upload-stage__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:var(--brand)}.upload-stage h2{margin:20px 0 8px;font-size:24px}.upload-stage p{max-width:350px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.upload-stage small{margin-top:15px;color:#98a2b3;font-size:11px}.primary-button{min-height:48px;margin-top:24px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:7px;background:var(--brand);color:#fff;font-weight:750;box-shadow:0 9px 20px #2864dc38}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.upload-stage--text{gap:0}.text-gen-input{width:100%;max-width:380px;margin-top:16px;padding:14px 16px;border:1px solid #dbe2ee;border-radius:8px;background:#f8fafc;color:#111827;font-size:14px;line-height:1.6;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.text-gen-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2864dc1f;background:#fff}.text-gen-input::placeholder{color:#a0aab8;transition:opacity .3s}.text-gen-options{display:flex;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap;justify-content:center}.text-gen-label{font-size:13px;font-weight:700;color:var(--muted);margin-right:4px}.text-gen-ratio{padding:6px 14px;border:1px solid #dbe2ee;border-radius:6px;background:#fff;color:#4d596f;font-size:13px;font-weight:650;cursor:pointer;transition:all .2s}.text-gen-ratio:hover{border-color:var(--brand);color:var(--brand)}.text-gen-ratio.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.text-gen-ratio:disabled{opacity:.5;cursor:not-allowed}.text-gen-error{width:100%;max-width:380px;margin-top:10px;padding:10px 14px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;line-height:1.5;text-align:left}.home-templates{grid-column:1 / -1;padding-top:18px}.section-heading{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin:5px 0 0;font-size:24px}.text-button{display:inline-flex;align-items:center;gap:7px;padding:9px 0;border:0;background:transparent;color:var(--brand);font-size:13px;font-weight:700}.home-template-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.home-template{position:relative;aspect-ratio:.9;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#e9edf4}.home-template img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-template span{position:absolute;inset:auto 0 0;padding:24px 9px 9px;color:#fff;background:linear-gradient(transparent,#0a0f19d1);font-size:12px;font-weight:700;text-align:left}.home-template:hover img{transform:scale(1.05)}.template-loading{min-height:150px;display:grid;place-items:center;color:var(--brand)}.editor-workspace{width:100%;min-height:calc(100vh - 65px);display:grid;grid-template-columns:82px minmax(0,1fr) 370px;background:#eef1f6}.editor-tools{padding:16px 10px;border-right:1px solid var(--line);background:#fff}.tool-list{display:flex;flex-direction:column;gap:5px}.tool-item{width:100%;min-height:57px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;background:transparent;color:#778197;font-size:10px;font-weight:650}.tool-item:hover{background:#f2f5fa;color:var(--ink)}.tool-item.is-active{background:#edf3ff;color:var(--brand)}.editor-canvas-area{min-width:0;padding:18px 22px 28px;display:flex;flex-direction:column}.canvas-toolbar{min-height:42px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.canvas-toolbar__title{min-width:0}.canvas-toolbar__title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.canvas-toolbar__title span{display:block;margin-top:2px;color:#8a94a7;font-size:11px}.canvas-actions{display:flex;align-items:center;gap:5px}.canvas-action{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:#5f6b80}.canvas-action:hover:not(:disabled){color:var(--brand);border-color:#c8d5ee}.canvas-action:disabled{opacity:.38;cursor:not-allowed}.canvas-stage{position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;border:1px solid #dce2eb;border-radius:8px;background-color:#dfe4eb;background-image:linear-gradient(45deg,#d5dbe4 25%,transparent 25%),linear-gradient(-45deg,#d5dbe4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5dbe4 75%),linear-gradient(-45deg,transparent 75%,#d5dbe4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.canvas-stage img{max-width:100%;max-height:calc(100vh - 165px);object-fit:contain;box-shadow:0 16px 42px #161f322e}.editor-inspector{min-width:0;padding:22px;overflow-y:auto;border-left:1px solid var(--line);background:#fff}.inspector-heading{margin-bottom:20px}.inspector-heading span{color:var(--brand);font-size:11px;font-weight:750;text-transform:uppercase}.inspector-heading h2{margin:5px 0 0;font-size:20px}.editor-inspector>div:not(.inspector-heading){background:transparent!important;border:0!important;padding:0!important;color:var(--ink)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.editor-inspector input,.editor-inspector textarea{border:1px solid #dbe1eb!important;background:#f8fafc!important;color:var(--ink)!important;border-radius:7px!important}.editor-inspector input::placeholder,.editor-inspector textarea::placeholder{color:#98a2b3}.editor-inspector button{border-radius:7px!important}.editor-error{margin:12px 18px 0;padding:11px 14px;border:1px solid #fecaca;border-radius:7px;background:#fff1f2;color:#b42318;font-size:13px;text-align:center}.page-container{width:min(1180px,calc(100% - 40px));margin:auto;padding:48px 0 64px}.page-title{margin:0;color:var(--ink);font-size:clamp(32px,4vw,50px)}.page-subtitle{color:var(--muted)}.template-hero{display:flex;align-items:end;justify-content:space-between;gap:30px}.template-hero .page-title{margin-top:8px}.template-hero .page-subtitle{margin:10px 0 0}.template-search{width:min(380px,100%);height:48px;padding:0 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#8590a4;box-shadow:0 8px 25px #1822360d}.template-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink)}.template-results-bar{margin:38px 0 16px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.template-results-bar button{border:0;background:transparent;color:var(--brand)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.template-card:hover{transform:translateY(-3px);border-color:#c8d6ee;box-shadow:0 18px 38px #1927451a}.template-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9edf3}.template-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.template-card:hover img{transform:scale(1.035)}.template-card__action{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:5px;background:#111827d1;color:#fff;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.2s}.template-card:hover .template-card__action{opacity:1;transform:translateY(0)}.template-card__content{padding:16px}.template-card__content h3{margin:0;font-size:17px}.template-card__content p{min-height:42px;margin:7px 0 0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.65}.pagination{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:13px}.pagination button,.secondary-button,.back-button{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#455166;font-weight:650}.pagination button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.empty-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-state h2{margin:12px 0 4px;color:var(--ink);font-size:20px}.empty-state p{margin:0;font-size:13px}.back-button{margin-bottom:30px}.template-detail__header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.template-detail__header h1{margin:8px 0;font-size:clamp(34px,4vw,54px)}.template-detail__header p{margin:0;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-grid figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#e8ecf2}.compare-grid figure>span{position:absolute;z-index:2;left:12px;top:12px;padding:6px 9px;border-radius:5px;background:#ffffffe6;color:#455166;font-size:11px;font-weight:750}.compare-grid figure img{width:100%;height:100%;object-fit:contain}.compare-grid .is-result{cursor:zoom-in}.compare-grid figure i{position:absolute;right:14px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:#111827c7;color:#fff;opacity:0;transition:.2s}.compare-grid figure:hover i{opacity:1}.result-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--brand)}.result-loading p{color:var(--muted);font-size:13px}.template-detail__bottom{margin-top:18px;display:flex;align-items:start;gap:14px}.prompt-box{position:relative;flex:1;padding:18px 60px 18px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}.prompt-box>div{display:flex;align-items:baseline;gap:10px}.prompt-box>div span{color:#98a2b3;font-size:11px}.prompt-box p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.prompt-box>button{position:absolute;right:14px;top:14px}.secondary-button{flex:0 0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;padding:18px;display:grid;place-items:center;background:#11182770;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-panel{position:relative;width:min(480px,100%);padding:26px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 30px 80px #10182838}.modal-panel h2{margin:0 0 8px;font-size:24px}.modal-panel>p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:#667085}.help-steps{margin-top:22px;display:grid;gap:12px}.help-step{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:start}.help-step span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#edf3ff;color:var(--brand);font-size:12px;font-weight:800}.help-step strong{display:block;font-size:13px}.help-step p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.settings-info{padding:12px 14px;border:1px solid #dbe4f5;border-radius:8px;background:#f5f8ff;color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:22px}.settings-info b{color:var(--brand)}.settings-form{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:13px;font-weight:700;color:var(--ink)}.settings-input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:14px;transition:border .2s,box-shadow .2s}.settings-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2864dc1f}.settings-input::placeholder{color:#a0aec0}.settings-hint{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.settings-actions{margin-top:22px;display:flex;gap:12px}.settings-btn{flex:1;min-height:44px;padding:0 20px;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.settings-btn:active{transform:scale(.97)}.settings-btn--secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.settings-btn--secondary:hover{background:#f2f5fa;border-color:#cbd8f2}.settings-btn--primary{border:0;background:var(--brand);color:#fff;box-shadow:0 9px 20px #2864dc38}.settings-btn--primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.settings-btn--primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.creative-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.creative-header .page-title{margin-top:8px}.creative-header .page-subtitle{margin:10px 0 0}.creative-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.portrait-uploader{position:sticky;top:88px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.portrait-preview{width:100%;aspect-ratio:4/5;padding:0;overflow:hidden;border:1px dashed #cbd5e1;border-radius:7px;background:#f5f7fa;color:var(--muted)}.portrait-preview img{width:100%;height:100%;object-fit:cover}.portrait-preview>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.portrait-preview strong{color:var(--ink)}.portrait-preview span{font-size:11px}.portrait-uploader .primary-button{margin-top:14px}.creative-tips{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.creative-tips strong{font-size:12px}.creative-tips p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.decade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.decade-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.decade-card__media{aspect-ratio:4/5;overflow:hidden;background:#e9edf3}.decade-card__media img{width:100%;height:100%;object-fit:cover}.decade-placeholder,.decade-status{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8b96a9}.decade-placeholder span{font-size:36px}.decade-placeholder small{font-size:13px;font-weight:600}.decade-status span{font-size:12px;font-weight:700}.decade-status.is-error{color:#b42318}.decade-status button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#b42318;font-size:12px;font-weight:700}.decade-card__footer{min-height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.decade-card__footer strong{font-size:15px}.decade-card__footer button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:5px;background:#f2f5f9;color:#667085}.video-editor{display:flex;flex-direction:column;gap:16px}.video-editor .settings-label{margin-bottom:6px}.video-options{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.video-option{display:flex;flex-direction:column;gap:8px}.video-option .settings-input{max-width:280px}.video-progress{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.video-progress__bar{height:6px;min-width:6px;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .4s ease}.video-result{display:flex;flex-direction:column;gap:12px;margin-top:4px}.video-result__player{width:100%;max-height:520px;border-radius:10px;background:#0b1020;border:1px solid var(--line)}.video-result__row{display:flex;gap:14px;align-items:center}.video-result__ref{width:96px;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.video-result__tip{margin:0;color:var(--muted);font-size:12px;line-height:1.65}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .25s ease-out}@media (max-width: 1000px){.home-workspace{grid-template-columns:1fr;padding-top:45px}.home-intro{text-align:center}.home-intro p{margin-inline:auto}.feature-pills{justify-content:center}.home-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-workspace{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(520px,auto) auto}.editor-inspector{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}.template-grid,.decade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.app-header{height:auto}.app-header__inner{min-height:58px;padding:5px 10px}.brand-button,.app-header__inner>.icon-button{display:none}.main-nav{position:static;width:100%;height:48px;padding:3px;justify-content:space-around;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 6px 18px #18223614}.main-nav__item{height:46px;flex:1;flex-direction:column;justify-content:center;gap:2px;padding:0 4px;font-size:10px}.app-main{padding-bottom:0}.home-workspace{width:min(100% - 28px,600px);padding:38px 0;gap:26px}.home-intro h1{font-size:39px}.home-intro p{font-size:15px}.upload-stage{min-height:330px;padding:28px 20px}.upload-stage-tabs{padding:0}.upload-stage-tab{padding:10px 14px;font-size:13px}.text-gen-input{max-width:100%}.home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-workspace{display:flex;flex-direction:column;min-height:auto}.editor-canvas-area{order:1;height:54vh;min-height:410px;padding:10px}.canvas-stage img{max-height:calc(54vh - 76px)}.editor-tools{order:2;padding:8px 10px;overflow-x:auto;border:0;border-top:1px solid var(--line)}.tool-list{width:max-content;min-width:100%;flex-direction:row}.settings-actions{flex-direction:column}.modal-panel{padding:20px}.tool-item{width:64px;flex:0 0 64px;min-height:52px}.editor-inspector{order:3;padding:18px 16px 28px}.canvas-toolbar__title span{display:none}.canvas-actions{gap:3px}.canvas-action{width:34px;height:34px}.section-heading{align-items:center}.template-hero,.template-detail__header,.template-detail__bottom{align-items:stretch;flex-direction:column}.template-grid,.compare-grid{grid-template-columns:1fr}.template-card__action{opacity:1;transform:none}.creative-header{align-items:stretch;flex-direction:column}.creative-workspace{grid-template-columns:1fr}.portrait-uploader{position:static}.portrait-preview{max-height:420px}.decade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.prompt-lib-trigger{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:7px 12px;border-radius:8px;border:1px solid var(--line, #e3e8ef);background:var(--surface, #fff);color:var(--ink, #1f2733);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.prompt-lib-trigger:hover:not(:disabled){border-color:var(--brand, #4f46e5);color:var(--brand, #4f46e5)}.prompt-lib-trigger:disabled{opacity:.5;cursor:not-allowed}.video-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-prompt-head .prompt-lib-trigger{align-self:center}.prompt-lib{max-width:760px;width:92%;max-height:86vh;display:flex;flex-direction:column}.prompt-lib__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.prompt-lib__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand-soft, #eef2ff);color:var(--brand, #4f46e5);flex-shrink:0}.prompt-lib__head h2{margin:0;font-size:18px}.prompt-lib__head p{margin:2px 0 0;font-size:12.5px;color:var(--muted, #667085)}.prompt-lib__search{margin-bottom:12px}.prompt-lib__search .settings-input{width:100%}.prompt-lib__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.prompt-lib__tab{padding:6px 13px;border-radius:999px;border:1px solid var(--line, #e3e8ef);background:var(--surface, #fff);color:var(--muted, #667085);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.prompt-lib__tab:hover{border-color:var(--brand, #4f46e5)}.prompt-lib__tab.is-active{background:var(--brand, #4f46e5);border-color:var(--brand, #4f46e5);color:#fff}.prompt-lib__list{overflow-y:auto;padding-right:4px;margin-right:-4px}.prompt-lib__cat{margin-bottom:18px}.prompt-lib__cat-title{font-size:13px;font-weight:700;color:var(--muted, #667085);margin:0 0 10px;padding-left:2px}.prompt-lib__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prompt-card{border:1px solid var(--line, #e3e8ef);border-radius:12px;padding:12px 13px;background:var(--surface, #fff);display:flex;flex-direction:column;gap:8px}.prompt-card__name{font-size:14px;font-weight:700;color:var(--ink, #1f2733)}.prompt-card__text{margin:0;font-size:12.5px;line-height:1.55;color:var(--muted, #667085);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prompt-card__actions{display:flex;gap:8px;margin-top:auto}.prompt-card__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.prompt-card__btn--ghost{background:var(--surface, #fff);border-color:var(--line, #e3e8ef);color:var(--ink, #1f2733)}.prompt-card__btn--ghost:hover{border-color:var(--brand, #4f46e5);color:var(--brand, #4f46e5)}.prompt-card__btn--primary{background:var(--brand, #4f46e5);color:#fff}.prompt-card__btn--primary:hover{filter:brightness(1.05)}.prompt-lib__empty{text-align:center;color:var(--muted, #667085);padding:30px 0}@media (max-width: 560px){.prompt-lib__grid{grid-template-columns:1fr}}.history-filter{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.history-filter .text-gen-ratio{padding:7px 16px}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.history-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.history-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #1927451a}.history-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9edf3;cursor:pointer}.history-card__media img,.history-card__video video{width:100%;height:100%;object-fit:cover;display:block}.history-card__video{position:relative;width:100%;height:100%}.history-card__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#111827a8;color:#fff}.history-card__body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px}.history-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-card__tag{padding:3px 9px;border-radius:999px;background:#edf3ff;color:var(--brand);font-size:11px;font-weight:700}.history-card__time{font-size:11px;color:var(--muted)}.history-card__prompt{margin:0;font-size:12.5px;line-height:1.55;color:#4d596f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.history-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.history-card__size{font-size:11px;color:var(--muted)}.history-card__actions{display:flex;align-items:center;gap:4px}.history-card__actions .icon-button{width:32px;height:32px}.history-card__actions .text-button{padding:0 4px}.history-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted)}.history-empty p{margin:4px 0 0;font-size:17px;color:var(--ink);font-weight:700}.history-empty span{max-width:360px;font-size:13px;line-height:1.7}.history-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:18px;display:grid;place-items:center;background:#11182780;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.history-modal__inner{position:relative;width:min(720px,100%)}.history-modal__close{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;background:#1118278c;color:#fff}.history-modal__player{width:100%;max-height:74vh;border-radius:12px;background:#0b1020}.history-modal__meta{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#fff}.history-modal__meta p{margin:0;font-size:13px;color:#e8edf5}.history-modal__inner .primary-button{margin-top:0}.history-modal__confirm{width:min(440px,100%);padding:26px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}.history-modal__confirm h3{margin:0 0 10px;font-size:19px}.history-modal__confirm p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.7}.history-modal__btns{display:flex;gap:12px;justify-content:center}.danger-button{min-height:40px;padding:0 18px;border:0;border-radius:6px;background:#dc2626;color:#fff;font-weight:700}.danger-button:hover{background:#b91c1c}@media (max-width: 1000px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}