@property --render-progress{syntax:"<percentage>";inherits:true;initial-value:0%}.render-card{--rp-ink:var(--paper-ink,#1a1a17);--rp-deep:var(--tide-deep,#3a6ea8);isolation:isolate;width:100%;max-width:28rem;aspect-ratio:var(--render-aspect,1);background:radial-gradient(60% 50% at 50% 46%, rgb(var(--paper-card-rgb,255 255 255) / .55), transparent 70%), var(--paper-tile,#f2f1ed);min-height:180px;color:var(--rp-ink);box-shadow:inset 0 0 0 1px var(--paper-line,#1a1a1714);border:0;border-radius:22px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}:root[data-scheme=dark] .render-card:not(.character-scene-render){background:radial-gradient(60% 50% at 50% 46%, rgb(var(--paper-ink-rgb) / .035), transparent 70%), var(--paper-tile)}.render-card[data-kind=video]{--rp-deep:var(--rose-deep,#c4513f)}.render-card.is-portrait,.app-media-result.is-portrait{max-width:16rem}.render-card-top,.render-card-meta{z-index:2;color:var(--rp-ink);font:500 11px/1.5 var(--font-mono);justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.render-card-top>span:first-child{background:var(--paper-card,#fff);height:26px;box-shadow:0 0 0 1px var(--paper-line,#1a1a1714);font:500 12px/1 var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;display:inline-flex}.render-card-top>span:last-child{opacity:.55}.render-card-center{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:18px 0;display:flex;position:relative}.render-card-label{color:var(--rp-ink);font:500 15px/1.3 var(--font-body);letter-spacing:-.01em}.render-card-meta{font-size:11px}.render-card-meta>span:first-child{opacity:.6}.render-card-meta>span:last-child{font-variant-numeric:tabular-nums;opacity:.55;flex-shrink:0}.render-card-writing{background:var(--paper-card,#fff);height:26px;color:var(--rp-ink);box-shadow:0 0 0 1px var(--paper-line,#1a1a1714);border-radius:999px;align-items:center;gap:6px;margin-top:2px;padding:0 11px 0 9px;font-size:12px;line-height:1.5;display:inline-flex}.render-card-writing>svg{color:var(--paper-soft,#66645c);flex-shrink:0}.render-card-writing>span{background:linear-gradient(90deg, color-mix(in srgb, var(--rp-ink) 55%, transparent) 0 38%, var(--rp-ink) 50%, color-mix(in srgb, var(--rp-ink) 55%, transparent) 62% 100%);color:#0000;background-position:110% 0;background-size:240% 100%;-webkit-background-clip:text;background-clip:text}@keyframes render-writing-sweep{0%{background-position:110% 0}to{background-position:-110% 0}}.render-card-prompt{-webkit-line-clamp:2;max-width:100%;color:var(--paper-soft,#66645c);-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.render-card:not(.character-scene-render):after{content:"";z-index:1;background:linear-gradient(100deg, transparent 30%, rgb(var(--paper-card-rgb,255 255 255) / .6) 50%, transparent 70%);pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}:root[data-scheme=dark] .render-card:not(.character-scene-render):after{background:linear-gradient(100deg, transparent 30%, rgb(var(--paper-ink-rgb) / .05) 50%, transparent 70%)}@keyframes render-shim{to{transform:translate(100%)}}.render-card-edge{z-index:3;border-radius:inherit;pointer-events:none;padding:1.5px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.render-card-edge-light{background:conic-gradient(from 0deg, color-mix(in srgb, var(--rp-deep) 25%, transparent) 0%, color-mix(in srgb, var(--rp-deep) 70%, transparent) max(0%, calc(var(--render-progress) - 8%)), var(--rp-deep) var(--render-progress), transparent calc(var(--render-progress) + 0.5%));position:absolute;inset:0}.render-card[data-indeterminate] .render-card-edge-light{background:conic-gradient(from 0deg, transparent 0% 82%, color-mix(in srgb, var(--rp-deep) 75%, transparent) 98%, transparent 100%)}.render-card[data-writing] .render-card-edge-light{background:color-mix(in srgb, var(--rp-deep) 45%, transparent);inset:0}@keyframes render-edge-pulse{0%,to{opacity:.3}50%{opacity:1}}.render-card.is-compact{aspect-ratio:1;border-radius:20px;max-width:none;min-height:206px;padding:12px}.render-card.is-compact .render-card-center{padding:12px 0}.render-card.is-compact .render-card-label{font-size:13.5px}.render-card.is-compact .render-card-meta{flex-wrap:wrap;gap:2px 8px;font-size:10px}.app-media-result{width:100%;max-width:28rem}.app-media-result img,.app-media-result video{background:var(--color-canvas);border:0;border-radius:18px;width:100%;display:block}.app-media-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 12px;margin-top:8px;display:flex}.app-media-foot>.app-media-caption{flex:12rem;min-width:0;margin-top:2px}.app-media-verbs{flex-shrink:0;gap:4px;display:flex}.app-media-verbs>button{background:var(--paper-card,#fff);color:var(--color-moss);border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:12px;line-height:1.4;transition:color .14s,background .14s,box-shadow .14s;display:inline-flex}.app-media-verbs>button:hover,.app-media-verbs>button:focus-visible{color:var(--color-parchment)}.app-media-result>.app-media-caption{margin-top:9px}.app-media-caption{-webkit-line-clamp:2;color:var(--color-moss-dim);-webkit-box-orient:vertical;margin-top:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}@keyframes render-edge-orbit{to{transform:rotate(360deg)}}@keyframes render-reveal{0%{opacity:0;filter:blur(6px);transform:scale(1.02)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:no-preference){.render-card{transition:--render-progress 1s linear}.render-card:not(.character-scene-render):after{animation:1.6s cubic-bezier(.4,0,.6,1) infinite render-shim}.render-card[data-indeterminate] .render-card-edge-light{animation:7s linear infinite render-edge-orbit;inset:-70%}.render-card[data-writing] .render-card-edge-light{animation:1.8s ease-in-out infinite render-edge-pulse;inset:0}.render-card-writing>span{animation:1.9s linear infinite render-writing-sweep}.app-media-result img,.app-media-result video{animation:.52s cubic-bezier(.2,.8,.2,1) both render-reveal}}@media (width<=480px){.render-card{border-radius:20px;padding:13px}.render-card.is-compact{padding:11px}}