.rex-root{--bg:var(--sx-p-000);--surface:var(--sx-deck-panel-bg);--raised:var(--sx-p-300);--sunken:var(--sx-p-000);--card:color-mix(in srgb,var(--sx-ink-900) 4.3%,transparent);--ink:var(--sx-ink-900);--ink-2:var(--sx-ink-800);--ink-3:var(--sx-ink-600);--rule:var(--sx-rule-faint);--rule-strong:var(--sx-rule-soft);--inverse-bg:var(--sx-fill-inverse);--inverse-ink:var(--sx-p-300);--accent:var(--sx-primary);--accent-ink:var(--sx-primary-ink);--primary-bg:var(--accent);--primary-ink:var(--accent-ink);--facet-genre:var(--sx-facet-genre);--facet-genre-soft:color-mix(in srgb,var(--sx-facet-genre) 14%,transparent);--facet-vibe:var(--sx-facet-vibe);--facet-vibe-soft:color-mix(in srgb,var(--sx-facet-vibe) 14%,transparent);--facet-instr:var(--sx-facet-instr);--facet-instr-soft:color-mix(in srgb,var(--sx-facet-instr) 14%,transparent);--facet-purpose:var(--sx-facet-purpose);--facet-purpose-soft:color-mix(in srgb,var(--sx-facet-purpose) 14%,transparent);--ok:var(--sx-ok);--ok-soft:color-mix(in srgb,var(--sx-ok) 12%,transparent);--warn:var(--accent);--warn-soft:color-mix(in srgb,var(--sx-primary) 14%,transparent);--danger:var(--sx-danger);--danger-soft:color-mix(in srgb,var(--sx-danger) 14%,transparent);--focus:var(--accent);--focus-shadow:0 0 0 3px color-mix(in srgb,var(--sx-primary) 36%,transparent);--inpaint-accent:var(--sx-inpaint);--inpaint-accent-soft:color-mix(in srgb,var(--sx-inpaint) 16%,transparent);--inpaint-accent-ring:color-mix(in srgb,var(--sx-inpaint) 30%,transparent);--r-0:0px;--r-1:0px;--r-2:0px;--r-pill:0px;--r-card:0px;--r-play:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--col-builder:368px;--col-side:240px;--col-pad:20px;--col-pad-y:14px;--font:var(--sx-ff-ui);--fs-9:calc(9px * var(--sx-text-scale, 1));--fs-11:calc(12px * var(--sx-text-scale, 1));--fs-12:calc(12px * var(--sx-text-scale, 1));--fs-13:calc(13px * var(--sx-text-scale, 1));--fs-15:calc(16px * var(--sx-text-scale, 1));--fs-18:calc(20px * var(--sx-text-scale, 1));--fs-24:calc(28px * var(--sx-text-scale, 1));--label-caps:none;--label-track:0;--ctl-caps:none;--ctl-track:0;--h-track:-0.024em;--field-bg:var(--raised);--wash-1:color-mix(in srgb,var(--sx-ink-900) 4%,transparent);--wash-2:color-mix(in srgb,var(--sx-ink-900) 6%,transparent);--wash-3:color-mix(in srgb,var(--sx-ink-900) 8%,transparent);--shadow-1:none;--shadow-2:0 24px 48px -24px color-mix(in srgb,var(--sx-p-000) 90%,transparent);--topbar-h:64px;--panel-gutter:12px;--transition:var(--sx-dur-pop) var(--sx-ease-in-out)}.rex-root *,.rex-root :after,.rex-root :before{box-sizing:border-box}.rex-root{height:100%}.rex-root{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-13);line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-optical-sizing:auto}.rex-root :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}:where(.rex-root) button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:where(.rex-root) input,:where(.rex-root) textarea{font:inherit;color:inherit}.rex-root .app{display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100dvh;overflow:hidden;padding-top:var(--panel-gutter);background:var(--bg)}.rex-root .wordmark{flex:0 0 auto;display:flex;align-items:center;gap:10px}.rex-root .wordmark img{height:20px;width:auto;display:block}.rex-root .modes{display:flex;gap:2px;background:var(--raised);padding:2px;border-radius:var(--r-1);flex:0 0 auto}.rex-root .mode{padding:5px 14px;border-radius:var(--r-0);font-size:var(--fs-12);font-weight:500;text-transform:var(--ctl-caps);letter-spacing:var(--ctl-track);color:var(--ink-2);transition:background var(--transition),color var(--transition)}.rex-root .mode[aria-selected=true]{background:var(--inverse-bg);color:var(--inverse-ink);box-shadow:var(--shadow-1)}.rex-root .mode:disabled{color:var(--ink-3);cursor:not-allowed}.rex-root .new-project{flex:0 0 auto}.rex-root .recent{position:relative;flex:0 0 auto}.rex-root .new-project .narrow{display:none}@media (max-width:560px){.rex-root .new-project .wide{display:none}.rex-root .new-project .narrow{display:inline;font-size:var(--fs-15);line-height:1}}.rex-root .main{display:grid;grid-template-columns:var(--col-builder) minmax(0,1fr) var(--col-side);min-height:0;gap:var(--panel-gutter);padding:var(--panel-gutter);background:var(--bg)}@media (max-width:1180px){.rex-root .main{grid-template-columns:var(--col-builder) minmax(0,1fr)}}@media (max-width:860px){.rex-root .app{grid-template-rows:var(--topbar-h) auto;height:auto;min-height:100dvh;overflow:visible}.rex-root .main{grid-template-columns:minmax(0,1fr)}}.rex-root .builder{padding:var(--col-pad);display:flex;flex-direction:column;gap:var(--sp-4);flex:1}.rex-root .facet{border-top:1px solid var(--rule);padding-top:var(--sp-3)}.rex-root .chips{display:flex;flex-wrap:wrap;gap:6px}.rex-root .scalars{border-top:1px solid var(--rule);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.rex-root .lock{color:var(--ink-3);font-size:var(--fs-11);padding:2px;border-radius:var(--r-0)}.rex-root .lock[aria-pressed=true]{color:var(--ink)}.rex-root .segments{display:flex;gap:2px;background:var(--raised);padding:2px;border-radius:var(--r-1)}.rex-root .segments button{flex:1;height:24px;border-radius:var(--r-0);font-size:var(--fs-11);text-transform:var(--ctl-caps);letter-spacing:var(--ctl-track);color:var(--ink-3);transition:background var(--transition),color var(--transition)}.rex-root .segments button[aria-pressed=true]{background:var(--inverse-bg);color:var(--inverse-ink);font-weight:500}.rex-root input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--accent);background:none}.rex-root .kbd{font-size:var(--fs-11);opacity:.6}.rex-root .generate{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);row-gap:var(--sp-1);padding:var(--col-pad-y) var(--col-pad);border-top:1px solid var(--rule);background:var(--surface)}.rex-root .generate .count{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;white-space:nowrap;font-size:var(--fs-11);text-transform:var(--ctl-caps);letter-spacing:var(--ctl-track);color:var(--ink-3)}.rex-root .generate .segments{width:74px;flex:0 0 auto}.rex-root .generate .segments button{min-width:22px;height:24px}.rex-root .generate .sx-btn-primary{padding:0 var(--sp-3);margin-left:auto}.rex-root .canvas{display:flex;flex-direction:column;gap:var(--sp-4);max-width:860px;margin:0 auto}.rex-root .empty{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--card);padding:40px var(--sp-6);text-align:center;box-shadow:var(--shadow-1)}.rex-root .empty h3{margin:0 0 var(--sp-2);font-size:var(--fs-24);font-weight:700;letter-spacing:var(--h-track)}.rex-root .empty p{margin:0 auto var(--sp-4);color:var(--ink-2);max-width:46ch}.rex-root .starters{display:grid;gap:var(--sp-2);grid-template-columns:1fr;text-align:left}@media (min-width:560px){.rex-root .starters{grid-template-columns:repeat(2,1fr)}}.rex-root .starter{border:1px solid var(--rule);border-radius:var(--r-1);padding:var(--sp-3);background:transparent;transition:border-color var(--transition),background var(--transition)}.rex-root .starter:hover{border-color:var(--ink);background:var(--raised)}.rex-root .starter b{display:block;font-size:var(--fs-13);font-weight:600;margin-bottom:2px}.rex-root .starter span{font-size:var(--fs-11);color:var(--ink-3)}.rex-root .starter b{letter-spacing:0}.rex-root .job{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--card);box-shadow:var(--shadow-1);overflow:visible}.rex-root .job-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--rule);position:relative}.rex-root .job-title{min-width:0;flex:1}.rex-root .job-sent{min-width:0}.rex-root .job-sentence{display:block;width:100%;font:inherit;font-size:var(--fs-13);font-weight:500;text-align:left;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid transparent;transition:border-color var(--transition)}.rex-root .job-sent:hover .job-sentence,.rex-root .job-sentence:focus-visible{border-bottom-color:var(--rule-strong)}.rex-root .job-prompt{position:absolute;top:calc(100% + var(--sp-2));left:var(--sp-4);right:var(--sp-4);z-index:10;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-1);box-shadow:var(--shadow-2);visibility:hidden;opacity:0;transition:opacity var(--transition),visibility var(--transition)}.rex-root .job-prompt[data-pinned=true],.rex-root .job-sent:focus-within .job-prompt,.rex-root .job-sent:hover .job-prompt{visibility:visible;opacity:1}.rex-root .job-prompt-label{font-size:var(--fs-11);font-weight:600;letter-spacing:var(--label-track);text-transform:var(--label-caps);color:var(--ink-3)}.rex-root .job-prompt-text{margin:0;font-size:var(--fs-12);line-height:1.55;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.rex-root .job-title>span{font-size:var(--fs-11);color:var(--ink-3)}.rex-root .status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-11);font-weight:500;text-transform:var(--label-caps);letter-spacing:var(--label-track);padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}.rex-root .status[data-status=queued]{background:var(--raised);color:var(--ink-2)}.rex-root .status[data-status=running]{background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn)}.rex-root .status[data-status=done]{background:var(--ok-soft);color:var(--ok)}.rex-root .status[data-status=error]{background:var(--danger-soft);color:var(--danger)}.rex-root .status[data-status=cancelled]{background:var(--raised);color:var(--ink-3)}.rex-root .progress{height:3px;background:var(--rule);position:relative;overflow:hidden}.rex-root .progress i{display:block;height:100%;background:var(--accent);transition:width var(--sx-dur-2) linear}.rex-root .job-error{margin:0;padding:var(--sp-3) var(--sp-4);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-12)}.rex-root .results{display:flex;flex-direction:column}.rex-root .results[data-batch=true]{overflow-y:auto;overscroll-behavior:contain;position:relative}.rex-root .result{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);-moz-column-gap:var(--sp-2);column-gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--rule)}.rex-root .result[data-scored=true]{grid-template-columns:64px 32px minmax(0,1fr) auto}.rex-root .result:first-child{border-top:none}@media (max-width:560px){.rex-root .result{grid-template-columns:32px minmax(0,1fr);row-gap:var(--sp-2)}.rex-root .result[data-scored=true]{grid-template-columns:64px 32px minmax(0,1fr)}}.rex-root .play{width:30px;height:30px;border-radius:var(--r-play);border:1px solid var(--rule-strong);display:grid;place-items:center;color:var(--ink);transition:background var(--transition),border-color var(--transition)}.rex-root .play:hover{background:var(--raised);border-color:var(--ink)}.rex-root .wave{display:block;width:100%;height:36px}.rex-root .pending{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--rule);color:var(--ink-3);font-size:var(--fs-12)}.rex-root .pending .ghost{flex:1;height:36px;border-radius:var(--r-1);background:linear-gradient(90deg,var(--raised),var(--sunken),var(--raised));background-size:200% 100%;animation:shimmer var(--sx-dur-loop) linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}@keyframes rex-calm-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .rex-root .pending .ghost{animation:rex-calm-pulse var(--sx-dur-loop) var(--sx-ease-in-out) infinite}}:where(:root[data-motion=reduce]) .rex-root .pending .ghost{animation:rex-calm-pulse var(--sx-dur-loop) var(--sx-ease-in-out) infinite}.rex-root .lora{display:grid;grid-template-columns:1fr 56px 34px;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--rule);font-size:var(--fs-12)}.rex-root .lora input[type=range]:disabled{opacity:.4}.rex-root details.advanced{margin-top:var(--sp-4);border-top:1px solid var(--rule);padding-top:var(--sp-3)}.rex-root details.advanced summary{font-size:var(--fs-11);font-weight:600;text-transform:var(--label-caps);letter-spacing:var(--label-track);color:var(--ink-3);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.rex-root details.advanced summary::-webkit-details-marker{display:none}.rex-root details.advanced summary:before{content:"▸";font-size:var(--fs-9);color:var(--ink-3)}.rex-root details.advanced[open] summary:before{content:"▾"}.rex-root .field{display:flex;flex-direction:column;gap:4px}.rex-root .field label{font-size:var(--fs-11);font-weight:600;letter-spacing:var(--label-track);text-transform:var(--label-caps);color:var(--ink-3)}.rex-root .field input[type=number],.rex-root .field input[type=text],.rex-root .field textarea{border:1px solid var(--rule-strong);border-radius:var(--r-1);background:var(--field-bg);padding:7px 8px;font-size:var(--fs-12)}.rex-root .field input:focus-visible,.rex-root .field textarea:focus-visible{outline:none;border-color:var(--focus);box-shadow:var(--focus-shadow)}.rex-root .banner{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);font-size:var(--fs-12);border:1px solid var(--rule)}.rex-root .banner[data-kind=error]{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.rex-root .banner[data-kind=info]{background:var(--raised);color:var(--ink-2)}.rex-root .toast{position:fixed;left:50%;bottom:var(--sp-5);transform:translateX(-50%);background:var(--inverse-bg);color:var(--inverse-ink);border-radius:var(--r-1);padding:8px 12px;font-size:var(--fs-12);display:flex;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-2);z-index:20}.rex-root .toast button{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:500}.rex-root .loading{color:var(--ink-3);font-size:var(--fs-13)}.rex-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rex-root .palette{width:100%;max-width:560px;background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.rex-root .composer,.rex-root .palette{border:1px solid var(--rule-strong);border-radius:var(--r-2)}.rex-root .composer{background:var(--field-bg);transition:border-color var(--transition),box-shadow var(--transition)}.rex-root .composer:focus-within{border-color:var(--focus);box-shadow:var(--focus-shadow)}.rex-root .composer[data-drag=true]{border-color:var(--focus);border-style:dashed;background:var(--raised)}.rex-root .composer-line{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;padding:var(--sp-3);min-height:92px;font-size:var(--fs-15);line-height:1.5;cursor:text}.rex-root .composer-hint{font-size:var(--fs-13);line-height:1.5;position:absolute;inset:var(--sp-3) var(--sp-3) auto var(--sp-3);pointer-events:none}.rex-root .composer-hint,.rex-root .composer-tail{color:var(--ink-3);animation:rex-fade-in var(--sx-dur-2) var(--sx-ease-out)}.rex-root .composer-tail{margin-left:.35em;cursor:text;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rex-root .composer-hint[data-leaving]{animation:rex-leave-fade var(--sx-dur-2) var(--sx-ease-in) forwards}@keyframes rex-fade-in{0%{opacity:0}}@keyframes rex-leave-fade{to{opacity:0}}.rex-root .composer-text{outline:none;white-space:pre-wrap;min-width:2px;min-height:1.5em;color:var(--ink)}.rex-root .composer-text:empty{min-width:6px}.rex-root .composer-chip,.rex-root .composer-media{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);border:1px solid var(--rule-strong);background:var(--wash-2);font-size:var(--fs-13);line-height:1.2;padding:4px 4px 4px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;max-width:100%}.rex-root .composer-chip[data-facet=genre]{color:var(--facet-genre);border-color:var(--facet-genre);background:var(--facet-genre-soft)}.rex-root .composer-chip[data-facet=vibe]{color:var(--facet-vibe);border-color:var(--facet-vibe);background:var(--facet-vibe-soft)}.rex-root .composer-chip[data-facet=instruments]{color:var(--facet-instr);border-color:var(--facet-instr);background:var(--facet-instr-soft)}.rex-root .composer-chip[data-facet=purpose]{color:var(--facet-purpose);border-color:var(--facet-purpose);background:var(--facet-purpose-soft)}.rex-root .composer-chip[data-proposed=true]{border-style:dashed}.rex-root .composer-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-pill);color:inherit;opacity:.55;flex:0 0 auto}.rex-root .composer-x:hover{opacity:1;background:var(--rule)}.rex-root .composer-media{padding:3px 4px 3px 3px;color:var(--ink-2)}.rex-root .composer-media-open{display:inline-flex;align-items:center;gap:6px;color:inherit;max-width:220px}.rex-root .composer-media-open img{width:42px;height:26px;-o-object-fit:cover;object-fit:cover;border-radius:var(--r-1);display:block;background:var(--sunken)}.rex-root .composer-media-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:26px;border-radius:var(--r-1);background:var(--wash-3);color:var(--ink-3)}.rex-root .composer-media-name{font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rex-root .composer-media-name em{font-style:normal;font-size:var(--fs-11);color:var(--ink-3);margin-left:6px}.rex-root .composer-bar{display:flex;align-items:center;gap:6px;padding:6px;border-top:1px solid var(--rule);background:var(--wash-1);border-radius:0 0 var(--r-2) var(--r-2)}.rex-root .a2a{display:grid;grid-template-columns:1fr minmax(56px,120px) 40px;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-12);color:var(--ink-2)}.rex-root .composer-bar .sx-btn-ghost{padding:0 6px;flex:0 0 auto}.rex-root .composer-attach{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.rex-root .composer-count{margin-left:auto;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-11);color:var(--ink-3);white-space:nowrap}.rex-root .composer-reading{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:var(--fs-11);color:var(--facet-vibe);visibility:hidden;opacity:0;transition:opacity var(--sx-dur-2) var(--sx-ease-out),visibility 0s linear var(--sx-dur-2)}.rex-root .composer-reading[data-on]{visibility:visible;opacity:1;transition:opacity var(--sx-dur-2) var(--sx-ease-out)}.rex-root .auto-enhance .segments{width:100%}.rex-root .proposal{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--wash-1);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.rex-root .preview{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-2);box-shadow:var(--shadow-2);width:min(880px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column}@media (max-width:860px){.rex-root .composer-line{min-height:72px}}.rex-root .bulk{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--col-pad);display:flex;flex-direction:column;gap:var(--sp-4)}.rex-root .download{position:relative;flex:0 0 auto}.rex-root .job-more{display:flex;justify-content:center;padding:var(--sp-4) 0 var(--sp-5)}.rex-root .composer[data-inpaint=true]{border-color:var(--inpaint-accent);box-shadow:0 0 0 1px var(--inpaint-accent-soft)}.rex-root .composer[data-inpaint=true]:focus-within{border-color:var(--inpaint-accent);box-shadow:0 0 0 3px var(--inpaint-accent-ring)}.rex-root .starter{display:flex;flex-direction:column;gap:6px}.rex-root .starter b{margin-bottom:0}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=composer]{view-transition-name:gen-composer}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=paint]{view-transition-name:gen-paint}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=dice]{view-transition-name:gen-dice}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=prompt]{view-transition-name:gen-prompt}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=shelf]{view-transition-name:gen-shelf}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=dials]{view-transition-name:gen-dials}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=request]{view-transition-name:gen-request}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=advanced]{view-transition-name:gen-advanced}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=foot]{view-transition-name:gen-foot}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=glow]{view-transition-name:gen-glow}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-vt-name=takes]{view-transition-name:gen-takes}html[data-gen-vt]::view-transition-group(*){animation-duration:var(--sx-dur-4);animation-timing-function:var(--sx-ease-out)}html[data-gen-vt]::view-transition-new(*),html[data-gen-vt]::view-transition-old(*){animation-duration:var(--sx-dur-4)}html[data-gen-vt]::view-transition-group(gen-takes){animation:none}html[data-gen-vt]::view-transition-old(gen-takes){display:none}html[data-gen-vt]::view-transition-new(gen-takes){animation:none}html[data-gen-vt]::view-transition-new(gen-paint),html[data-gen-vt]::view-transition-old(gen-paint){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}html[data-gen-vt=in]::view-transition-new(gen-paint),html[data-gen-vt=out]::view-transition-old(gen-paint){-o-object-fit:fill;object-fit:fill}@keyframes gen-fold-away{to{transform:translateY(32px) scaleY(.86);opacity:0}}@keyframes gen-collapse{to{transform:scaleY(.25);opacity:0}}@keyframes gen-drain{60%{transform:rotate(-120deg) scale(.7);opacity:.85}to{transform:rotate(-200deg) scale(.35);opacity:0}}@keyframes gen-pour-back{0%{transform:rotate(200deg) scale(.35);opacity:0}40%{transform:rotate(120deg) scale(.7);opacity:.85}}@keyframes gen-gone{to{opacity:0}}@keyframes gen-come{0%{opacity:0}}html[data-gen-vt=in]::view-transition-old(gen-shelf){transform-origin:top;animation:gen-fold-away var(--sx-dur-3) var(--sx-ease-in-out) both}html[data-gen-vt=in]::view-transition-old(gen-dials){transform-origin:bottom;animation:gen-collapse var(--sx-dur-3) var(--sx-ease-in) both}html[data-gen-vt=in]::view-transition-old(gen-composer),html[data-gen-vt=in]::view-transition-old(gen-dice){animation:gen-gone var(--sx-dur-2) var(--sx-ease-out) both}html[data-gen-vt=in]::view-transition-old(gen-paint){animation:gen-drain var(--sx-dur-4) var(--sx-ease-in-out) both}html[data-gen-vt=in]::view-transition-new(gen-paint){animation:gen-come var(--sx-dur-3) var(--sx-dur-1) var(--sx-ease-out) both}html[data-gen-vt=in]::view-transition-new(gen-request){animation:gen-come var(--sx-dur-3) var(--sx-dur-pop) var(--sx-ease-out) both}html[data-gen-vt=out]::view-transition-new(gen-shelf){transform-origin:top;animation:gen-fold-away var(--sx-dur-3) var(--sx-dur-1) var(--sx-ease-out) reverse both}html[data-gen-vt=out]::view-transition-new(gen-dials){transform-origin:bottom;animation:gen-collapse var(--sx-dur-3) var(--sx-dur-1) var(--sx-ease-out) reverse both}html[data-gen-vt=out]::view-transition-new(gen-composer),html[data-gen-vt=out]::view-transition-new(gen-dice){animation:gen-come var(--sx-dur-3) var(--sx-dur-1) var(--sx-ease-out) both}html[data-gen-vt=out]::view-transition-old(gen-paint){animation:gen-gone var(--sx-dur-3) var(--sx-ease-out) both}html[data-gen-vt=out]::view-transition-new(gen-paint){animation:gen-pour-back var(--sx-dur-4) var(--sx-ease-out) both}html[data-gen-vt=out]::view-transition-old(gen-request){animation:gen-gone var(--sx-dur-2) var(--sx-ease-out) both}html[data-gen-vt=fade]::view-transition-group(*),html[data-gen-vt=fade]::view-transition-new(*),html[data-gen-vt=fade]::view-transition-old(*){animation-duration:var(--sx-dur-2)}@media (max-width:900px){html[data-gen-vt] [data-vt-name=foot]{view-transition-name:none}}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-chrome=host] :has(>[data-pane]){view-transition-name:gen-column}html:is([data-gen-vt=in],[data-gen-vt=out]) [data-chrome=host] :is([data-vt-name=composer],[data-vt-name=paint],[data-vt-name=dice],[data-vt-name=prompt],[data-vt-name=shelf],[data-vt-name=dials],[data-vt-name=request],[data-vt-name=advanced]){view-transition-group:gen-column}html[data-gen-vt]::view-transition-group(gen-column){clip-path:inset(var(--gen-vt-clip-top,0) 0 calc(100% - var(--gen-vt-clip-top, 0px) - var(--gen-vt-clip-h, 100%)) 0)}@media (max-width:900px){html:is([data-gen-vt=in],[data-gen-vt=out]) [data-chrome=host] [data-vt-name=foot]{view-transition-name:gen-foot}}