.quick-flow{max-width:1160px;margin:0 auto;padding:24px 28px 32px;display:flex;flex-direction:column;gap:24px;min-width:0;font-size:14px}
.quick-heading{display:flex;flex-direction:column;gap:16px}.quick-heading h1{font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0}.quick-progress{display:flex;align-items:center;gap:20px;color:var(--color-muted);font-size:12px}.quick-progress .btn{padding-inline:0;min-height:28px;width:auto;font-size:12px}.quick-scene-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:32px}.quick-featured-scene{min-width:0;display:flex;flex-direction:column;gap:12px}.quick-scene-video{width:100%;aspect-ratio:1;max-height:540px;object-fit:contain;background:var(--surface-2);border-radius:8px}.quick-scene-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.quick-scene-caption h2{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.quick-scene-caption p{font-size:12px;margin:0}.quick-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-scene-tile{position:relative;border:0;background:transparent;min-width:0;padding:0;display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:left;color:var(--color-text);font-size:12px;font-weight:500;cursor:pointer}.quick-scene-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;border:2px solid transparent;transition:border-color .14s ease}.quick-scene-tile[aria-pressed=true] img{border-color:var(--color-text)}.quick-scene-tile:hover img{border-color:var(--border-strong)}.quick-scene-tile>.icon{display:none;position:absolute;top:8px;right:8px;width:23px;height:23px;padding:4px;background:var(--color-text);color:var(--color-bg-end);border-radius:50%}.quick-scene-tile[aria-pressed=true]>.icon{display:block}.quick-selection-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.quick-selection-actions>.btn{width:auto}.quick-selection-actions>.btn-primary{min-width:220px}.quick-alternatives{display:flex;gap:16px;border-top:1px solid var(--border-1);padding-top:12px}.quick-alternatives .btn{width:auto;font-size:12px;color:var(--color-muted)}.quick-feedback:has([data-action-error]:empty):has([data-error-actions]:empty){display:none}.quick-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:44px;align-items:start;min-width:0}.quick-workspace>.studio-composition{position:sticky;top:100px;width:min(100%,600px);height:auto;min-height:0;gap:8px;justify-self:center}.quick-workspace .preview-panel{position:static;flex:none;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:0;order:0}.quick-workspace .preview-header{display:none}.quick-workspace .preview-stage{--quick-preview-height:min(720px,max(360px,calc(100svh - 220px)));width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;padding:0;border:0;border-radius:0}.quick-workspace .preview-stage[data-format="4:5"]{width:min(100%,calc(var(--quick-preview-height) * .8));aspect-ratio:4/5}.quick-workspace .preview-stage[data-format="9:16"]{width:min(100%,calc(var(--quick-preview-height) * .5625));aspect-ratio:9/16}.quick-workspace :is(.preview-canvas,.output-video){height:100%;width:100%;max-width:100%;max-height:none;aspect-ratio:inherit;object-fit:contain;filter:none;border-radius:0;background:transparent}.quick-workspace .preview-canvas[hidden]{display:none}.quick-workspace .preview-panel .wireframe{width:100%;height:100%;max-height:none;aspect-ratio:inherit;min-height:0}.quick-workspace .preview-caption{font-size:11px}.quick-personalization{display:flex;flex-direction:column;gap:18px;min-width:0}.quick-personalization .field{gap:6px}.quick-personalization .field-label{font-size:13px}.quick-personalization .area{font-size:20px;line-height:1.45;min-height:130px;padding:14px}.quick-personalization .input{font-size:14px;min-height:42px}.quick-personalization .details{padding-top:10px}.quick-personalization summary{font-size:13px;min-height:30px}.quick-personalization .details-content{gap:16px;padding-top:10px}.quick-personalization .hint,.quick-personalization .counter{font-size:11px}.quick-create-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding-top:8px}.quick-create-actions>.btn-primary{min-height:48px}.quick-create-actions>.btn-ghost{font-size:12px}.quick-price{text-align:center;font-size:12px;color:var(--color-muted);margin:0}.quick-result-actions{display:flex;flex-direction:column;gap:8px}.quick-next-versions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:16px;border-top:1px solid var(--border-1)}.quick-next-versions .btn{width:auto;font-size:13px}.quick-feedback{font-size:12px;color:var(--color-danger)}
@media(max-width:760px){.quick-flow{padding:16px 16px 24px;gap:20px}.quick-heading{gap:12px}.quick-scene-layout{grid-template-columns:1fr;gap:24px}.quick-scene-video{max-height:400px}.quick-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-scene-caption{align-items:flex-start;flex-direction:column;gap:4px}.quick-workspace{grid-template-columns:1fr;gap:24px}.quick-workspace>.studio-composition{position:static}.quick-selection-actions{flex-wrap:wrap}.quick-selection-actions>.btn-primary{min-width:0;flex:1}.quick-alternatives{gap:8px;flex-wrap:wrap}.quick-personalization .area{font-size:18px;min-height:110px}.quick-create-actions{position:sticky;bottom:0;background:var(--color-bg-end);padding:12px 0 max(10px,env(safe-area-inset-bottom));z-index:2}.quick-personalization{gap:14px}}
@media(prefers-reduced-motion:reduce){.quick-flow *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.quick-scene-tile[aria-pressed=true] img{border-color:Highlight}.quick-scene-tile[aria-pressed=true]>.icon{background:Highlight;color:HighlightText}.quick-create-actions{background:Canvas}}
.quick-flow .studio-preview-tools[hidden],.quick-flow .quick-next-versions .btn[hidden]{display:none}
.quick-step-3 .studio-preview-tools,.quick-step-3 .studio-output{display:none}
.quick-step-3 .studio-platform-toolbar{display:none}
/* Match the source editor while keeping the quick creation path. */
.quick-flow:not(.quick-selection){width:100%;max-width:none;padding:76px 28px 32px;gap:0}
.quick-flow:not(.quick-selection) .quick-heading{position:relative;align-items:center;gap:26px;margin-bottom:52px}
.quick-flow:not(.quick-selection) .quick-heading h1{font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.18;letter-spacing:-.055em;text-align:center}
.quick-flow:not(.quick-selection) .quick-progress{position:absolute;top:0;left:0;right:0;font-size:11px;justify-content:space-between}
.quick-flow:not(.quick-selection) .quick-progress>[data-quick-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.quick-flow:not(.quick-selection) .quick-progress .save-status{margin-left:auto;font-size:11px}
.quick-flow:not(.quick-selection) .quick-progress .save-status[data-state=saved]{opacity:0}
.quick-steps{list-style:none;display:flex;gap:4px;align-items:center;margin:0;padding:6px;border-radius:17px;background:#f0f0f0}
.quick-steps li{padding:9px 15px;color:#696969;border-radius:12px;font-size:20px;font-weight:500;line-height:1.35;white-space:nowrap}
.quick-steps li[aria-current=step]{background:#fff;color:#080808;box-shadow:0 2px 5px #00000012}
.quick-workspace{position:relative;display:flex;flex-direction:column;width:min(600px,calc(100% - 144px));margin:auto;gap:0}
.quick-workspace>.studio-composition{position:static;top:auto;width:100%;gap:8px}
.quick-workspace .preview-stage{border:1px solid #e6e6e6}
.quick-workspace .preview-stage[data-format="4:5"],.quick-workspace .preview-stage[data-format="9:16"]{width:100%}
.quick-step-2 .quick-personalization{display:contents}
.quick-inspector[hidden]{display:none}
.quick-inspector .area{font-size:17px;min-height:120px}
.quick-inspector .field-label{font-size:14px}
.quick-inspector .details{padding-top:12px}
.quick-inspector .details-content{gap:18px}
.quick-inspector summary{font-size:14px}
.quick-create-actions{position:static;display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-top:14px;padding:0;background:transparent}
.quick-create-actions>.btn-primary{width:auto;min-width:180px;min-height:54px;font-size:19px;font-weight:500;background:#000;color:#fff;border-radius:7px;padding:12px 24px}
.quick-create-actions>.btn-primary:disabled{background:#eeeef0;color:#85858a}
.quick-price{font-size:12px;text-align:right}
.quick-step-3 .quick-personalization{width:100%;margin-top:20px}
.quick-step-3 .quick-result-actions{flex-direction:row;justify-content:flex-end;align-items:center}
.quick-step-3 .quick-result-actions .btn{width:auto}
.quick-selection .quick-steps{display:none}
.quick-flow .studio-help{margin-top:104px}
@media(max-width:767px){.quick-flow:not(.quick-selection){padding:34px 16px 24px}.quick-flow:not(.quick-selection) .quick-heading{margin-bottom:30px;gap:20px}.quick-flow:not(.quick-selection) .quick-heading h1{font-size:32px}.quick-flow:not(.quick-selection) .quick-progress{position:static;width:100%;height:24px}.quick-flow:not(.quick-selection) .quick-progress .save-status{display:none}.quick-steps{padding:4px;gap:1px;border-radius:12px;max-width:100%}.quick-steps li{font-size:14px;padding:8px 10px;border-radius:9px}.quick-workspace{width:100%;max-width:600px;gap:0}.quick-tool-rail{order:1}.quick-personalization{order:2}.quick-create-actions{margin-top:12px;padding:0}.quick-create-actions>.btn-primary{font-size:17px;min-height:49px}.quick-flow .studio-help{margin-top:64px}.quick-step-3 .quick-result-actions{flex-wrap:wrap}.quick-inspector .area{font-size:16px}}