@property --render-progress{syntax:"<percentage>";inherits:true;initial-value:0%}.render-card{isolation:isolate;width:100%;max-width:28rem;aspect-ratio:var(--render-aspect,1);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--color-ember) 4%, transparent), transparent 65%), linear-gradient(145deg, var(--color-raised), var(--color-workspace) 72%);min-height:180px;box-shadow:var(--shadow-panel);flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.render-card.is-portrait,.app-media-result.is-portrait{max-width:16rem}.render-card-top,.render-card-meta{color:var(--color-moss-dim);justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.render-card-top>span:first-child{align-items:center;gap:6px;display:inline-flex}.render-card-top>span:last-child{opacity:.8}.render-card-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;padding:18px 0;display:flex}.render-card-label{color:var(--color-parchment);letter-spacing:-.015em;font-size:14px;font-weight:500}.render-card-meta{font-size:11px}.render-card-meta>span:last-child{font-variant-numeric:tabular-nums;opacity:.75;flex-shrink:0}.render-card-writing{color:var(--color-moss-dim);align-items:center;gap:5px;margin-top:1px;font-size:12px;line-height:1.5;display:inline-flex}.render-card-writing>svg{color:#d8bd88;flex-shrink:0}.render-card-writing>span{background:linear-gradient(90deg, var(--color-moss-dim) 0 38%, var(--color-parchment) 50%, var(--color-moss-dim) 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(--color-moss-dim);-webkit-box-orient:vertical;margin-top:3px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.render-card-edge{z-index:1;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, #e3a44a30 0%, #d8b17690 max(0%, calc(var(--render-progress) - 8%)), #efd8a7c4 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(#0000 0% 82%,#d8b17685 98%,#0000 100%)}.render-card[data-writing] .render-card-edge-light{background:#d8b17660;inset:0}@keyframes render-edge-pulse{0%,to{opacity:.3}50%{opacity:1}}.render-card.is-compact{aspect-ratio:1;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:13px}.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{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-canvas);width:100%;box-shadow:var(--shadow-panel);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{border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-moss);background:0 0;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:12px;line-height:1.4;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.app-media-verbs>button:hover,.app-media-verbs>button:focus-visible{color:var(--color-parchment);border-color:var(--color-moss-dim);background:var(--color-canvas)}.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(3px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:no-preference){.render-card{transition:--render-progress 1s linear}.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:.45s ease-out both render-reveal}}@media (width<=480px){.render-card{padding:14px}.render-card.is-compact{padding:11px}}