@property --border-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.border-beam{position:relative}.border-beam-ring,.border-beam-glow{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;animation:border-beam-spin var(--border-beam-duration,5s) linear infinite;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.border-beam-ring{padding:var(--border-beam-width,1.5px)}.border-beam-glow-wrap{border-radius:inherit;pointer-events:none;filter:blur(var(--border-beam-blur,14px));position:absolute;inset:0}.border-beam-glow{padding:var(--border-beam-glow-width,7px)}@keyframes border-beam-spin{to{--border-beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.border-beam-ring,.border-beam-glow-wrap{display:none}}.canvas-sheet{transform-origin:top;transition:transform .2s ease-out,opacity .2s ease-out}.canvas-sheet[data-stacked-depth]{will-change:transform, opacity}.canvas-sheet[data-stacked-depth="1"]{transform:translateY(-12px)scale(.96)}.canvas-sheet[data-stacked-depth="2"]{transform:translateY(-24px)scale(.92)}.canvas-sheet[data-stacked-depth="3"]{transform:translateY(-36px)scale(.88)}.canvas-sheet-content{transition:opacity .2s ease-out}.canvas-sheet[data-stacked-depth] .canvas-sheet-content{opacity:0}@keyframes canvas-sheet-in{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}.canvas-sheet-in{animation:.2s ease-out canvas-sheet-in}[data-chat-collapsed=true] .canvas-sheet{left:3rem}.canvas-sheet-header{border-bottom:1px solid var(--border)}.canvas-sheet-padded>.canvas-sheet-header,.canvas-sheet-padded>.canvas-sheet-content{padding-left:40px;padding-right:40px}.canvas-sheet-padded .canvas-sheet-chrome{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.canvas-sheet-padded>.canvas-sheet-static-chrome{padding-left:40px;padding-right:40px}.canvas-sheet-reveal-toolbar{transform:translateY(calc(var(--toolbar-hidden,0) * -1px))}.canvas-sheet-reveal-toolbar.is-revealing{transition:transform .2s ease-out}.canvas-sheet-padded .canvas-sheet-reveal-toolbar{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding:4px 0;display:grid}@media (width<=799.98px){.canvas-sheet-padded>.canvas-sheet-header,.canvas-sheet-padded>.canvas-sheet-content,.canvas-sheet-padded>.canvas-sheet-static-chrome{padding-left:16px;padding-right:16px}.canvas-sheet-padded>.canvas-sheet-header{padding-right:40px}.canvas-sheet-padded .canvas-sheet-chrome,.canvas-sheet-padded .canvas-sheet-reveal-toolbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.canvas-sheet[data-stacked-depth="1"]{transform:translateY(-8px)scale(.98)}.canvas-sheet[data-stacked-depth="2"]{transform:translateY(-16px)scale(.96)}.canvas-sheet[data-stacked-depth="3"]{transform:translateY(-24px)scale(.94)}}.media-card{background:var(--card);color:var(--foreground);isolation:isolate;border-radius:12px;flex-direction:column;transition:transform .15s ease-out;display:flex;position:relative}.media-card[data-interactive=true]{cursor:pointer}.media-card[data-interactive=true]:active{transform:scale(.96)}.media-card-media{border-radius:12px 12px 0 0;position:relative;overflow:hidden}.media-card[data-no-footer=true] .media-card-media{border-radius:12px}.media-card-footer{background:var(--card);border-radius:0 0 12px 12px;flex-direction:column;flex-grow:1;justify-content:center;gap:4px;min-height:48px;padding:10px 12px;font-size:12px;display:flex;position:relative}.media-card-hover{opacity:0;pointer-events:none;background:radial-gradient(circle at -22% 13%,#ff7d00cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#d840ff 0%,#0000 100%),radial-gradient(circle at 24% 73%,#d9ff1e 0%,#0000 100%),radial-gradient(circle at 100% 70%,#00d063 0%,#0000 52%),tomato;border-radius:14px;transition:opacity .3s ease-out,inset .3s ease-out;position:absolute;inset:0}.media-card[data-interactive=true]:hover .media-card-hover{opacity:1;transition-duration:.15s;inset:-4px}[data-slot=platform-tile]{border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}@supports (corner-shape:squircle){[data-slot=platform-tile]{border-radius:calc(var(--radius-md) * 2);corner-shape:squircle}}[data-slot=platform-tile][data-size=sm]{width:24px;height:24px}[data-slot=platform-tile][data-size=md]{width:32px;height:32px}[data-slot=platform-tile][data-size=lg]{width:40px;height:40px}[data-slot=platform-tile][data-tier=branded]{background:var(--platform-tile-bg);color:var(--platform-tile-fg,var(--foreground))}[data-slot=platform-tile][data-tier=house]{background-color:var(--foreground);color:var(--background)}[data-slot=platform-tile][data-tier=mark]{background-color:var(--muted);color:var(--foreground)}[data-slot=platform-tile][data-tier=monogram]{background-color:var(--muted);color:var(--muted-foreground)}.platform-tile-monogram{font-family:var(--font-mono);text-transform:uppercase;font-weight:500;line-height:1}[data-slot=platform-tile][data-size=sm] .platform-tile-monogram{font-size:10px}[data-slot=platform-tile][data-size=md] .platform-tile-monogram{font-size:12px}[data-slot=platform-tile][data-size=lg] .platform-tile-monogram{font-size:14px}.tooltip-multiple-timestamps{flex-direction:column;gap:4px;display:flex}.generated-post{background:var(--card);color:var(--foreground);isolation:isolate;cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .15s ease-out;display:flex;position:relative;&[data-status=processing]{& .post-preview{cursor:wait}&:hover .post-card-hover{opacity:0;inset:0}&:active{transform:none}& .generated-post-footer.is-static{cursor:wait}}& .generated-post-media{aspect-ratio:9/16;color:#fff;background:#000;border-radius:12px 12px 0 0;position:relative;overflow:hidden}& .post-preview{border-radius:12px 12px 0 0;position:relative}&[data-no-footer=true]{& .generated-post-media,& .post-preview{border-radius:12px}align-self:start}& .post-card-hover{border-radius:14px}&:hover{& .post-card-hover{opacity:1;transition-duration:.15s;inset:-4px}}&:active{transform:scale(.96)}&.is-skeleton{cursor:default;&:active{transform:none}}& .generated-post-footer{background:var(--card);width:100%;color:var(--foreground);text-align:left;cursor:pointer;border:0;border-radius:0 0 12px 12px;flex-wrap:wrap;flex-grow:1;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-family:inherit;font-size:12px;display:flex;position:relative;&.is-static{cursor:default}& .footer-pill{background:var(--background);min-width:0;max-width:100%;cursor:inherit;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:inline-flex}& .footer-pill-time{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}& .footer-cell-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden;&.is-empty{color:var(--muted-foreground)}}& .footer-status{flex:1;align-items:center;gap:8px;min-width:0;display:flex;& svg{flex-shrink:0}}& .footer-cell-extra{color:var(--muted-foreground);margin-left:6px;font-size:11px}}}.post-card-hover{opacity:0;pointer-events:none;background:radial-gradient(circle at -22% 13%,#ff7d00cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#d840ff 0%,#0000 100%),radial-gradient(circle at 24% 73%,#d9ff1e 0%,#0000 100%),radial-gradient(circle at 100% 70%,#00d063 0%,#0000 52%),tomato;border-radius:20px;transition:opacity .3s ease-out,inset .3s ease-out;position:absolute;inset:0}[data-slot=card]:hover>.post-card-hover{opacity:1;transition-duration:.15s;inset:-4px}.media-preview{opacity:0;background:#000;align-items:center;width:100%;height:100%;transition:opacity .2s ease-out;display:flex;position:relative;overflow:hidden}.media-preview.fade-in-media{opacity:1}.media-preview-inner{align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.media-preview img,.media-preview video{object-fit:contain;width:100%;height:100%}.media-preview-full{aspect-ratio:9/16;opacity:1;border-radius:12px}.slide-indicators{z-index:10;justify-content:center;gap:4px;min-width:100%;display:flex;position:absolute;bottom:8px;left:0}.slide-indicators>div{cursor:pointer;background-color:#ffffff80;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background-color .2s}.slide-indicators>div.active{background-color:#fff}.media-player-nav{background:linear-gradient(#0000,#00000080);justify-content:center;align-items:center;gap:12px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0;& button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s;display:flex;&:hover:not(:disabled){background:#fff6}&:disabled{opacity:.3;cursor:default}}}.media-player-counter{color:#fff;font-variant-numeric:tabular-nums;font-size:12px}.dot-field{--dot-field-pitch:12px;--dot-field-ink:var(--foreground);--dot-field-dot:color-mix(in srgb, var(--dot-field-ink), transparent 90%);--dot-field-align:center;background-image:radial-gradient(circle, var(--dot-field-dot) 1px, transparent 1.5px);background-size:var(--dot-field-pitch) var(--dot-field-pitch);background-position:var(--dot-field-align);position:relative;overflow:hidden}.dot-field-highlight{background-image:radial-gradient(circle, color-mix(in srgb, var(--dot-field-ink), transparent 60%) 1px, transparent 1.5px);background-size:var(--dot-field-pitch) var(--dot-field-pitch);background-position:var(--dot-field-align);animation:2.8s linear infinite dot-field-sweep;position:absolute;inset:0;mask-image:linear-gradient(#0000 44%,#000 50%,#0000 56%);mask-size:100% 300%;mask-repeat:no-repeat}@keyframes dot-field-sweep{0%{mask-position:50% 80%}to{mask-position:50% 20%}}@media (prefers-reduced-motion:reduce){.dot-field-highlight{animation:none;mask-position:50%}}.fullscreen-dialog{background:var(--background);z-index:50;overscroll-behavior:none;padding-bottom:72px;position:fixed;inset:0;overflow:auto;&.fullscreen-dialog-no-footer-padding{padding-bottom:0}& .fullscreen-dialog-header{z-index:2;background:var(--background);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 24px;display:flex;position:sticky;top:0;& .logo-wrap{background:var(--logo-color);border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;& svg{fill:var(--ink);width:20px;height:auto}}}}@supports (corner-shape:squircle){.fullscreen-dialog-header .logo-wrap{corner-shape:squircle;border-radius:8px}}.fullscreen-dialog-content{min-height:calc(100dvh - 72px);padding:24px}.fullscreen-dialog-content img,.fullscreen-dialog-content video{object-fit:contain;max-width:100%;max-height:100%}@media (width<=767px){.fullscreen-dialog .fullscreen-dialog-header{padding:0 16px}.fullscreen-dialog-content{padding:24px 16px}}.fullscreen-dialog-footer-wrapper{z-index:10;background:var(--background);border-top:1px solid var(--border);flex-shrink:0;align-items:center;width:100%;height:72px;padding:0 24px;display:flex;position:fixed;bottom:0}.fullscreen-dialog-footer{justify-content:space-between;align-items:center;width:100%;display:flex;& button{border-radius:24px}}.fullscreen-dialog-footer-left{align-items:center;display:flex}.fullscreen-dialog-footer-right{align-items:center;gap:12px;display:flex}@media (width<=767px){.fullscreen-dialog-footer-wrapper{padding:0 16px}}.strata-qr{--qr-paper:#fff}
