.td-detail{background:var(--studio-palette-080808);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--studio-foreground);font-family:var(--studio-font);background-position:50%;background-size:cover;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.td-detail::backdrop{background:var(--studio-palette-000000dd)}.td-detail-backdrop{-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);pointer-events:none;position:fixed;inset:0}.td-detail-close{width:36px;height:36px;color:var(--studio-foreground);background:var(--studio-border);z-index:5;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:fixed;top:10px;left:10px}.td-detail-layout{justify-content:center;align-items:center;gap:36px;width:calc(100% - 152px);max-width:1400px;min-height:100dvh;margin:auto;padding:60px 0;display:flex;position:relative}.td-detail-preview{width:calc((100dvh - 120px) * var(--preview-ratio));min-width:0;max-width:calc(100% - 338px);aspect-ratio:var(--preview-ratio);background:var(--studio-palette-111111);border-radius:24px;flex:0 auto;overflow:hidden}.td-detail-preview>img,.td-detail-preview>video{object-fit:contain;width:100%;height:100%;display:block}.td-detail-form{flex:none;width:302px}.td-model-label{color:var(--studio-text-secondary);font-size:12px;line-height:16px}.td-detail-form h2{text-transform:uppercase;letter-spacing:-1px;margin:10px 0;font-size:40px;font-weight:600;line-height:48px}.td-detail-form>p{color:var(--studio-text-secondary);margin:10px 0 24px;font-size:14px;line-height:20px}.td-detail-upload-panel{background:var(--studio-border);border-radius:24px;padding:24px}.td-detail-form>.td-detail-preview-note{border:1px solid var(--studio-border);color:var(--studio-text-secondary);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:12px;line-height:18px}.td-detail-prompt{border:1px solid var(--studio-border);border-radius:12px;margin-bottom:20px;padding:12px 14px}.td-detail-prompt summary{color:var(--studio-foreground);cursor:pointer;font-size:13px}.td-detail-prompt textarea{border:1px solid var(--studio-border);background:var(--studio-palette-111111);width:100%;min-height:160px;color:var(--studio-foreground);resize:vertical;border-radius:8px;margin-top:12px;padding:10px;font-family:ui-monospace,monospace;font-size:12px;line-height:18px;display:block}.td-detail-upload{border:1px dashed var(--studio-text-muted);width:100%;height:254px;color:var(--studio-foreground);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.td-detail-upload-icon{border:1px solid var(--studio-border);background:var(--studio-hover);width:56px;height:56px;color:var(--studio-text-muted);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.td-detail-upload:hover:not(:disabled) .td-detail-upload-icon,.td-detail-upload:focus-visible .td-detail-upload-icon{color:var(--studio-accent-text);border-color:currentColor}.td-detail-upload img{object-fit:contain;width:100%;height:100%}.td-detail-ratio{border-top:1px solid var(--studio-border);align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:14px;line-height:20px;display:flex}.td-detail-create{background:var(--studio-foreground);width:100%;height:56px;color:var(--studio-popover);cursor:pointer;border:0;border-radius:99px;align-items:center;gap:8px;margin-top:24px;padding:0 28px;font-size:14px;font-weight:600;display:flex}.td-detail-create .td-detail-cost{color:inherit;opacity:.7;margin-left:auto;font-size:12px;font-weight:400}@media (width<=900px){.td-detail-layout{flex-direction:column;gap:24px;width:calc(100% - 32px);padding:64px 0 32px;display:flex}.td-detail-preview{width:calc((100dvh - 96px) * var(--preview-ratio));flex:none;max-width:100%}.td-detail-form{width:100%;max-width:500px}.td-detail-form h2{font-size:28px;line-height:34px}.td-detail-upload{height:200px}}.td-detail-create:disabled,.td-detail-upload:disabled{cursor:not-allowed;opacity:.6}.td-detail-example{object-fit:contain;border-radius:12px;width:100%;max-height:160px;margin-bottom:12px}