.creation-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(480px,100vw - 24px);max-width:none;height:min(880px,100dvh - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-float);--sheet-ease:var(--ease-out);opacity:0;transition:opacity var(--drawer-duration,var(--drawer-enter-duration)) var(--ease-out),transform var(--drawer-duration,var(--drawer-enter-duration)) var(--sheet-ease);padding:0;overflow:visible;transform:translateY(8px)}.creation-dialog[open]{flex-direction:column;display:flex}.creation-dialog[data-phase=open]{opacity:1;transform:translateY(var(--sheet-drag,0px))}.creation-dialog[data-dragging=true]{transition:none}.creation-dialog::backdrop{background:var(--modal-backdrop-tint);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));opacity:0;transition:opacity var(--drawer-duration,var(--drawer-enter-duration)) var(--ease-out)}.creation-dialog[data-phase=open]::backdrop{opacity:1}.creation-dialog:not(.story-project-dialog)[open] :is(.creation-dialog,.media-preview-dialog)::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.creation-dialog[data-immediate=true],.creation-dialog[data-immediate=true]::backdrop{transition:none}.creation-heading{flex-shrink:0;align-items:center;padding:0 16px 8px;display:grid}.creation-heading h1{letter-spacing:-.3px;text-align:center;margin:0;font-size:17px;font-weight:550}:is(.creation-dialog:has(.creation-picker)>.creation-heading,.creation-dialog:has(>.upload-review)>.creation-heading){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.creation-dialog:has(>.creation-flow)>.creation-heading{display:none}.creation-handle{width:64px;height:44px;box-shadow:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;border-radius:0;flex-shrink:0;margin:-6px auto;padding:20px 16px}.creation-handle span{background:var(--muted);border-radius:2px;width:32px;height:4px;display:block}.creation-handle:active,.creation-handle:focus:not(:focus-visible){box-shadow:none;background:0 0;outline:none}@media (hover:hover) and (pointer:fine){.creation-handle:hover{box-shadow:none;background:0 0;outline:none}}.creation-dialog:focus-visible,.creation-handle:focus-visible{outline:none}.creation-handle:focus-visible span{box-shadow:0 0 0 2px var(--raised),0 0 0 4px var(--focus-ring)}@media (min-width:601px){.creation-handle span{background:0 0}}.creation-picker{min-height:0;padding:0 16px max(12px,env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative}.creation-sheet{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.creation-title-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.creation-title-row h2{letter-spacing:-.3px;margin:0;font-size:17px;font-weight:550}.creation-title-row>.ds-input-target{flex:1;min-width:0}.creation-control-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.creation-folder-switcher{min-width:0}.creation-folder-switcher>.ds-button{max-width:100%;color:var(--ink);letter-spacing:-.3px;justify-content:flex-start;padding-inline:0;font-size:17px;font-weight:550}.creation-folder-switcher>.ds-button>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-picker-menu[data-align=right]>.ds-media-filter-menu{left:auto;right:0}.creation-picker-menu>.ds-media-filter-menu{background:var(--raised);box-shadow:var(--shadow-float);border-radius:var(--control-radius)}.creation-menu-heading{color:var(--muted);padding:8px 9px 4px;font-size:11px;display:block}.creation-folder-menu-row{align-items:center;display:flex}.creation-folder-menu-row>.ds-button:first-child{flex:1;min-width:0}.creation-folder-menu-row>.ds-button:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-folder-menu-row>.ds-button:last-child:not(:first-child){flex-shrink:0;width:30px;padding:0;font-size:19px}.creation-library{scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 0 calc(64px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.creation-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:3px;display:grid}.creation-card{min-width:0;position:relative}.creation-thumbnail{aspect-ratio:9/16;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:relative;overflow:hidden}.creation-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.creation-thumbnail[aria-pressed=true]{border-color:var(--ink)}.creation-selection{color:#fff;background:#0004;border:1px solid #fff9;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid;position:absolute;top:8px;right:8px}.creation-thumbnail[aria-pressed=true] .creation-selection{color:var(--canvas);border-color:var(--ink);background:var(--ink)}.creation-duration{color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:11px;line-height:1.3;display:flex;position:absolute;bottom:5px;right:5px}.creation-duration svg{width:12px;height:12px}.creation-exception,.creation-local-status{background:var(--panel);max-width:calc(100% - 10px);color:var(--muted);text-align:center;border-radius:4px;padding:2px 4px;font-size:11px;position:absolute;bottom:5px;left:5px}.creation-local-status[role=alert]{color:#e26262;font-weight:600}.creation-local-status{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.creation-local-status[data-duration=true]{max-width:calc(100% - 45px)}.creation-device-add>span{font-size:12px}.creation-local-status progress{width:24px;height:5px;accent-color:var(--accent)}.creation-local-menu{z-index:12;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--raised);width:max-content;max-width:220px;box-shadow:var(--shadow-float);transform-origin:100% 0;transition:opacity var(--fast) var(--ease-out),transform var(--fast) var(--ease-out);flex-direction:column;padding:5px;display:flex;position:absolute;top:30px;right:0}@starting-style{.creation-local-menu{opacity:0;transform:scale(.96)}}.creation-local-menu>span{text-overflow:ellipsis;padding:8px;font-size:12px;overflow:hidden}.creation-pagination-sentinel{flex-shrink:0;height:1px}.creation-empty,.creation-feedback{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto;padding:24px 8px;display:flex}.creation-empty p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.creation-empty h3{margin:0;font-size:14px;font-weight:500}.creation-feedback p{margin:0}.creation-status,.creation-feedback,.creation-notices{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.creation-notices{flex-shrink:0}.creation-notices:empty{display:none}.creation-notices p{margin:0}.creation-floating-action{z-index:5;bottom:max(16px,env(safe-area-inset-bottom));position:absolute;left:50%;transform:translate(-50%)}.creation-thumbnail:focus-visible{outline:2px solid var(--on-accent);outline-offset:2px}.creation-fixture-tools{color:var(--muted);padding:4px 16px;font-size:11px}:is(.product-workspace:has(.creation-dialog[open])>.ds-sidebar,.workspace-spec:has(.creation-dialog[open])>.ds-sidebar){visibility:hidden}@media (pointer:coarse){.creation-folder-menu-row>.ds-button:last-child:not(:first-child){width:44px}}@media (max-width:600px){.creation-dialog{border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;width:100vw;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);margin:auto 0 0}.creation-dialog:not(.folder-search-dialog){--sheet-ease:var(--ease-drawer);opacity:1;transform:translateY(100%)}.creation-dialog:not(.folder-search-dialog)[data-phase=open]{transform:translateY(var(--sheet-drag,0px))}}.creation-dialog[data-fit][open]{--sheet-pad-x:20px;width:min(var(--sheet-compact-width),calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);height:fit-content;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float);margin:auto;overflow:auto}.creation-dialog[data-fit]>.creation-heading{padding:0 var(--sheet-pad-x) 8px}@media (max-width:600px){.creation-dialog[data-fit][open]{--sheet-pad-x:16px;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;width:100vw;max-height:calc(100dvh - 28px);padding-bottom:max(var(--sheet-pad-bottom),env(safe-area-inset-bottom,0px));border-width:1px 0 0;margin:auto 0 0}}.creation-dialog[data-fit=list][open]{height:min(var(--sheet-list-height),calc(100dvh - 32px))}.creation-dialog[data-fit=list]>:last-child{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.creation-dialog[data-fit=list]>:last-child>:last-child{margin-top:auto}@media (max-width:600px){.creation-dialog[data-fit=list][open]{height:min(var(--sheet-list-height),calc(100dvh - 28px))}}@media (prefers-reduced-motion:reduce){.creation-dialog,.creation-dialog::backdrop{transition:none;transform:none}}.creation-dialog[data-presentation=viewer][data-phase]{width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;margin:0;transition:none;inset:0;overflow:hidden;transform:none}
