.creation-workspace.creation-workspace--cinema{max-width:980px;container-type:inline-size;container-name:creation-chooser}.creation-cinema,.creation-cinema-dialog{--cinema-paper:var(--ui-surface,var(--color-paper));--cinema-ink:var(--ui-ink,var(--color-ink));--cinema-muted:var(--ui-muted,var(--color-muted));--cinema-border:var(--ui-border,var(--color-rule));--cinema-coral:var(--color-acid);--cinema-focus:var(--ui-focus,var(--color-focus));--cinema-stage:oklch(19% .014 255);--cinema-stage-raised:oklch(25% .018 255);--cinema-white:oklch(99% .002 255);--cinema-white-muted:oklch(85% .011 255);--cinema-clear:transparent;--cinema-glow:color-mix(in oklch,var(--cinema-coral) 25%,transparent);--cinema-glow-soft:color-mix(in oklch,var(--cinema-coral) 9%,transparent);--cinema-ground:color-mix(in oklch,var(--cinema-coral) 39%,transparent);--cinema-edge:color-mix(in oklch,var(--cinema-white) 18%,transparent);--cinema-reflection:color-mix(in oklch,var(--cinema-white) 19%,transparent);--cinema-reflection-soft:color-mix(in oklch,var(--cinema-white) 4%,transparent);--cinema-shade:color-mix(in oklch,var(--cinema-stage) 86%,transparent);--cinema-deep-shade:color-mix(in oklch,var(--cinema-stage) 97%,transparent);--cinema-ease:cubic-bezier(.22,1,.36,1);--cinema-duration:220ms;color:var(--cinema-ink)}.creation-cinema{--cinema-card-width:200px;--cinema-stage-height:calc(var(--cinema-card-width) * 16 / 9 + 74px);display:grid;min-width:0;grid-gap:20px;gap:20px}.creation-cinema__comparison{display:grid;grid-template-columns:224px 104px minmax(0,1fr);align-items:start;grid-gap:24px;gap:24px;min-width:0}.creation-cinema__before{display:grid;align-content:start;justify-items:center;grid-gap:12px;gap:12px;min-width:0;margin:0}.creation-cinema__after>h2,.creation-cinema__before>h2{margin:0;color:var(--cinema-ink);font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.5}.creation-cinema__input-stage{display:grid;width:100%;height:var(--cinema-stage-height);min-width:0;padding:10px;border:1px solid var(--cinema-border);border-radius:28px;background:var(--ui-inset);place-items:center}.creation-cinema__before-media{position:relative;width:var(--cinema-card-width);max-width:100%;aspect-ratio:9/16;overflow:clip;border:1px solid var(--cinema-border);border-radius:16px;background:var(--cinema-stage)}.creation-cinema__before-media>.preview-video{position:absolute;inset:0;border-radius:inherit}.creation-cinema .creation-cinema__before-media .preview-video>video{object-fit:contain}.creation-cinema[data-creation-flow=topic] .creation-cinema__before-media{background:var(--ui-inset)}.creation-cinema[data-creation-flow=shopping] .creation-cinema__before-media{background:var(--cinema-paper)}.creation-cinema__product,.creation-cinema__topic{position:absolute;inset:0;display:grid;min-width:0;width:100%;height:100%;border-radius:inherit;background:var(--ui-inset);color:var(--cinema-ink)}.creation-cinema__topic{align-content:center;justify-items:center;gap:16px;padding:20px;text-align:center}.creation-cinema__topic>svg{display:block;width:32px;height:32px;color:var(--cinema-coral)}.creation-cinema__topic>strong{min-width:0;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere;word-break:keep-all}.creation-cinema__product{padding:16px;background:var(--cinema-paper);place-items:center}.creation-cinema__product>img,img.creation-cinema__product{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.creation-cinema__before-copy{display:grid;align-content:start;justify-items:center;grid-gap:4px;gap:4px;min-width:0;text-align:center}.creation-cinema__before-copy>strong{font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all}.creation-cinema__before-copy>span{color:var(--cinema-muted);font-size:13px;line-height:1.5;word-break:keep-all}.creation-cinema__before-copy>button{display:inline-flex;width:-moz-fit-content;width:fit-content;min-width:44px;min-height:44px;align-items:center;justify-content:center;margin-top:2px;padding:8px 10px;border:1px solid var(--cinema-border);border-radius:10px;background:var(--cinema-paper);color:var(--cinema-ink);font:inherit;font-size:13px;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color var(--cinema-duration) var(--cinema-ease),border-color var(--cinema-duration) var(--cinema-ease)}.creation-cinema__before-copy>button:hover{border-color:var(--cinema-muted);background:var(--ui-inset)}.creation-cinema__before-copy>button:active{background:var(--ui-selection)}.creation-cinema__before-copy>button:focus-visible{outline:3px solid var(--cinema-focus);outline-offset:3px}.creation-cinema__conversion{display:grid;align-self:start;justify-items:center;grid-gap:12px;gap:12px;min-width:0;padding-top:calc(36px + var(--cinema-stage-height) / 2 - 14px);color:var(--cinema-muted);text-align:center}.creation-cinema__conversion>svg{display:block;width:28px;height:28px;color:var(--cinema-coral)}.creation-cinema__process-label{display:grid;grid-gap:4px;gap:4px;font-size:14px;line-height:1.5}.creation-cinema__process-label>span{white-space:nowrap}.creation-cinema__process-label>span:first-child{color:var(--cinema-ink);font-weight:600}.creation-cinema__after{display:grid;min-width:0;grid-gap:12px;gap:12px}.creation-cinema__after>h2{text-align:center}.creation-cinema__after-actions{display:grid;grid-gap:12px;gap:12px;min-width:0;width:min(100%,420px);margin-inline:auto}.creation-cinema__after-actions>.creation-cinema__details-group{width:100%;margin-top:0}.creation-cinema__deck{--gallery-card-width:var(--cinema-card-width);position:relative;isolation:isolate;width:100%;min-width:0;height:var(--cinema-stage-height);overflow:clip;border:1px solid var(--cinema-edge);border-radius:28px;background:radial-gradient(ellipse at 50% 94%,var(--cinema-glow) 0,var(--cinema-clear) 45%),radial-gradient(ellipse at 50% 0,var(--cinema-stage-raised),var(--cinema-stage) 70%);perspective:1200px;perspective-origin:50% 48%}.creation-cinema__deck:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 12% 20%,var(--cinema-glow-soft),var(--cinema-clear) 52%);box-shadow:inset 0 1px 0 var(--cinema-reflection-soft);pointer-events:none;content:""}.creation-cinema__ground{position:absolute;left:15%;right:15%;top:calc(var(--gallery-card-width) * 16 / 9 + 38px);height:36px;border-radius:50%;background:radial-gradient(ellipse at var(--pointer-x,50%) 50%,var(--cinema-ground),var(--cinema-clear) 70%);filter:blur(16px);pointer-events:none}.creation-cinema__card{position:absolute;top:26px;left:50%;width:var(--gallery-card-width);margin-left:calc(var(--gallery-card-width) / -2);transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.creation-cinema__float{animation:creation-cinema-float 7s ease-in-out var(--card-delay,0s) infinite}.creation-cinema__float,.creation-cinema__surface{position:relative;width:100%;transform-style:preserve-3d}.creation-cinema__surface{aspect-ratio:9/16;border:1px solid var(--cinema-edge);border-radius:18px;background:var(--cinema-stage);box-shadow:0 26px 48px -12px var(--cinema-deep-shade),0 4px 12px var(--cinema-shade);transform-origin:50% 50%;transition:border-color var(--cinema-duration) var(--cinema-ease),box-shadow var(--cinema-duration) var(--cinema-ease)}.creation-cinema__card[data-active=true] .creation-cinema__surface{border-color:color-mix(in oklch,var(--cinema-coral) 70%,var(--cinema-white));box-shadow:0 32px 64px -16px var(--cinema-deep-shade),0 0 30px var(--cinema-glow),0 0 0 1px var(--cinema-glow)}.creation-cinema__upcoming{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:12px;gap:12px;min-width:0;padding:24px 16px 76px;border-radius:inherit;background:linear-gradient(160deg,var(--cinema-stage-raised),var(--cinema-stage));color:var(--cinema-white-muted);text-align:center}.creation-cinema__upcoming>svg{display:block;width:44px;height:44px;color:var(--cinema-reflection)}.creation-cinema__upcoming>strong{font-size:15px;font-weight:600;line-height:1.5;word-break:keep-all}.creation-cinema__upcoming>span{color:var(--cinema-white-muted);font-size:13px;line-height:1.5;word-break:keep-all}.creation-cinema__card[data-available=false] .creation-cinema__surface{border-color:var(--cinema-edge)}.creation-cinema__card[data-available=false] .creation-cinema__select{cursor:default}.creation-cinema__surface>.preview-video{position:absolute;inset:0;overflow:clip;border-radius:inherit;background:var(--cinema-stage)}.creation-cinema .preview-video>video{display:block;width:100%;height:100%;object-fit:cover;background:var(--cinema-stage)}.creation-cinema__specular{position:absolute;z-index:2;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,30%),var(--cinema-reflection),var(--cinema-reflection-soft) 25%,var(--cinema-clear) 56%);box-shadow:inset 0 1px 0 var(--cinema-reflection);opacity:.65;pointer-events:none}.creation-cinema__card[data-active=true]:hover .creation-cinema__surface{box-shadow:0 36px 70px -16px var(--cinema-deep-shade),0 0 38px var(--cinema-glow),0 0 0 1px var(--cinema-reflection)}.creation-cinema__select{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.creation-cinema__select:active{background:var(--cinema-reflection-soft)}.creation-cinema__label{position:absolute;z-index:4;inset:auto 0 0;display:grid;grid-gap:4px;gap:4px;min-width:0;padding:36px 14px 14px;border-radius:0 0 17px 17px;background:linear-gradient(var(--cinema-clear),var(--cinema-deep-shade));color:var(--cinema-white);font-size:14px;font-weight:600;line-height:1.5;pointer-events:none}.creation-cinema__label>span{color:var(--cinema-white-muted);font-size:13px;font-weight:400}.creation-cinema__label>strong{color:var(--cinema-white);font-size:14px;font-weight:600}.creation-cinema__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.creation-cinema__controls button,.creation-cinema__templates button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--cinema-border);border-radius:12px;background:var(--cinema-paper);color:var(--cinema-muted);font:inherit;font-size:14px;line-height:1.4;cursor:pointer;transition:background-color var(--cinema-duration) var(--cinema-ease),color var(--cinema-duration) var(--cinema-ease),border-color var(--cinema-duration) var(--cinema-ease)}.creation-cinema__templates{display:grid;grid-template-columns:repeat(var(--template-count,3),minmax(0,1fr));grid-gap:4px;gap:4px;width:min(100%,calc(var(--template-count, 3) * 140px));padding:4px}.creation-cinema__template-summary,.creation-cinema__templates{min-width:0;margin-inline:auto;border-radius:14px;background:var(--ui-inset)}.creation-cinema__template-summary{display:flex;flex-wrap:wrap;min-height:64px;width:min(100%,420px);align-content:center;align-items:center;justify-content:center;gap:4px 12px;padding:8px 12px;text-align:center}.creation-cinema__template-summary>strong{color:var(--cinema-ink);font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all}.creation-cinema__template-summary>span{color:var(--cinema-muted);font-size:13px;line-height:1.5;word-break:keep-all}.creation-cinema__templates button{flex-direction:column;gap:2px;min-width:0;min-height:56px;padding:8px;border-color:transparent;border-radius:10px;background:transparent;white-space:normal;overflow-wrap:anywhere;word-break:keep-all}.creation-cinema__templates button small{color:var(--cinema-muted);font-size:13px;font-weight:400;line-height:1.3}.creation-cinema__templates button:hover{color:var(--cinema-ink);background:var(--cinema-paper)}.creation-cinema__templates button:active{background:var(--ui-selection)}.creation-cinema__templates button[aria-selected=true]{border-color:var(--ui-selection-border,var(--cinema-coral));background:var(--ui-selection);color:var(--cinema-ink)}.creation-cinema__templates button:focus-visible{outline:3px solid var(--cinema-focus);outline-offset:3px}.creation-cinema__templates button:disabled,.creation-cinema__templates button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.creation-cinema__controls button svg{width:18px;height:18px;flex:0 0 auto}.creation-cinema__controls button:hover{border-color:var(--cinema-muted);color:var(--cinema-ink);background:var(--ui-inset)}.creation-cinema__controls button:active{background:var(--ui-selection)}.creation-cinema__controls button[aria-pressed=true]{color:var(--cinema-ink);border-color:var(--ui-selection-border,var(--cinema-coral));background:var(--ui-selection)}.creation-cinema__controls button:disabled,.creation-cinema__controls button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.creation-cinema__controls button[aria-busy=true]{cursor:progress}.creation-cinema .preview-error button:focus-visible,.creation-cinema .preview-tap-play:focus-visible,.creation-cinema__controls button:focus-visible,.creation-cinema__details-group summary:focus-visible,.creation-cinema__select:focus-visible{outline:3px solid var(--cinema-focus);outline-offset:3px}.creation-cinema__select:focus-visible{outline-offset:-5px}.creation-cinema__start{display:flex;min-height:52px;width:min(100%,420px);align-items:center;justify-content:center;margin-inline:auto}.creation-cinema__start svg{width:20px;height:20px}.creation-cinema__details-group{min-width:0;width:min(100%,600px);margin-inline:auto}.creation-cinema__details-group summary{display:flex;width:-moz-fit-content;width:fit-content;min-height:44px;align-items:center;gap:8px;color:var(--cinema-muted);font-size:14px;line-height:1.5;list-style:none;cursor:pointer}.creation-cinema__details-group summary::-webkit-details-marker{display:none}.creation-cinema__details-group summary:after{content:"+"}.creation-cinema__details-group details[open] summary:after{content:"−"}.creation-cinema__details-group p{margin:8px 0 0;color:var(--cinema-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.creation-cinema .preview-error,.creation-cinema .preview-tap-play{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;border:0;border-radius:inherit;background:var(--cinema-shade);color:var(--cinema-white);font-size:14px;line-height:1.6;text-align:center}.creation-cinema .preview-tap-play{cursor:pointer}.creation-cinema .preview-tap-play svg{width:36px;height:36px}.creation-cinema .preview-error p{margin:0}.creation-cinema .preview-error button{min-height:44px;padding:8px 12px;border:1px solid var(--cinema-edge);border-radius:10px;background:var(--cinema-stage-raised);color:var(--cinema-white);font:inherit;font-size:13px;cursor:pointer}.creation-cinema .preview-error button:hover{border-color:var(--cinema-coral)}.creation-cinema .preview-error button:active{background:var(--cinema-stage)}.creation-cinema-dialog{position:fixed;inset:0;z-index:var(--z-dialog,100);width:min(calc(100vw - 32px),430px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid var(--cinema-border);border-radius:20px;background:var(--cinema-paper);box-shadow:0 32px 96px var(--cinema-deep-shade);color-scheme:inherit}.creation-cinema-dialog::-webkit-backdrop{background:var(--cinema-shade);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.creation-cinema-dialog::backdrop{background:var(--cinema-shade);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.creation-cinema-dialog__header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 20px}.creation-cinema-dialog__header>div{min-width:0}.creation-cinema-dialog__header :is(h2,h3){margin:0;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.5}.creation-cinema-dialog__header span{color:var(--cinema-muted);font-size:13px;line-height:1.5}.creation-cinema-dialog__header button{display:grid;width:44px;height:44px;flex:0 0 auto;padding:8px;border:1px solid var(--cinema-border);border-radius:12px;background:var(--cinema-paper);color:var(--cinema-ink);font-size:24px;line-height:1;place-items:center;cursor:pointer}.creation-cinema-dialog__header button svg{width:20px;height:20px}.creation-cinema-dialog__header button:hover{background:var(--ui-inset)}.creation-cinema-dialog__header button:active{background:var(--ui-selection)}.creation-cinema-dialog video:focus-visible,.creation-cinema-dialog__header button:focus-visible{outline:3px solid var(--cinema-focus);outline-offset:-4px}.creation-cinema-dialog__media{display:grid;min-width:0;background:var(--cinema-stage);place-items:center}.creation-cinema-dialog__media video{display:block;width:100%;max-height:calc(100dvh - 180px);aspect-ratio:9/16;object-fit:contain;background:var(--cinema-stage)}.creation-cinema-dialog__note{margin:0;padding:14px 20px;color:var(--cinema-muted);font-size:13px;line-height:1.6}@keyframes creation-cinema-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.creation-cinema[data-focused=true] .creation-cinema__float,.creation-cinema[data-motion-paused=true] .creation-cinema__float{animation-play-state:paused}.creation-cinema[data-reduced=true] .creation-cinema__float{animation:none}.creation-cinema[data-reduced=true] .creation-cinema__surface{transition:none}@container creation-chooser (max-width: 760px){.creation-cinema__comparison{grid-template-columns:minmax(0,1fr);gap:12px}.creation-cinema__before{grid-template-columns:90px minmax(0,1fr);justify-items:start;gap:10px 16px;width:min(100%,440px);margin-inline:auto}.creation-cinema__before>h2{grid-column:1/-1}.creation-cinema__input-stage{width:90px;height:160px;padding:0;border:0;border-radius:16px;background:transparent}.creation-cinema__before-media{width:90px}.creation-cinema__before-copy{align-self:center;justify-items:start;text-align:left}.creation-cinema__topic{gap:8px;padding:8px}.creation-cinema__topic>svg{width:22px;height:22px}.creation-cinema__topic>strong{font-size:13px;line-height:1.5}.creation-cinema__product{padding:8px}.creation-cinema__conversion{grid-auto-flow:column;grid-template-columns:28px max-content;justify-content:center;align-items:center;padding-top:0}.creation-cinema__conversion>svg{transform:rotate(90deg)}.creation-cinema__process-label{grid-auto-flow:column;gap:12px;font-size:13px}.creation-cinema__after-actions{width:100%}}@container creation-chooser (max-width: 600px){.creation-cinema{--cinema-card-width:172px;--cinema-stage-height:calc(var(--cinema-card-width) * 16 / 9 + 80px);gap:16px}.creation-cinema__deck{border-radius:20px;perspective:1000px}.creation-cinema__card{top:24px}.creation-cinema__surface{border-radius:15px}.creation-cinema__label{padding:30px 10px 12px;border-radius:0 0 14px 14px}.creation-cinema__ground{left:5%;right:5%;top:calc(var(--gallery-card-width) * 16 / 9 + 36px)}.creation-cinema__controls button{padding-inline:12px}.creation-cinema__templates button{padding-inline:6px;font-size:13px}}@media (max-width:600px){.creation-cinema-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.creation-cinema-dialog__header{padding-left:16px}.creation-cinema-dialog__note{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.creation-cinema__float{animation:none}.creation-cinema__before-copy>button,.creation-cinema__controls button,.creation-cinema__surface,.creation-cinema__templates button{transition:none}.creation-cinema__card{will-change:auto}}