.engine-history-thumb{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:40px;background:#1B1B21;color:#B9B5BF;overflow:hidden}.engine-history-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.app-content:has(.engine-studio)>:is(header,footer){display:none}.dx-editorial .engine-studio{color:#F5F2EC;background:#0A0A0C;min-height:100%;font-family:Archivo,system-ui,sans-serif}.engine-studio *{box-sizing:border-box}.dx-editorial .engine-studio :is(button,input,textarea,.font-black){font-family:Archivo,system-ui,sans-serif!important}.dx-editorial .engine-studio-inner{display:grid;grid-template-columns:minmax(400px,.8fr) minmax(0,1.2fr);grid-template-areas:"header header" "composer stage" "note note" "history history" "faq faq";align-items:start;gap:24px;width:100%;max-width:var(--dx-page-max,1500px);padding:28px var(--dx-page-gutter,42px) 60px;margin:0 auto}.engine-studio-inner .engine-workspace{display:contents}.engine-studio-inner>.engine-header{grid-area:header}.engine-studio .font-black,.engine-studio :is(h1,h2,h3){font-family:Archivo,system-ui,sans-serif!important;font-weight:600!important}.engine-studio :is(h2,h3){text-transform:none;letter-spacing:-.025em}.engine-studio p{line-height:1.65}.engine-references label:focus-within,.engine-studio :is(button,a,label,input,textarea):focus-visible{outline:2px solid #FF9B3E;outline-offset:3px}.engine-studio button{cursor:pointer}.engine-studio button:disabled{cursor:not-allowed}.engine-header{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-bottom:6px}.engine-eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:.1em;color:#B9B5BF;text-transform:uppercase}.engine-header h1{display:flex;align-items:center;gap:14px;font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:12px 0 10px}.engine-header h1 img{width:29px;height:29px;object-fit:contain}.engine-header p{font-size:13px;color:#B9B5BF;max-width:540px;margin:0}.engine-header-meta{display:flex;align-items:center;gap:24px;flex:none}.engine-rate{font-size:13px;white-space:nowrap;color:#B9B5BF}.engine-header-meta a{display:inline-flex;min-height:44px;gap:10px;align-items:center;color:#F5F2EC;font-size:12px}.engine-header-meta a:hover{text-decoration:underline;text-underline-offset:5px}.dx-editorial .engine-field-label,.dx-editorial .engine-section-label,.dx-editorial .engine-stage-heading{display:block;width:100%;font-size:14px;font-weight:600;line-height:1.4;color:#F5F2EC;margin:0 0 16px;text-transform:none;letter-spacing:0}.engine-composer{display:contents}.engine-composer>div:first-child{grid-area:composer;min-width:0}.engine-composer>p{grid-area:note}.engine-composer>div:not(:first-child){grid-column:1/-1;grid-row:3;align-self:start}.engine-studio-inner:has(.engine-composer>div:nth-child(2)){grid-template-areas:"header header" "composer stage" "error error" "note note" "history history" "faq faq"}.dx-editorial .engine-composer>div:first-child{padding:0!important;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#131318!important;box-shadow:none}.dx-editorial .engine-composer>div:first-child>div{background:transparent!important;backdrop-filter:none;border-radius:16px;padding:20px}.engine-composer .engine-prompt{display:block;width:100%;min-height:190px;height:auto;padding:15px 56px 15px 15px;background:rgba(10,10,12,.5);border:1px solid rgba(255,255,255,.09);border-radius:12px;resize:vertical;color:#F5F2EC;font-family:inherit;font-size:14px;line-height:1.7}.engine-composer .engine-prompt::placeholder{color:#B9B5BF;opacity:.7}.engine-composer .relative:has(>.engine-prompt)>.absolute{right:10px;bottom:10px}.engine-composer .relative:has(>.engine-prompt)>.absolute button{min-width:38px;min-height:38px;border-radius:10px}.engine-composer .relative:has(>.engine-prompt)+div{margin-top:12px}.engine-composer .relative:has(>.engine-prompt)+div button{min-height:34px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:500}.dx-editorial .engine-composer .relative:has(>.engine-prompt)+div button{background:rgba(255,255,255,.04)!important;color:#B9B5BF!important}.engine-references{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:22px!important}.engine-references .engine-section-label{margin-bottom:4px}.engine-references label{min-height:44px;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:500;background:rgba(10,10,12,.35)!important;border-color:rgba(255,255,255,.12)!important;position:relative}.engine-references label:has(img){border-color:#FF9B3E!important}.engine-references input[type=file]{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.engine-references>span{flex:1 0 100%;font-size:11px;line-height:1.6;color:#B9B5BF}.engine-references button{min-width:36px;min-height:36px}.engine-controls{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:22px!important}.engine-controls .engine-section-label{margin-bottom:4px}.engine-controls>.engine-menu,.engine-controls>.relative{position:static}.engine-controls>.engine-menu>button,.engine-controls>.relative>button{min-height:44px;height:auto;padding:10px 12px;border-radius:12px;color:#F5F2EC;background:rgba(10,10,12,.3);border-color:rgba(255,255,255,.12);font-size:12px;line-height:1.5;white-space:normal;text-align:start}.engine-controls button[aria-expanded=true]{border-color:#FF9B3E!important}.dx-editorial .engine-controls>.relative>.absolute,.dx-editorial .engine-menu>.absolute{left:auto;right:auto;inset-inline-start:0;inset-inline-end:auto;bottom:calc(100% + 8px);width:min(100%,360px);max-width:100%;max-height:min(65dvh,420px);overflow-y:auto;margin:0;background:#1B1B21!important;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:none;z-index:60}.engine-controls>.relative>.absolute button,.engine-menu>.absolute button{min-height:44px;text-align:start}.engine-controls>.relative>.absolute button>span:last-child,.engine-menu>.absolute button>span:last-child{white-space:normal}.engine-controls input[type=range]{min-height:44px;accent-color:#FF9B3E}.dx-editorial .engine-generate{flex:1 0 100%;width:100%;margin-top:12px}.dx-editorial .engine-generate>button,.dx-editorial button.engine-generate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;height:auto;padding:13px 18px;border-radius:12px;border:0;background:#FF9B3E!important;background-image:none!important;color:#0A0A0C;box-shadow:none;text-transform:none;font-size:14px;font-weight:600;letter-spacing:0;transform:none}.dx-editorial .engine-generate>button:hover,.dx-editorial button.engine-generate:hover{background:#FFB347!important}.engine-composer>p{margin:-12px 0 0;color:#B9B5BF;font-size:11px;text-align:start}.engine-stage{grid-area:stage;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#131318;position:relative}.engine-stage .engine-section-label,.engine-stage .engine-stage-heading{align-self:start;margin-bottom:20px}.dx-editorial .engine-stage-frame{max-width:100%;padding:0;margin:0 auto;background:#0A0A0C!important;border:1px solid rgba(255,255,255,.1);box-shadow:none}.dx-editorial .engine-stage-frame,.engine-stage-screen{position:relative;border-radius:16px;overflow:hidden;width:100%}.engine-stage-screen{display:flex;align-items:center;justify-content:center;background:#0A0A0C;min-height:180px}.engine-stage-screen>video{object-fit:contain}.engine-stage-screen>video[controls]{position:absolute;inset:0;width:100%;height:100%}.engine-stage-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:10;padding:48px 28px 32px;text-align:center}.engine-stage-idle svg{color:#B9B5BF}.engine-stage-idle h3{margin:0;font-size:16px;color:#F5F2EC}.engine-stage-hint,.engine-stage-idle p{margin:0;font-size:12px;line-height:1.65;color:#B9B5BF;max-width:300px}.engine-stage-status{position:absolute;top:12px;inset-inline-start:14px;z-index:20;display:flex;align-items:center;gap:8px;padding:3px 0;font-size:10px;font-weight:500;color:#B9B5BF}.engine-stage-status>span{background:#B9B5BF!important}.engine-stage-caption{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;font-size:11px;letter-spacing:0;color:#B9B5BF}.engine-stage-caption span{color:#B9B5BF!important}.engine-history{grid-area:history;min-width:0;padding:26px 0 0;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;box-shadow:none}.engine-history h3{font-size:20px;color:#F5F2EC!important}.engine-history>div:first-child>button{min-height:44px;min-width:44px;border-radius:12px}.engine-history>div:not(:first-child){margin-top:22px}.engine-history .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.engine-history .grid>div{padding:14px;border-radius:16px;background:#131318!important;border-color:rgba(255,255,255,.08)}.engine-history .grid button{min-height:44px;min-width:44px}.engine-faq{grid-area:faq;min-width:0;padding:26px 0 0;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;box-shadow:none}.engine-faq>div:first-child{border-bottom:0;padding:0;margin-bottom:24px}.engine-faq h2{font-size:20px;text-transform:none;letter-spacing:-.02em;line-height:1.4}.engine-faq>div:last-child>div{background:transparent!important;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}.engine-faq>div:last-child>div>button{padding:18px 0;text-align:start;min-height:56px;font-size:14px;font-weight:500}.engine-faq>div:last-child>div>div{padding:4px 0 20px;border:0;font-size:13px;line-height:1.75}.engine-modal-backdrop{position:fixed;inset:0;z-index:10030;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,10,12,.88)}.dx-editorial .engine-modal-backdrop>div{max-height:calc(100dvh - 48px);overflow-y:auto;background:#131318!important;border:1px solid rgba(255,255,255,.16);box-shadow:none;border-radius:24px}.engine-modal-backdrop button{min-height:44px}.dx-editorial .engine-modal-backdrop button.engine-modal-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;height:auto;padding:12px 18px;border:1px solid #ff9b3e;border-radius:12px;background:#FF9B3E!important;background-image:none!important;color:#0A0A0C!important;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none}.dx-editorial .engine-modal-backdrop button.engine-modal-primary:hover{background:#FFB347!important}.dx-editorial .engine-modal-backdrop button.engine-modal-primary:focus-visible{outline:2px solid #F5F2EC;outline-offset:3px}.dx-editorial .engine-modal-backdrop .engine-modal-icon{background:rgba(255,155,62,.12)!important;color:#FF9B3E!important;box-shadow:none}.engine-studio .engine-live-status{z-index:10020;max-width:calc(100vw - 32px)}.engine-studio>.fixed.inset-0{z-index:10030}.engine-studio[dir=rtl] :is(.text-left,[class*=text-left]){text-align:start}.engine-studio[dir=rtl] .engine-eyebrow{letter-spacing:0}.engine-studio[dir=rtl] .engine-header-meta a svg{transform:scaleX(-1)}.engine-studio[dir=rtl] .engine-prompt{padding-inline:15px 56px}.engine-studio[dir=rtl] .relative:has(>.engine-prompt)>.absolute{right:auto;left:10px}@media (max-width:1100px){.dx-editorial .engine-studio-inner{padding:28px 28px 50px;gap:28px 20px}.engine-header-meta{gap:16px}.engine-composer>div:first-child>div{padding:20px!important}.engine-stage{padding:18px}.dx-editorial .engine-studio-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "composer" "note" "stage" "history" "faq"}.engine-stage{position:relative;top:auto}.engine-header{align-items:start}.engine-header-meta{flex-direction:column;align-items:end;gap:0}}@media (max-width:600px){.dx-editorial .engine-studio-inner{padding:26px 20px 44px;gap:28px}.engine-header{flex-direction:column;gap:14px}.engine-header h1{font-size:30px}.engine-header-meta{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.engine-composer>div:first-child>div{padding:18px!important}.engine-composer .engine-prompt{min-height:175px;font-size:14px}.engine-stage{padding:16px}.engine-history .grid{grid-template-columns:1fr}.engine-faq h2{font-size:18px}.engine-modal-backdrop{padding:16px}}@media (prefers-reduced-motion:reduce){.engine-studio *{transition:none!important;scroll-behavior:auto!important}}@media (min-width:901px){.dx-editorial .engine-studio-inner{padding-top:28px;row-gap:28px}.engine-composer .engine-prompt{min-height:125px}.engine-controls,.engine-references{margin-top:16px!important;padding-top:16px}.dx-editorial .engine-composer>div:first-child>div{padding:22px}}@media (max-width:600px){.engine-composer .relative:has(>.engine-prompt)+div button,.engine-composer .relative:has(>.engine-prompt)>.absolute button,.engine-references button{min-height:44px;min-width:44px}}.engine-stage{border-radius:16px;padding:20px}.engine-stage-frame,.engine-stage-screen{border-radius:10px!important}.engine-stage-screen{min-height:0}.engine-stage-idle{position:absolute;inset:0;padding:18px}.engine-references{gap:8px}.engine-references label{flex:1 1 130px;align-self:stretch;justify-content:center;text-align:center}.engine-controls{gap:8px}.engine-controls>.flex-1:empty{display:none}.engine-controls>:is(.relative,.engine-menu){flex:1 1 auto}.engine-controls>:is(.relative,.engine-menu)>button{width:100%;justify-content:space-between}@media (min-width:1101px){.engine-references label{flex:1 1 0;min-width:0}.engine-references label>svg{flex:none}.dx-editorial .engine-composer .engine-section-label{margin-bottom:10px}.engine-composer .engine-prompt{min-height:112px}.engine-controls,.engine-references{margin-top:12px!important;padding-top:12px}.dx-editorial .engine-generate{margin-top:4px}.engine-stage{align-self:stretch;container-type:size}.engine-stage .engine-section-label{flex:none;margin-bottom:12px}.dx-editorial .engine-stage-frame{flex:none;margin-block:auto;width:min(100%,calc((100cqh - 90px) * var(--engine-stage-ratio,1.7777778)))!important}.dx-editorial .engine-stage:has(.engine-history-thumb) .engine-stage-frame{width:min(100%,calc((100cqh - 164px) * var(--engine-stage-ratio,1.7777778)))!important}.engine-stage-caption{flex:none;margin-top:12px}.engine-stage-screen{min-height:0}}@media (max-width:1100px){.engine-studio-inner:has(.engine-composer>div:nth-child(2)){grid-template-areas:"header" "composer" "error" "note" "stage" "history" "faq"}}@media (max-width:600px){.dx-editorial .engine-studio-inner{padding-inline:var(--dx-page-gutter,16px)}.engine-references label{flex-basis:100%}.engine-controls>:is(.relative,.engine-menu){flex-basis:calc(50% - 8px)}.dx-editorial .engine-controls>.relative>.absolute,.dx-editorial .engine-menu>.absolute{position:fixed;inset-inline:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:min(60dvh,420px);z-index:10030}}