.creator-workspace{margin-left:0}.creator-workspace .breadcrumb a:hover{color:var(--accent)}
.creator-main{max-width:1800px;padding-top:30px}.creator-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:3px 0 28px}.creator-heading h1{font-size:34px;margin:14px 0 10px;letter-spacing:-1px}.creator-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.connection{font-size:10px;color:#adc794;max-width:280px;line-height:1.6;text-align:right}.connection.error{color:#e6b295}.model-pill{color:#b2c598;font-size:11px;border:1px solid #3a4430;border-radius:20px;padding:8px 13px}.model-pill i{font-style:normal;color:#626d57;padding:0 8px}.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.creator-editor{min-width:0}.editor-panel{background:#191c1d;border:1px solid #303536;border-radius:13px;padding:24px;margin-bottom:18px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step-num{color:var(--accent);background:#242d1c;border:1px solid #3d492c;border-radius:8px;padding:9px;font-size:11px;align-self:flex-start}.panel-heading h2{font-size:17px;margin:0;letter-spacing:0}.panel-heading h2>span{font-size:10px;margin-left:10px;color:#8d9985}.panel-heading p{color:#889396;font-size:11px;line-height:1.7;margin:6px 0 0}.section-hint{margin-left:auto;color:#7e8b80;font-size:9px;white-space:nowrap}.image-drop{display:flex;align-items:center;justify-content:center;position:relative;min-height:190px;border:1px dashed #4d5943;border-radius:10px;background:radial-gradient(ellipse at center,#28312255,transparent 80%),#151916;cursor:pointer;overflow:hidden}.image-drop:hover,.image-drop.dragover{border-color:var(--accent);background:#252f1d}.image-drop input{position:absolute;width:1px;height:1px;opacity:0}.image-drop:focus-within{outline:2px solid var(--accent);outline-offset:3px}.upload-empty{text-align:center;padding:25px}.upload-empty b{display:grid;place-items:center;border:1px solid #4e613a;color:var(--accent);border-radius:12px;width:40px;height:40px;margin:0 auto 15px;font-size:25px;font-weight:400}.upload-empty strong{display:block;font-size:13px;font-weight:500}.upload-empty small{display:block;margin-top:10px;font-size:10px;color:#85917e}.image-drop img{max-height:270px;max-width:100%;object-fit:contain;padding:10px}.image-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#96a38e;margin-top:12px;overflow-wrap:anywhere}.text-btn{background:transparent;border:0;color:#bccd9e;padding:4px;font-size:11px;white-space:nowrap}.text-btn:hover{color:var(--accent)}textarea{width:100%;resize:vertical;min-height:165px;background:#111516;color:#e1e6dd;border:1px solid #353e3e;border-radius:9px;padding:15px 16px;font:13px/1.85 inherit;font-family:inherit;font-size:13px;line-height:1.85;outline:0}textarea:focus{border-color:#acc672;box-shadow:0 0 0 2px #dcfa7710}textarea::placeholder{color:#657174}.prompt-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#869580;margin-top:10px}.prompt-footer>span:last-child{white-space:nowrap;color:#768085}.duration-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}.duration-row>label{font-size:12px}.duration-row>div{display:flex;align-items:center;gap:10px;border:1px solid #3b4641;border-radius:8px;background:#121715;padding:8px 12px}.duration-row input{width:64px;background:transparent;border:0;color:var(--accent);font-size:15px;outline:0}.duration-row span,.duration-row small{font-size:11px;color:#859181}.ratio-field{border:0;padding:0;margin:0}.ratio-field legend{font-size:12px;margin-bottom:13px}.ratio-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(89px,1fr));gap:8px}.ratio-choice{position:relative;cursor:pointer;border:1px solid #363f3c;background:#151a17;padding:12px 5px 9px;border-radius:8px;text-align:center}.ratio-choice:has(input:checked){background:#28331f;border-color:#aec96f}.ratio-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.ratio-choice input{position:absolute;opacity:0;width:1px;height:1px}.ratio-symbol{height:23px;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.ratio-symbol i{display:block;border:1px solid #8d9d7e;border-radius:2px}.ratio-choice:has(input:checked) i{border-color:var(--accent);background:#dcfa7712}.ratio-choice strong{display:block;font-size:11px;font-weight:500}.ratio-choice small{display:block;font-size:9px;margin-top:5px;color:#8d9c84}.subtle{font-size:10px;color:#85918c;line-height:1.8;margin:13px 0 0}.camera-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.camera-search{display:flex;align-items:center;gap:8px;flex:1;min-width:170px;background:#111615;border:1px solid #37423c;border-radius:8px;padding:9px 12px}.camera-search>span{font-size:20px;color:#829376}.camera-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}select{font:11px inherit;font-family:inherit;font-size:11px;color:#bdc9b3;background:#171e18;border:1px solid #3b4639;border-radius:8px;padding:12px 9px;max-width:100%}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;max-height:590px;overflow-y:auto;padding:3px;scrollbar-color:#46543a #151a16;scrollbar-width:thin}.camera-card{display:flex;flex-direction:column;text-align:left;padding:16px;border:1px solid #343c37;background:#151a17;border-radius:9px;color:#dfe6d8;transition:border-color .15s}.camera-card:hover{border-color:#82985e}.camera-card[aria-pressed=true]{border-color:var(--accent);background:#28341f}.camera-card header{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#7f9272;margin-bottom:10px}.camera-card strong{font-size:13px;font-weight:550}.camera-card p{font-size:11px;color:#abb7a2;line-height:1.8;margin:9px 0 12px}.camera-mood{font-size:10px;color:#c3d4ae;margin-top:auto;line-height:1.8}.camera-card[aria-pressed=true] header{color:var(--accent)}.generate-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border:1px solid #424e32;border-radius:12px;background:#20271b;position:sticky;bottom:16px;z-index:3;box-shadow:0 8px 30px #0006}.generate-bar strong{font-size:13px;font-weight:500}.generate-bar small{display:block;margin-top:7px;color:#9aa78d;font-size:10px;line-height:1.6}.generate-bar .primary{white-space:nowrap}.primary:disabled{background:#68764e;color:#ced6c1;cursor:wait}.field-error{font-size:12px;line-height:1.8;color:#f0b8a1;background:#57342340;padding:12px;border-radius:8px}.result-panel{position:sticky;top:22px;border:1px solid #35402e;border-radius:14px;background:#191e18;padding:20px;min-width:0}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-heading h2{font-size:17px;margin:8px 0 0}.result-heading>span{font-size:10px;border:1px solid #4b583b;padding:5px 8px;border-radius:5px;color:#b3c39d}.video-stage{background:radial-gradient(ellipse at 50% 40%,#29392355,transparent 80%),#101510;border:1px solid #313e2a;border-radius:10px;width:100%;aspect-ratio:9/16;max-height:460px;display:grid;place-items:center;overflow:hidden}.video-stage video{display:block;width:100%;height:100%;max-height:460px;object-fit:contain;background:#080b08}#resultEmpty{text-align:center;padding:24px 15px}.result-spark{font-size:54px;color:#6f8651;display:block;margin-bottom:20px}#resultEmpty h3{font-size:14px;font-weight:500;color:#ccd9bf}#resultEmpty p{font-size:11px;line-height:1.9;color:#7c8c72}.job-status{display:flex;align-items:flex-start;gap:10px;margin:20px 0 12px}.job-status>span{width:6px;height:6px;background:#7e9168;border-radius:50%;margin-top:6px;flex-shrink:0}.job-status strong{font-size:12px;font-weight:500}.job-status p{font-size:11px;line-height:1.8;color:#92a286;margin:7px 0 0;overflow-wrap:anywhere}.job-meta{font-size:9px;line-height:1.9;color:#91a17e;overflow-wrap:anywhere}.download-video{display:flex;width:100%;margin:15px 0 0;font-size:12px}.recent-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #35402e;padding-top:19px;margin-top:23px}.recent-heading h3{font-size:12px;font-weight:500;margin:0}.recent-heading>span{font-size:9px;color:#7f8f72}.recent-jobs{display:grid;gap:8px;margin-top:12px;max-height:240px;overflow-y:auto}.recent-job{display:flex;justify-content:space-between;gap:9px;text-align:left;background:#151a13;border:1px solid #34402a;border-radius:7px;padding:10px;font-size:10px;color:#b5c7a2}.recent-job span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-job span:last-child{white-space:nowrap;color:#8b9d79}#retryStatus{margin-top:12px;width:100%;font-size:11px}#extraResults a{display:block;color:var(--accent);font-size:11px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.creator-layout{grid-template-columns:minmax(0,1fr) 390px}.camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.creator-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.editor-panel{padding:18px}.section-hint{display:none}.creator-heading{align-items:flex-start}.connection{max-width:180px}.camera-grid{grid-template-columns:1fr}.generate-bar{padding:16px}.generate-bar strong{font-size:11px}.generate-bar .primary{padding:13px 15px;gap:15px}}
@media(max-width:950px){.creator-layout{grid-template-columns:1fr}.result-panel{position:static;max-width:none}.video-stage{max-width:340px;margin:auto}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-heading h1{font-size:30px}.generate-bar{position:static}.creator-heading{flex-direction:column;gap:14px}.connection{max-width:none;text-align:left}.result-panel{margin-top:5px}}
@media(max-width:540px){.creator-main{padding:22px 16px 0}.creator-heading h1{font-size:28px}.model-pill{font-size:9px;padding:7px 9px}.model-pill i{padding:0 3px}.topbar{padding:0 16px}.editor-panel{padding:17px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.camera-grid{grid-template-columns:1fr;max-height:540px}.prompt-footer{font-size:9px}.camera-tools select{flex:1}.camera-search{flex-basis:100%}.generate-bar{flex-direction:column;align-items:stretch}.generate-bar .primary{width:100%}.duration-row{gap:10px}.result-panel{padding:18px}.creator-heading p{font-size:11px}}
@media(min-width:951px){.result-panel{max-height:calc(100dvh - 44px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a593b #191e18}}
.prompt-polish{margin-top:22px;padding-top:20px;border-top:1px solid #343e3e}
.polish-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.polish-heading strong{display:block;font-size:12px;font-weight:600;color:#dce7d4}
.polish-heading small{display:block;margin-top:6px;color:#84918b;font-size:10px;line-height:1.7}
.polish-heading>span{flex-shrink:0;color:#afc88c;border:1px solid #405039;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:1px}
#polishInput{min-height:94px;background:#151a18;font-size:12px}
.polish-actions{display:flex;gap:9px;align-items:center;margin-top:10px}
.polish-actions button{min-height:38px;padding:9px 14px;font-size:11px}
.polish-actions .secondary{color:#d5e4bd;background:#263021;border-color:#52613f}
.polish-actions .primary{flex:1;box-shadow:none}
.polish-actions button span{margin-left:5px}
.polish-status{margin:10px 0 0;color:#9daf95;font-size:10px;line-height:1.7}
.polish-status.error{color:#eab5a2}
.polished-result{min-height:110px;margin-top:10px;background:#111715;color:#cfe2b4;font-size:11px;line-height:1.75;resize:vertical}
@media(max-width:540px){.polish-actions{align-items:stretch;flex-direction:column}.polish-actions button{width:100%}.polish-heading{gap:9px}.polish-heading>span{font-size:7px}}
