.creation-result{gap:14px;width:100%;max-width:720px;margin:0 auto;display:grid}.creation-result .workspace-preview-heading{margin-bottom:0}.creation-result-preview{isolation:isolate;aspect-ratio:16/10;background:#101014;border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 16px 32px -16px #0007}.creation-result-image{cursor:zoom-in;width:100%;height:100%;display:block}.creation-result-image img,.creation-result-preview>video{object-fit:contain;width:100%;height:100%}.creation-result-expand{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0007;border:1px solid #fff3;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.creation-result-expand svg{width:16px;height:16px}.creation-result-unavailable{color:#ffffffa6;place-content:center;justify-items:center;gap:12px;height:100%;font-size:13px;display:grid}.creation-result-thumbnails{scrollbar-width:thin;gap:8px;padding:2px;display:flex;overflow-x:auto}.creation-result-thumbnails>button{border:1px solid var(--border);opacity:.65;cursor:pointer;background:var(--muted);border-radius:8px;flex-shrink:0;width:76px;height:58px;position:relative;overflow:hidden}.creation-result-thumbnails>button[aria-pressed=true]{opacity:1;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.creation-result-thumbnails img{object-fit:cover;width:100%;height:100%}.creation-result-thumbnails span{color:#fff;background:#0009;border-radius:4px;min-width:16px;padding:2px 4px;font-size:9px;position:absolute;bottom:4px;right:4px}.creation-result-actions{justify-content:space-between;align-items:start;gap:16px;display:flex}.creation-result-actions .creation-status-detail{flex:1;gap:8px;min-width:0;padding-top:4px}.creation-result-actions .creation-status-line{justify-content:start;align-items:center;gap:6px 12px}.creation-result-actions .creation-status-line strong{align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.creation-result-actions .creation-status-line strong:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px}.creation-result-actions .creation-status-line>span{color:var(--muted-foreground);font-size:11px}.creation-download{border:1px solid color-mix(in oklch, var(--primary) 25%, transparent);background:color-mix(in oklch, var(--primary) 10%, transparent);min-height:36px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.creation-download:hover{background:color-mix(in oklch, var(--primary) 16%, transparent)}.creation-download svg{width:15px;height:15px}.creation-result-state{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 25%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 75%), var(--card);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:310px;padding:32px 24px;display:flex}.creation-result-state-icon{border:1px solid color-mix(in oklch, var(--primary) 20%, transparent);background:color-mix(in oklch, var(--primary) 8%, transparent);width:64px;height:64px;color:var(--primary);border-radius:20px;place-items:center;display:grid}.creation-result-state-icon svg{width:26px;height:26px}.creation-result-state[data-status=failed] .creation-result-state-icon{background:color-mix(in oklch, var(--destructive) 6%, transparent);border-color:color-mix(in oklch, var(--destructive) 15%, transparent);color:var(--destructive)}.creation-result-state h3{font-size:17px;font-weight:600}.creation-result-state .creation-status-detail{width:100%;max-width:340px}.creation-result-state .creation-status-line{color:var(--muted-foreground);justify-content:center}.creation-result-state .creation-status-line>strong{display:none}.creation-result-prompt{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--card) 80%, transparent);border-radius:12px;align-items:start;gap:16px;padding:16px;display:flex}.creation-result-prompt>div{flex:1;min-width:0}.creation-result-prompt>div>span{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.creation-result-prompt p{color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.creation-result-prompt>button{flex-shrink:0;font-size:11px}.creation-result-prompt>button svg{width:13px;height:13px}.creation-result-expand:focus-visible,.creation-result-image:focus-visible,.creation-result-thumbnails>button:focus-visible,.creation-download:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}@media (width>=900px){.creation-result-preview{max-height:max(260px,100svh - 420px)}}@media (width<=599px){.creation-result{gap:12px}.creation-result-preview{border-radius:12px}.creation-result-state{min-height:280px;padding:24px 16px}.creation-result-actions{gap:10px}.creation-result-prompt{flex-direction:column;gap:12px;padding:12px}}.creation-detail[data-slot=dialog-content]{border-radius:18px;grid-template-columns:minmax(0,1fr) 320px;gap:0;width:min(1120px,100vw - 40px);max-width:none;max-height:calc(100svh - 48px);padding:0;overflow:hidden}.creation-detail-close{z-index:1;background:var(--muted);cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.creation-detail-close svg{width:17px;height:17px}.creation-detail-media{background:color-mix(in oklch, var(--foreground) 3%, var(--background));min-width:0;min-height:300px;max-height:calc(100svh - 48px);padding:24px;overflow-y:auto}.creation-detail-media figure+figure{margin-top:24px}.creation-output-media img,.creation-output-media video{object-fit:contain;border-radius:8px;width:100%;max-height:65svh;display:block}.creation-output-media a{align-items:center;gap:7px;padding:10px 0 0;font-size:12px;display:inline-flex}.creation-output-media a svg{width:14px;height:14px}.creation-detail-info{flex-direction:column;gap:20px;min-width:0;max-height:calc(100svh - 48px);padding:30px 24px;display:flex;overflow-y:auto}.creation-detail-info [data-slot=dialog-title]{padding-right:25px;font-size:17px}.creation-detail-info [data-slot=dialog-description]{margin-top:-10px;font-size:12px}.creation-status-detail{gap:12px;font-size:12px;display:grid}.creation-status-line{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.creation-status-detail p{color:var(--muted-foreground);line-height:1.7}.creation-status-detail progress{appearance:none;background:var(--muted);width:100%;height:6px;accent-color:var(--primary);border:0;border-radius:99px;overflow:hidden}.creation-status-detail progress::-webkit-progress-bar{background:var(--muted);border-radius:99px}.creation-status-detail progress::-webkit-progress-value{background:var(--primary);border-radius:99px}.creation-status-detail progress::-moz-progress-bar{background:var(--primary);border-radius:99px}.creation-status-detail p[role=alert],.creation-card-meta [data-status=failed],.creation-status-line [data-status=failed]{color:var(--destructive)}.creation-detail-prompt h3{margin-bottom:10px;font-size:12px;font-weight:600}.creation-detail-prompt p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-foreground);font-size:13px;line-height:1.8}.creation-task-id{overflow-wrap:anywhere;color:var(--muted-foreground);margin-top:auto;font-size:10px}.creation-detail-placeholder{height:100%;min-height:320px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=899px){.creation-detail[data-slot=dialog-content]{grid-template-columns:minmax(0,1fr);overflow-y:auto}.creation-detail-media{min-height:0;max-height:none;padding:20px}.creation-output-media img,.creation-output-media video{max-height:45svh}.creation-detail-info{max-height:none;overflow:visible}}@media (width<=479px){.creation-detail[data-slot=dialog-content]{width:calc(100vw - 24px)}}.creation-library{flex-direction:column;display:flex}.creation-toolbar{flex-shrink:0;padding:16px 16px 12px}.creation-source-tabs{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--card) 85%, transparent);border-radius:12px;gap:4px;padding:4px;display:flex}.creation-source-tabs button{min-width:0;min-height:42px;color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:color .16s,background .16s,border-color .16s;display:flex}.creation-source-tabs button[aria-pressed=true]{color:var(--foreground);border-color:color-mix(in oklch, var(--primary) 30%, transparent);background:color-mix(in oklch, var(--primary) 12%, transparent);box-shadow:0 1px 3px #00000008}.creation-source-tabs button[aria-pressed=true] svg{color:var(--primary)}.creation-source-tabs button:hover:not([aria-pressed=true]){background:var(--muted);color:var(--foreground)}.creation-source-tabs button:focus-visible,.creation-view-toggle button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.creation-history-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 12px;display:flex}.creation-view-toggle{background:color-mix(in oklch, var(--foreground) 5%, transparent);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.creation-view-toggle button{width:31px;height:30px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;place-items:center;display:grid}.creation-view-toggle button[aria-pressed=true]{color:var(--foreground);background:color-mix(in oklch, var(--foreground) 12%, transparent)}.creation-toolbar svg,.creation-view-toggle svg{width:16px;height:16px}.creation-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:8px 16px 24px;overflow-y:auto}.creation-history-caption{color:var(--muted-foreground);margin:0;font-size:11px}.creation-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:22px 16px;display:grid}.creation-card{text-align:left;cursor:pointer;border-radius:12px;min-width:0;overflow:hidden}.creation-card-media{aspect-ratio:4/3;background:color-mix(in oklch, var(--foreground) 4%, var(--background));border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.creation-card-media>img,.creation-card-media>video{object-fit:cover;width:100%;height:100%;transition:transform .18s}.creation-card:hover .creation-card-media>img{transform:scale(1.025)}.creation-media-kind{color:#fff;background:#0008;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:11px;display:inline-flex;position:absolute;top:10px;left:10px}.creation-media-kind svg{width:14px;height:14px}.creation-card-open{color:#fff;opacity:0;background:#000a;border-radius:6px;padding:6px 10px;font-size:11px;transition:opacity .18s;position:absolute;inset:auto 10px 10px auto}.creation-card:hover .creation-card-open,.creation-card:focus-visible .creation-card-open{opacity:1}.creation-card-info{padding:10px 2px 2px}.creation-card-meta{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.creation-card-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-card-meta>span:last-child{color:var(--muted-foreground);flex-shrink:0}.creation-card-info p{-webkit-line-clamp:2;color:var(--muted-foreground);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:8px 0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.creation-card-info time{color:var(--muted-foreground);font-size:10px}.creation-card[data-compact=true] .creation-card-info{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.creation-card[data-compact=true] .creation-card-meta{flex:1;min-width:0}.creation-card[data-compact=true] .creation-card-meta>span{flex-shrink:1}.creation-card[data-compact=true] .creation-card-info time{white-space:nowrap;flex-shrink:0}.creation-card-placeholder{height:100%;color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;font-size:12px;display:flex}.creation-card-placeholder>svg{opacity:.7;width:26px;height:26px}.creation-card-placeholder progress{max-width:100%;height:4px;accent-color:var(--primary)}.creation-gallery[data-view=row]{grid-template-columns:1fr;gap:0}.creation-gallery[data-view=row] .creation-card{border-bottom:1px solid var(--border);border-radius:0;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:16px 0;display:grid}.creation-gallery[data-view=row] .creation-card:first-child{padding-top:0}.creation-gallery[data-view=row] .creation-card-info{padding:8px 8px 8px 0}.creation-gallery[data-view=row] .creation-card-info p{-webkit-line-clamp:3;max-width:65rem}.creation-gallery[data-view=row] .creation-card-meta{font-size:12px}.creation-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:250px;padding:28px;display:flex}.creation-empty-art{width:84px;height:76px;color:color-mix(in oklch, var(--foreground) 30%, transparent);place-items:center;margin-bottom:6px;display:grid;transform:rotate(-7deg)}.creation-empty-art svg{stroke-width:1px;width:66px;height:66px}.creation-empty h3{font-size:15px;font-weight:500}.creation-empty p{max-width:340px;color:var(--muted-foreground);font-size:12px;line-height:1.7}.creation-empty>button{color:var(--primary);cursor:pointer;margin-top:4px;font-size:12px}.creation-error{border:1px solid color-mix(in oklch, var(--destructive) 30%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.creation-examples{flex:1}@media (width<=599px){.creation-toolbar{padding:12px 12px 10px}.creation-history-toolbar{padding-inline:12px}.creation-scroll{padding:4px 12px 20px}.creation-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.creation-gallery[data-view=row] .creation-card{grid-template-columns:112px minmax(0,1fr);gap:12px}.creation-gallery[data-view=row] .creation-card-media{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){.creation-card,.creation-source-tabs button{transition:none}}