.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{color:var(--rp-ink)}@keyframes render-writing-breathe{50%{opacity:.5}}.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{--rp-turn:calc(100cqw + 100cqh);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;container-type:size}@supports (width:hypot(3px, 4px)){.render-card-edge{--rp-turn:hypot(100cqw, 100cqh)}}.render-card-edge-light{display:none;position:absolute;inset:0}.render-card[data-indeterminate] .render-card-edge-light{width:var(--rp-turn);height:var(--rp-turn);margin:calc(var(--rp-turn) / -2) 0 0 calc(var(--rp-turn) / -2);background:conic-gradient(from 0deg, transparent 0% 82%, color-mix(in srgb, var(--rp-deep) 75%, transparent) 98%, transparent 100%);display:block;inset:50% auto auto 50%}.render-card-edge-fill{position:absolute;inset:0}.render-card-edge-fill>span{position:absolute;top:0;bottom:0;overflow:hidden}.render-card-edge-fill>span:first-child{left:50%;right:0}.render-card-edge-fill>span:nth-child(2){left:0;right:50%}.render-card-edge-fill i{width:calc(var(--rp-turn) / 2);height:var(--rp-turn);margin-top:calc(var(--rp-turn) / -2);background:color-mix(in srgb, var(--rp-deep) 50%, transparent);position:absolute;top:50%}.render-card-edge-fill>span:first-child i{transform-origin:100%;transform:rotate(calc(min(var(--render-p,0), .5) * 1turn));right:100%}.render-card-edge-fill>span:nth-child(2) i{transform-origin:0;transform:rotate(calc(max(var(--render-p,0) - .5, 0) * 1turn));left:100%}.render-card-edge-fill b{width:var(--rp-turn);height:var(--rp-turn);margin:calc(var(--rp-turn) / -2) 0 0 calc(var(--rp-turn) / -2);background:conic-gradient(from -28.8deg, transparent 0deg, var(--rp-deep) 28.8deg, transparent 28.8deg);transform:rotate(calc(var(--render-p,0) * 1turn));position:absolute;top:50%;left:50%}.render-card[data-writing] .render-card-edge-light{background:color-mix(in srgb, var(--rp-deep) 45%, transparent);width:auto;height:auto;margin:0;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(--paper-panel);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(--paper-ink-2);transition:color var(--paper-dur-2) var(--paper-ease-out), background var(--paper-dur-2) var(--paper-ease-out), box-shadow var(--paper-dur-2) var(--paper-ease-out);border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:12px;line-height:1.4;display:inline-flex}.app-media-verbs>button:focus-visible{color:var(--paper-ink)}@media (hover:hover){.app-media-verbs>button:hover{color:var(--paper-ink)}}.app-media-result>.app-media-caption{margin-top:9px}.app-media-caption{-webkit-line-clamp:2;color:var(--paper-soft);-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;transform:scale(1.02)}}@media (prefers-reduced-motion:no-preference){.render-card-edge-fill :is(i,b){transition:transform 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}.render-card[data-writing] .render-card-edge-light{animation:1.8s ease-in-out infinite render-edge-pulse}.render-card-writing>span{animation:1.9s ease-in-out infinite render-writing-breathe}.app-media-result img,.app-media-result video{animation:render-reveal var(--paper-dur-3,.26s) var(--paper-ease-out,cubic-bezier(.16, 1, .3, 1)) both}}@media (width<=480px){.render-card{border-radius:20px;padding:13px}.render-card.is-compact{padding:11px}}