.creationPromptField{display:block}.creationPromptField textarea{width:100%;min-height:96px;padding:11px 12px;border:1px solid #dfe1e5;border-radius:7px;outline:0;resize:vertical;color:#303238;background:#fff;font:inherit;font-size:11px;line-height:1.65}.creationPromptField textarea::placeholder{color:#aaadb3}.creationPromptField textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,90,99,.1)}.creationPromptField textarea:disabled{cursor:not-allowed;color:#999;background:#f4f4f5}
.creativeView[hidden],.creationHistoryView[hidden],.creativeLoading[hidden],.creativeResult[hidden],.creativeUploadEmpty[hidden],.creativeUploadTarget>img[hidden],.creativeUploadMeta[hidden],.creativeUploadRemove[hidden],.creationHistoryGrid[hidden],.creationHistoryEmpty[hidden],.creationHistoryLoading[hidden]{display:none}.creativeView{width:100%;height:100%;min-height:0;background:#fff}.creativeWorkspace{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:430px minmax(0,1fr)}.creativeControls{min-width:0;min-height:0;border-right:1px solid var(--line);display:grid;grid-template-rows:minmax(0,1fr) auto;background:#fff}.creativeControlsScroll{min-height:0;padding:28px 24px 22px;overflow:auto}.creativeHeading{padding-bottom:22px;border-bottom:1px solid var(--line)}.creativeBackButton{height:30px;margin:0 0 22px;padding:0;border:0;display:inline-flex;align-items:center;gap:8px;color:#74777e;background:transparent;font-size:11px}.creativeBackButton:hover{color:var(--brand-dark)}.creativeBackButton svg{width:16px;height:16px}.creativeHeading>p,.creativeStageHeader p,.creationHistoryHeader p{margin:0 0 6px;color:var(--brand);font-size:8px;font-weight:800;letter-spacing:1.4px}.creativeHeading h1,.creationHistoryHeader h1{margin:0;color:#202126;font-size:28px;line-height:1.12;letter-spacing:0}.creativeHeading small,.creationHistoryHeader small{display:block;margin-top:8px;color:#94979e;font-size:11px}.creativeControlSection{padding:19px 0;border-bottom:1px solid var(--line)}.creativeControlTitle{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.creativeControlTitle h2{margin:0;font-size:13px;letter-spacing:0}.creativeControlTitle span{color:#9a9da4;font-size:9px}.creativeControlTitle b{font-weight:600}.creativeUpload{position:relative;height:190px;overflow:hidden;border:1px dashed #d4d6da;border-radius:8px;background:#f8f8f9}.creativeUpload.is-dragging{border-color:var(--brand);background:var(--brand-soft)}.creativeUploadTarget{width:100%;height:100%;padding:0;border:0;display:block;background:transparent}.creativeUploadEmpty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2a5ab}.creativeUploadEmpty svg{width:30px;height:30px;margin-bottom:10px}.creativeUploadEmpty strong{color:#62656b;font-size:11px}.creativeUploadEmpty small{margin-top:5px;font-size:9px}.creativeUploadTarget>img{width:100%;height:100%;display:block;object-fit:contain;background:#f2f2f3}.creativeUploadMeta{position:absolute;left:8px;right:8px;bottom:8px;overflow:hidden;padding:6px 8px;border-radius:5px;color:#fff;background:rgba(27,28,32,.74);font-size:9px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.creativeUploadRemove{position:absolute;z-index:2;top:8px;right:8px;width:29px;height:29px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(28,29,33,.72)}.creativeUploadRemove:hover{background:#b9323c}.creativeUploadRemove svg{width:14px;height:14px}.creativeSegments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.creativeSegmentsFive{grid-template-columns:repeat(5,minmax(0,1fr))}.creativeSegments button{height:39px;min-width:0;padding:0 6px;border:1px solid #dfe1e5;border-radius:7px;color:#73767d;background:#fff;font-size:10px;white-space:nowrap}.creativeSegments button:hover{border-color:#c8cacf}.creativeSegments button.active{color:var(--brand-dark);border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.creativeVideoRatios{grid-template-columns:repeat(3,minmax(0,1fr))}.creativeRangeField{margin-top:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.creativeRangeField span{color:#666970;font-size:10px}.creativeRangeField strong{color:#292b30}.creativeRangeField small{color:var(--brand-dark);font-size:10px;font-weight:700}.creativeRangeField input{grid-column:1/-1;width:100%;accent-color:var(--brand)}.creativeControlActions{padding:14px 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:88px 1fr;gap:9px;background:#fff;box-shadow:0 -8px 20px rgba(28,29,32,.035)}.creativeSecondaryButton,.creativeGenerateButton,.creativeSaveButton,.historyRefreshButton{height:46px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.creativeSecondaryButton{border:1px solid var(--line);color:#686b72;background:#fff;font-size:11px}.creativeGenerateButton{min-width:0;padding:0 12px;border:0;color:#fff;background:var(--brand);box-shadow:0 8px 17px rgba(255,90,99,.22);font-size:12px}.creativeGenerateButton:hover:not(:disabled){background:var(--brand-dark)}.creativeGenerateButton:disabled{cursor:not-allowed;color:#aaa;background:#ececee;box-shadow:none}.creativeGenerateButton.is-cancel{background:#303136}.creativeControlActions svg{width:17px;height:17px}.creativeStage{min-width:0;min-height:0;padding:28px 32px 24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f4f5f7}.creativeStageHeader{height:55px;display:flex;align-items:flex-start;justify-content:space-between}.creativeStageHeader h2{margin:0;font-size:18px;letter-spacing:0}.creativeSaveButton{height:36px;padding:0 13px;border:1px solid var(--line);color:#5f6269;background:#fff;font-size:11px;font-weight:600}.creativeSaveButton:hover:not(:disabled){color:#5f6269;border-color:#c7c9ce}.creativeSaveButton:disabled{cursor:not-allowed;color:#b5b7bc;background:#f0f1f2}.creativeSaveButton svg{width:15px;height:15px}.creativeResultSurface{position:relative;min-width:0;min-height:380px;overflow:hidden;border:1px solid #e2e3e6;border-radius:8px;display:grid;place-items:center;background:#fff;box-shadow:0 12px 32px rgba(30,31,35,.06)}.creativeEmptyResult{padding:34px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#a0a3aa}.creativeEmptyResult>svg{width:52px;height:52px;margin-bottom:18px;stroke-width:1.25}.creativeEmptyResult h2{margin:0;color:#4d5057;font-size:19px;letter-spacing:0}.creativeEmptyResult p{margin:8px 0 0;font-size:10px}.creativeResult{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:18px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;background:#f0f1f2}.creativeResult img,.creativeResult video{min-width:0;min-height:0;max-width:100%;max-height:100%;display:block;object-fit:contain}.creativeResult video{width:100%;height:100%;background:#16171a}.creativeResult figcaption{padding-top:10px;color:#777a81;font-size:10px}.creativeLoading{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.94);backdrop-filter:blur(5px)}.creativeSpinner{width:36px;height:36px;border:3px solid #f1c7ca;border-top-color:var(--brand);border-radius:50%;animation:creative-spin .85s linear infinite}.creativeLoading strong{margin-top:16px;font-size:12px}.creativeProgressTrack{width:min(320px,62%);height:5px;margin:15px 0 7px;border-radius:3px;overflow:hidden;background:#ececef}.creativeProgressTrack i{width:0;height:100%;display:block;border-radius:3px;background:var(--brand);transition:width .2s ease}.creativeLoading small{color:#95989f;font-size:10px}.creativeStageFooter{min-height:52px;padding-top:14px;display:flex;align-items:center;justify-content:flex-end}.creativeResultStatus{display:flex;align-items:center;gap:8px;color:#8c8f96;font-size:10px}.creativeResultStatus>i{width:7px;height:7px;border-radius:50%;background:#bbbcc1}.creativeResultStatus.is-ready>i{background:#1fa36b;box-shadow:0 0 0 4px rgba(31,163,107,.1)}.creativeResultStatus.is-running>i{background:#e19a24;box-shadow:0 0 0 4px rgba(225,154,36,.1)}.creativeResultStatus.is-error>i{background:#c63d48;box-shadow:0 0 0 4px rgba(198,61,72,.1)}@keyframes creative-spin{to{transform:rotate(360deg)}}
.creationHistoryView{width:100%;height:100%;min-height:0;overflow:auto;background:#f5f5f6}.creationHistoryInner{position:relative;width:min(1500px,100%);min-height:100%;margin:0 auto;padding:34px 42px 56px}.creationHistoryHeader{padding-bottom:24px;border-bottom:1px solid #dedfe2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.creationHistoryHeader .creativeBackButton{margin-bottom:20px}.historyRefreshButton{height:38px;padding:0 14px;border:1px solid #d9dade;color:#5f6269;background:#fff;font-size:10px}.historyRefreshButton:hover{border-color:#c2c4c9;color:#26282d}.historyRefreshButton svg{width:15px;height:15px}.creationHistoryToolbar{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.historyTabs{display:flex;gap:6px}.historyTabs button{height:36px;padding:0 18px;border:1px solid #dcdee2;border-radius:6px;color:#6d7077;background:#fff;font-size:10px}.historyTabs button.active{color:#fff;border-color:var(--brand);background:var(--brand)}.historySearch{width:min(340px,44vw);height:38px;padding:0 11px;border:1px solid #dcdee2;border-radius:6px;display:flex;align-items:center;gap:8px;background:#fff}.historySearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,90,99,.1)}.historySearch svg{width:15px;height:15px;color:#9a9da3}.historySearch input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:10px}.creationHistoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.historyCard{min-width:0;overflow:hidden;border:1px solid #dfe0e3;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(31,32,36,.045)}.historyVisual{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;background:#e9eaec}.historyVisual img,.historyVisual video{width:100%;height:100%;display:block;object-fit:cover}.historyVisual video{background:#16171a}.historyVisualPlaceholder{color:#a0a3aa}.historyVisualPlaceholder svg{width:38px;height:38px}.historyBadge{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:4px;color:#fff;background:rgba(29,30,34,.75);font-size:8px;backdrop-filter:blur(4px)}.historyStatus{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:4px;color:#fff;background:#6c7078;font-size:8px}.historyStatus.is-completed{background:#19865d}.historyStatus.is-failed,.historyStatus.is-cancelled{background:#ad3b45}.historyCardBody{padding:13px}.historyCardBody h2{margin:0;font-size:13px;letter-spacing:0}.historyCardBody p{height:34px;margin:7px 0 10px;overflow:hidden;color:#85888f;font-size:9px;line-height:1.8}.historyMeta{display:flex;align-items:center;justify-content:space-between;color:#9a9da3;font-size:8px}.historyActions{padding:0 13px 13px;display:grid;grid-template-columns:1fr 36px;gap:7px}.historyActions a,.historyActions button{height:34px;border:1px solid #dedfe2;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#62656c;background:#fff;font-size:9px;text-decoration:none}.historyActions a:hover{color:#fff;border-color:var(--brand);background:var(--brand)}.historyActions button:hover{color:#fff;border-color:#b63540;background:#b63540}.historyActions svg{width:14px;height:14px}.creationHistoryEmpty,.creationHistoryLoading{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a9da4}.creationHistoryEmpty svg{width:46px;height:46px;margin-bottom:15px}.creationHistoryEmpty strong,.creationHistoryLoading strong{color:#55585e;font-size:13px}.creationHistoryEmpty small{margin-top:6px;font-size:10px}.creationHistoryLoading{position:absolute;z-index:2;inset:170px 42px 40px;background:rgba(245,245,246,.9)}.creationHistoryLoading strong{margin-top:14px}
@media(max-width:1280px){.creativeWorkspace{grid-template-columns:390px minmax(0,1fr)}.creativeControlsScroll{padding-left:18px;padding-right:18px}.creativeStage{padding-left:24px;padding-right:24px}.creationHistoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.creativeView{overflow:auto}.creativeWorkspace{height:auto;min-height:100%;display:block}.creativeControls{border-right:0;border-bottom:1px solid var(--line);display:block}.creativeControlsScroll{overflow:visible}.creativeControlActions{position:sticky;z-index:5;bottom:0}.creativeStage{min-height:650px}.creationHistoryInner{padding:24px 18px 44px}.creationHistoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.creativeControlsScroll{padding:20px 14px}.creativeStage{padding:22px 14px;min-height:620px}.creativeSegmentsFive{grid-template-columns:repeat(3,minmax(0,1fr))}.creationHistoryHeader{align-items:flex-start}.creationHistoryToolbar{align-items:stretch;flex-direction:column}.historySearch{width:100%}.creationHistoryGrid{grid-template-columns:1fr}.historyTabs{display:grid;grid-template-columns:repeat(3,1fr)}.creationHistoryLoading{inset:190px 18px 30px}}