.generation-studio{z-index:44;position:absolute;inset:0}.generation-studio__panel{--generation-panel:#141414;background:var(--generation-panel);border-radius:12px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.generation-studio__scroll{scrollbar-color:#fff3 transparent;scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.generation-studio__content{flex-direction:column;gap:12px;width:100%;max-width:1512px;min-height:100%;margin:0 auto;padding:48px 10px 136px 16px;display:flex}.generation-studio__controls{z-index:20;align-items:center;gap:4px;height:32px;display:flex;position:absolute;top:4px;right:16px}.generation-studio__controls--left{left:16px;right:auto}.generation-studio.is-page{z-index:auto;position:relative;inset:auto}.generation-studio.is-page .generation-studio__panel{border-radius:0 0 12px 12px;flex-direction:column;height:auto;overflow:visible}.generation-studio.is-page .generation-studio__scroll{scrollbar-gutter:auto;overflow:visible}.generation-studio.is-page .generation-studio__content{min-height:0;padding-top:0}.generation-studio.is-page .generation-studio__fade{display:none}.generation-studio.is-page .generation-studio__controls{position:static}.generation-studio.is-page .generation-studio__controls-row{background:var(--generation-panel);top:var(--preview-header);z-index:21;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky}.generation-studio.is-page .generation-studio__controls-row:before{background:var(--generation-panel);content:"";height:8px;position:absolute;bottom:100%;left:0;right:0}.generation-studio__settings{position:relative}.generation-settings-popover{color:#ffffffc7;z-index:30;background:#2b2b2bfa;border:1px solid #ffffff14;border-radius:12px;width:270px;padding:12px;position:absolute;top:36px;right:0;box-shadow:0 18px 48px #0000006b}.generation-settings-popover>strong{margin-bottom:11px;font-size:12px;font-weight:500;display:block}.generation-settings-popover label{align-items:center;gap:12px;display:flex}.generation-settings-popover label>span{flex-direction:column;flex:1;gap:3px;display:flex}.generation-settings-popover b{color:#ffffffad;font-size:11px;font-weight:550}.generation-settings-popover small{color:#ffffff59;font-size:11px;line-height:1.35}.generation-settings-popover input{appearance:none;background:#161616;border:1px solid #ffffff1f;border-radius:999px;width:38px;height:22px;transition:background-color .15s;position:relative}.generation-settings-popover input:after{content:"";background:#777;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.generation-settings-popover input:checked{background:#f1f1ef}.generation-settings-popover input:checked:after{background:#222;transform:translate(16px)}.generation-date-group{flex-direction:column;gap:12px;display:flex}.generation-date-group>p{color:#ffffff4d;margin:0;padding:6px 0;font-size:13px;font-weight:500;line-height:20px}.generation-date-group__records{flex-direction:column;gap:12px;display:flex}.generation-record{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:16px;display:grid}.generation-record.has-prompt{min-height:206px}.generation-record__takes{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px;min-width:0;display:grid}.generation-record__takes.is-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-take{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:4px;width:100%;min-width:0;position:relative;overflow:hidden;box-shadow:0 1.854px 4.704px #00000029}.generation-take:hover{box-shadow:0 1.854px 4.704px #00000029, 0 0 0 1.5px color-mix(in srgb, var(--color-canvas-accent) 70%, transparent)}.generation-take:focus-visible{outline:0;box-shadow:0 0 0 2px #eb9736b8}.generation-take{transition:opacity .15s ease-out}.generation-take.is-pick-dimmed{opacity:.5}.generation-take--pending{cursor:default}.generation-take--pending:hover{box-shadow:0 1.854px 4.704px #00000029}.generation-take>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.generation-take__play{color:#fffc;pointer-events:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generation-take__play svg{width:16px;height:16px}.generation-take.is-scrubbing .generation-take__play{opacity:0}.generation-take__audio-toggle{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generation-take__scrub{pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.generation-take__sprite{position:absolute;inset:0}.generation-take__scrub-line{background:var(--color-canvas-selected);opacity:.7;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.generation-take__placement{cursor:pointer;filter:drop-shadow(0 1px 3px #00000073);opacity:0;z-index:10;background:0 0;border:0;border-radius:999px;padding:0;transition:opacity .15s;display:block;position:absolute;bottom:6px;left:6px}.generation-take__placement [role=switch]{box-shadow:inset 0 0 0 1px #ffffff59}.generation-take__placement[aria-pressed=true] [role=switch]{box-shadow:none}.generation-take__placement[aria-pressed=true],.generation-take:hover .generation-take__placement,.generation-take:focus-within .generation-take__placement{opacity:1}.generation-take__placement:focus-visible{outline-offset:2px;outline:2px solid #fffc}.generation-take__more{opacity:0;z-index:10;transition:opacity .15s;position:absolute;top:4px;right:4px}.generation-take:hover .generation-take__more,.generation-take:focus-within .generation-take__more{opacity:1}.generation-take__more:has([aria-expanded=true]){opacity:1}.generation-take:has(.generation-take__more-button[aria-expanded=true]){box-shadow:0 1.854px 4.704px #00000029, 0 0 0 1.5px color-mix(in srgb, var(--color-canvas-accent) 70%, transparent)}.generation-take__more-button:hover,.generation-take__more-button[aria-expanded=true]{background:#00000073}.generation-take__more-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ffffffe6;background:#0000004d;border:0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.generation-take__more-button:disabled{cursor:default}.generation-take__more-button svg{width:14px;height:14px}.generation-take__tag-control{z-index:10;position:absolute;bottom:4px;right:4px}.generation-take__node-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--color-ui-icon-hover);pointer-events:none;background:#00000073;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;left:4px}.generation-take__node-badge svg{width:14px;height:14px}.generation-record__node-title{color:#ffffffb3;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;font-size:14px;line-height:20px;overflow:hidden}.generation-record__model svg{flex:none;width:12px;height:12px}.generation-record__pending-prompt{color:#ffffffb3;letter-spacing:-.2px;min-height:0;margin:12px 0 0;font-size:14px;line-height:20px;overflow:hidden}.generation-record__details{min-width:0;position:relative}.generation-record__details-body{flex-direction:column;padding-top:2px;display:flex;position:absolute;inset:0}.generation-record__author{flex-shrink:0;align-items:center;gap:4px;min-width:0;height:16px;display:flex;overflow:hidden}.generation-record__author img{object-fit:cover;border-radius:50%;width:16px;height:16px}.generation-record__author>.generation-record__avatar{background:var(--color-group-indigo-light);color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:9px;font-weight:600;line-height:1;display:grid}.generation-record__author strong{color:#fffc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:16px;overflow:hidden}.generation-record__author>span{color:#ffffff4d;flex:none;font-size:11px;font-weight:400}.generation-record__author time{color:#ffffff4d;flex:none;font-size:12px;font-weight:500}.generation-record__more{color:#fff9;opacity:0;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:20px;height:16px;margin-left:auto;padding:0;transition:opacity .15s;display:flex}.generation-record:hover .generation-record__more,.generation-record__more:focus-visible,.generation-record__more[aria-expanded=true]{opacity:1}.generation-record__more:hover,.generation-record__more[aria-expanded=true]{color:#ffffffe6;background:#ffffff1a}.generation-record__more svg{width:14px;height:14px}.generation-record__prompt{color:#ffffffb3;cursor:pointer;font:inherit;letter-spacing:-.2px;text-align:left;background:0 0;border:0;border-radius:4px;flex:0 auto;width:100%;min-height:0;margin:12px 0 0;padding:0;font-size:14px;font-weight:400;line-height:20px;display:block;overflow:hidden}.generation-record__prompt:hover,.generation-record__prompt.is-active{background:#ffffff0d}.generation-record__reference{color:#fffc;vertical-align:1px;white-space:nowrap;background:#ffffff1a;border-radius:4px;align-items:center;gap:3px;margin:0 2px;padding:1px 4px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.generation-record__reference img{object-fit:cover;border-radius:2px;flex:none;width:auto;max-width:24px;height:14px;margin-left:-2px}.generation-record__metadata{color:#ffffff94;white-space:nowrap;background:#ffffff0d;border-radius:4px;flex-shrink:0;align-self:flex-start;align-items:center;gap:4px;max-width:100%;min-height:20px;margin-top:16px;padding:1px 5px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex;overflow:hidden}.generation-record__metadata>span{text-overflow:ellipsis;overflow:hidden}.generation-record__model{align-items:center;gap:4px;min-width:0;display:inline-flex}.generation-record__metadata>i{background:#ffffff1f;border-radius:50%;flex:none;width:3px;height:3px}.generation-record__credits{color:var(--color-ui-credit-spent);align-items:center;gap:3px;display:inline-flex}.generation-record__credits svg{width:10px;height:10px}.generation-grid{flex-direction:column;gap:12px;display:flex}.generation-grid__row{align-items:flex-start;gap:12px;display:flex}.generation-grid__row>.generation-take{width:auto}.generation-grid__filler{flex-shrink:0}.generation-take.is-selected,.generation-take.is-selected:hover{box-shadow:0 1.854px 4.704px #00000029, 0 0 0 1.5px var(--color-canvas-selected)}.generation-studio__size{background:#0003;border-radius:999px;align-items:center;height:28px;padding:0 12px;display:flex}.generation-studio__size [data-slot=slider]{width:96px}.generation-studio__controls .studio-segmented-tabs{background:#0003}.generation-studio__settings .studio-icon-button{background:#0000004d}.generation-studio__empty{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:50vh;display:flex}.generation-studio__empty>strong{font-size:14px;font-weight:500;line-height:20px}.generation-studio__empty-art{width:128px;height:96px}.generation-studio__empty-action{color:#fffc;background:#ffffff1a;border:0;border-radius:999px;height:28px;padding:0 12px;font-size:13px;font-weight:500}.generation-studio__empty-action:hover{color:#fff;background:#ffffff26}.generation-studio__fade{pointer-events:none;z-index:10;position:absolute;left:0;right:6px}.generation-studio__fade--top{background:linear-gradient(var(--generation-panel) 32%, transparent);height:96px;top:0}.generation-studio__fade--bottom{background:linear-gradient(transparent, var(--generation-panel));height:128px;bottom:0}@media (width<=980px){.generation-record{grid-template-columns:minmax(0,1fr) 240px}.generation-record__takes{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-record__takes.is-wide{grid-template-columns:1fr}}@media (width<=720px){.generation-studio__content{padding-left:8px;padding-right:4px}.generation-record{grid-template-columns:1fr}.generation-record__details-body{padding:4px 2px 12px;position:static}}.generation-studio.is-picking .generation-take{cursor:default}.generation-studio.is-picking .generation-take__placement,.generation-studio.is-picking .generation-take__more,.generation-studio.is-picking .generation-record__more,.generation-studio.is-picking .generation-take__tag-control{display:none}:root{--picked-take-tick:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 12px no-repeat}.generation-studio.is-picking .generation-take.is-selected:after{background:var(--picked-take-tick);content:"";pointer-events:none;z-index:2;border-radius:6px;width:16px;height:16px;position:absolute;top:4px;left:4px}.tag-picker-panel{color:#ffffffd1;z-index:10000330;width:min(192px,100vw - 16px);padding:4px;overflow:visible}.tag-picker-panel--embedded{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;position:static}.tag-picker-panel--embedded .tag-picker__search input,.tag-picker-panel--embedded .tag-picker__row,.tag-picker-panel--embedded .tag-picker__manage,.tag-picker-panel--embedded .tag-picker__create{font-size:13px;line-height:18px}.tag-picker__search{align-items:center;height:40px;padding:0 8px;display:flex}.tag-picker__search input{color:#ffffffd1;font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;height:18px;padding:0;font-size:14px;line-height:18px}.tag-picker__search input::placeholder{color:#fff6}.tag-picker__search>button{color:#ffffff73;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.tag-picker__search>button svg{width:14px;height:14px}.tag-picker__separator{background:#ffffff14;height:1px;margin:4px}.tag-picker__list{flex-direction:column;gap:2px;max-height:236px;display:flex;overflow:visible}.tag-picker__row{color:#ffffffd9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-width:0;height:34px;padding:0 10px;font-size:14px;line-height:20px;display:flex}.tag-picker__row:hover{background:#ffffff12}.tag-picker__row.is-active{background:color-mix(in srgb, var(--tag-color) 22%, transparent)}.tag-picker__row.is-active:hover{background:color-mix(in srgb, var(--tag-color) 30%, transparent)}.tag-picker__row>i{background:var(--tag-color);border-radius:50%;flex:none;width:12px;height:12px}.tag-picker__row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tag-picker__row>svg{color:#ffffffd9;flex:none;width:16px;height:16px}.tag-picker__create,.tag-picker__manage{color:#ffffffd9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;font-size:14px;line-height:20px;display:flex}.tag-picker__create:hover,.tag-picker__manage:hover{background:#ffffff12}.tag-picker__create svg{color:#ffffff73;width:14px;height:14px}